/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
body{margin:10px}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold}optgroup{font-weight:normal}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol{list-style:decimal outside}ul{list-style:disc outside}dl dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}sup{vertical-align:super}sub{vertical-align:sub}p,fieldset,table,pre{margin-bottom:1em}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px}img{-ms-interpolation-mode:bicubic}/*********************************************************************************
 * SugarCRM Community Edition is a customer relationship management program developed by
 * SugarCRM, Inc. Copyright (C) 2004-2013 SugarCRM Inc.

 * SuiteCRM is an extension to SugarCRM Community Edition developed by Salesagility Ltd.
 * Copyright (C) 2011 - 2014 Salesagility Ltd.
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 *
 * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
 * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
 *
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 *
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * SugarCRM" logo and "Supercharged by SuiteCRM" logo. If the display of the logos is not
 * reasonably feasible for  technical reasons, the Appropriate Legal Notices must
 * display the words  "Powered by SugarCRM" and "Supercharged by SuiteCRM".
 ********************************************************************************/

 
#ajaxStatusDiv 
{
    background: none repeat scroll 0% 0% rgb(255, 255, 255); 
    color: rgb(198, 12, 48); 
    position: fixed;
    opacity: 0.8;
    -moz-opacity:0.8;
    filter: alpha(opacity=80);
    top: 7px;
}


.search_form .view .yui-ac-highlight {
    text-shadow: none;
}

/* hack for webkit browsers ( namely Chrome and Safari ) */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    #ajaxStatusDiv 
    {
        position: absolute;
    }
}
/**
 *
 * SugarCRM Community Edition is a customer relationship management program developed by
 * SugarCRM, Inc. Copyright (C) 2004-2013 SugarCRM Inc.
 *
 * SuiteCRM is an extension to SugarCRM Community Edition developed by SalesAgility Ltd.
 * Copyright (C) 2011 - 2016 SalesAgility Ltd.
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 *
 * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
 * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
 *
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 *
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * SugarCRM" logo and "Supercharged by SuiteCRM" logo. If the display of the logos is not
 * reasonably feasible for  technical reasons, the Appropriate Legal Notices must
 * display the words  "Powered by SugarCRM" and "Supercharged by SuiteCRM".
 */

/* Start Global CSS */
/* Base SuiteCRM Styles */

html {
    height: 100%;
}

body {
    background: #e6e6e6;
    background: #f5f5f5;
    font-family: 'Lato', Lato, Arial, sans-serif;
    font-size: 13px;
    margin: 0;
    overflow: auto;
    color: #534D64;
    height: 100%;
}

img, svg {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

.studiolink svg, .studiolink img {
    width: 30px;
    height: auto;
}

/* LOGIN */
div.p_login {
    background-color: #F5F5F5;
    height: 100%;
}

div.p_login .p_login_top {
    background-color: #534D64;
    float: left;
    width: 100%;
    padding: 20px 2% 20px 2%;
}

div.p_login .p_login_top a {
    height: 40px;
    width: 170px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    background-image: none, url("../../../../themes/SuiteP/images/p_login_logo.svg"), url("../../../../themes/SuiteP/images/p_login_logo.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.p_login .p_login_middle {
    background-color: #F5F5F5;
    float: left;
    width: 100%;
}
div.p_login .p_login_bottom {
    background-color: #E6E6E6;
    float: left;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 20px 2% 20px 2%;
}

@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 {
    max-width: 400px;
    padding: 15px;
    margin: 8% auto 0 auto;
    text-align: center;
}

div.p_login #loginform .input-group {
    font-size: 19px;
    color: #C4C3C7;
    width: 100%;
}

div.p_login #loginform .input-group input {
    background-color: #fff;
    border: none;
    height: 50px;
    line-height: 50px;
    padding: 0 2% 0 60px;
    color: #C4C3C7;
    border-radius: 3px;
}

div.p_login #loginform .input-group input#user_name, #user_name:-webkit-autofill, div.p_login #loginform .input-group input#user_password {
    background-repeat: no-repeat;
    background-image: none, url("../../../../themes/SuiteP/images/login_bg.svg"), url("../../../../themes/SuiteP/images/login_bg.png");
}

div.p_login #loginform .input-group input#user_name {
    background-position: 12px 9px;
	background-repeat: no-repeat;
    background-image: none, url("../../../../themes/SuiteP/images/login_bg.svg");
}

div.p_login #loginform .input-group input#user_password {
    background-position: 12px -51px;
	background-repeat: no-repeat;
    background-image: none, url("../../../../themes/SuiteP/images/login_bg.png");
}

div.p_login #loginform .glyphicon {
    top: 0;
}

div.p_login #loginform span.error {
    display: block;
    padding: 0;
    line-height: 140%;
    margin-bottom: 0px;
    margin-top: 20px;
    color: #f08377;
    background-color: transparent;
}

div.p_login #loginform #bigbutton {
    border-radius: 3px;
    font-size: 20px;
    letter-spacing: 3px;
    padding: 0;
    height: 50px;
    line-height: 50px;
}

div.p_login #loginform #bigbutton:hover {
    background-color: #D66C60;
}

.navbar-nav > li:hover ul, #globalLinks:hover ul.dropdown-menu, #quickcreatetop:hover ul.dropdown-menu {
    display: block;
}

#ajaxHeader {
    float: left;
}

#bootstrap-container {
    background-color: #f5f5f5;
    margin-top: 110px !important;
}

li#usermenu a {
    background-color: #534d64;
    padding: 35px 0px 10px 0px;
    font-size: 14px;
}

li#usermenu a:hover {
    color: #F08377;
}

#globalLinks ul.user-dropdown li a {
    color: #fff;
}

#globalLinks ul.user-dropdown li a:hover {
    color: #F08377;
}

li#usermenu a span.caret {
    border: 0;
    height: 10px;
    width: 10px;
    margin-left: 10px;
    background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_caret.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_caret.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

li#usermenu a:hover span.caret {
    background-position: 0 -48px;
}

li#usermenu a span.user_icon {
    height: 42px;
    width: 42px;
    margin-right: 11px;
    background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_user_icon.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_user_icon.png");
    background-repeat: no-repeat;
    background-position: 0 -1;
    display: block;
    float: left;
    margin-top: -12px;
}

li#usermenu a:hover span.user_icon {
    background-position: 0 -99px;
}

div#pageContainer {
}

.dashletcontainer.col-50 {
    width: 50%;
}
.dashletcontainer.col-33 {
    width: 33.333%;
}

.dashletcontainer, .drop-location {
    min-height: 132px;
}

div#pageContainer td.dashletcontainer div.hd {
    background-color: #66727d;
    padding: 0;
    margin: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.yui-module .hd, .yui-panel .hd {
    background: #66727d;
}

div#pageContainer td.dashletcontainer tr.pagination td {
    background-color: #BFCAD3;
}

div#pageContainer td.dashletcontainer tr.pagination span {
    display: inline-block;
}

div#pageContainer td.dashletcontainer tr.pagination td button {
    width: auto;
    background-color: #94A6B5;
    padding: 2px;
    height: auto;
    border-radius: 3px;
}

td.dashletcontainer button[disabled], td.dashletcontainer input[type="submit"][disabled], td.dashletcontainer input[type="reset"][disabled], td.dashletcontainer input[type="button"][disabled] {
    line-height: 100% !important;
}

td.dashletcontainer .button, td.dashletcontainer input[type="submit"], td.dashletcontainer input[type="button"] {
    line-height: 100% !important;
}

div#pageContainer td.dashletcontainer th.footable-visible a {
    padding-right: 20px;
}

div#searchResults {
    overflow-y: auto;
    padding-bottom: 50px;
}

div#pageContainer td.dashletcontainer div.hd .icon {
    fill: #fff;
}

.sidebar {
    position: fixed;
    top: 90px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #778591;
}

#actionMenuSidebar {
    margin-bottom: 24px;
}

#actionMenuSidebar_top {
    display: none;
}

#actionMenuSidebar h2 {
    display: none;
}

#actionMenuSidebar ul {
    list-style-type: none;
}

#actionMenuSidebar li a .side-bar-Create, #actionMenuSidebar li a .side-bar-Add {
    background-image: url("../../../../themes/SuiteP/images/sidebar/Add.png");
    background-image: url("../../../../themes/SuiteP/images/sidebar/Add.svg");
}

#actionMenuSidebar li a .side-bar-Create_Contact_Vcard, #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");
}

#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");
}

#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");
}

#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");
}

#actionMenuSidebar li a .side-bar-Import {
    background-image: url("../../../../themes/SuiteP/images/sidebar/Import.png");
    background-image: url("../../../../themes/SuiteP/images/sidebar/Import.svg");
}

#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");
}

#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");
}

#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");
}

#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");
}

#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");
}

#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");
}

#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");
}

#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");
}

#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");
}

#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");
}

#actionMenuSidebar li a .side-bar-Today {
    background-image: url("../../../../themes/SuiteP/images/sidebar/Today.png");
    background-image: url("../../../../themes/SuiteP/images/sidebar/Today.svg");
}

#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");
}


#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");
}




#actionMenuSidebar li a.side-bar-View, #actionMenuSidebar li a .side-bar-List {
    background-image: url("../../../../themes/SuiteP/images/sidebar/View.png");
    background-image: url("../../../../themes/SuiteP/images/sidebar/View.svg");
}


#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");
}

#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");
}

#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");
}

#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");
}

#actionMenuSidebar li a {
    background-color: #94A6B5;
    color: #f5f5f5;
    display: block;
    font-size: 13px;
    margin: 0 0 1px 0;
    clear: both;
}

#actionMenuSidebar ul li a:hover {
    color: #fff;
    background-color: #8499AB;
}


#actionMenuSidebar li a div {
    display: block;
    text-wrap: normal;
}


#actionMenuSidebar li a .actionmenulink {
    width: 100%;
    min-height: 48px;
    padding: 16px 8px 16px 0px;
    line-height: 24px;
}

.side-bar-action-icon {
    width: 40px; /* effects link text position */
    height: 48px;
    background-repeat: no-repeat;
    background-position: 0px 8px;
    background-size: 32px;
    vertical-align: middle;
    margin-left: 12px;
    float: left;
}

.sidebar_top {
    background-color: red;
}

.moremenu ul, ul.dropdown-menu {
    max-height: 525px;
    overflow: auto;
}

.button-toggle-collapsed {
    position: fixed;
    top: 100px;
    background: #778591;
    z-index: 1000;
    height: 30px;
    width: 30px;
    background-image: none, url("../../../../themes/SuiteP/images/p_show_sidebar.svg"), url("../../../../themes/SuiteP/images/p_show_sidebar.png");
    background-repeat: no-repeat;
    background-position: center center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.button-toggle-expanded {
    position: fixed;
    top: 100px;
    background: #778591;
    z-index: 1000;
    height: 30px;
    width: 30px;
    background-image: none, url("../../../../themes/SuiteP/images/p_hide_sidebar.svg"), url("../../../../themes/SuiteP/images/p_hide_sidebar.png");
    background-repeat: no-repeat;
    background-position: center center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


#edittabs {}

#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;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 0 16px 0 0;
    width: 16% !important;
}

#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%!important;
}

#edittabs #trash {
    height: 64px;
    overflow: visible;
}


#edittabs .listContainer {
    height: 384px;
    overflow-y: auto;
}

#edittabs .listContainer li span {
    display: block;
    padding: 8px 0 8px 8px;
    background: #f5f5f5;
    margin-bottom: 4px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 98%;
    font-size: 13px;
    font-weight: 700;
}


#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: 16%
}

.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 0px;
}

#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%;
}

#ygddfdiv {
    background: #B29Eb5 !important;
    opacity: 1 !important;
    padding: 8px;
}

.slotSub {
    background: #00AA00;
}

div.noBullet li, .nobullet
{
    list-style-type: none;
}


#modulelinks > ul,
.mobileheader ul,
#mobile_menu,
ul.dropdown-menu,
.with-actions > .dropdown-menu,
.moremenu ul, ul.dropdown-menu,
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    overflow-y: auto;
}

#recentlyViewedSidebar {
    margin-bottom: 12px;
    float: left;
    width: 100%;
}

.recently_viewed_link_container_sidebar {
    font-size: 13px;
}


li.recentlinks, li.favoritelinks {
    width: 100%;
}


li.recentlinks img,
li.favoritelinks img {
    margin-right: 5px;
}

#favoritesSidebar {
    float: left;
    width: 100%;
}

#favoritesSidebar .new,
#favoritesSidebar .new * {
    visibility: collapse;
    width: 0;
    height: 0;
}

#recentlyViewedSidebar li a, #favoritesSidebar li a {
    color: #f5f5f5;
    padding-top: 12px;
    padding-bottom: 12px;
}

#recentlyViewedSidebar .recent-links-detail,
#favoritesSidebar .favorite-links-detail {
    width: 85%;
    display: inline-block;
}

#recentlyViewedSidebar .recent-links-edit,
#favoritesSidebar .favorite-links-edit {
    height: 20px;
    width: 20px;
    display: inline-block;
}

#recentlyViewedSidebar li:hover, #favoritesSidebar li:hover {
    background-color: #677785;
}

#recentlyViewedSidebar h2, #favoritesSidebar h2 {
    font-size: 16px;
    font-weight: bold;
    color: #f5f5f5;
    margin: 0 0 5px 0;
}

#p_wrap {
    width: 100%;
    float: left;
    padding-left: 215px;
    position: relative;
}

#content {
    width: 100%;
    padding: 30px 3% 40px 3%;
}

#bootstrap-container.col-md-offset-2 {
}

#pagecontent:after {
    clear:both;
}

footer * {
    box-sizing: content-box;
}

footer {
    bottom: 0;
    margin: 0 0 0 0;
    background-color: #E6E6E6;
    clear: both;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: content-box;
    line-height: 48px;
}
footer.expandedSidebar {
    width: 79%;
    float: right;
}
footer.collapsedSidebar {
    width: 94%;
    float: right;
}

.footer_left {
    float: left;
    width: 48%;
}

a#powered_by {
    margin-left: 4%;
}

a#admin_options, a#powered_by {
    color: #534D64;
    font-size: 12px;
    cursor: pointer;
}

a#admin_options:hover, a#powered_by:hover {
    color: #D66C60;
    text-decoration: none;
}

#copyright_data {
    padding-left: 1%;
}

.footer_right {
    float: right;
    width: 47%;
    text-align: right;
    text-transform: uppercase;
    padding-right: 1%;
}

.footer_right a {
    color: #4D4D4D;
    letter-spacing: 1px;
    background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_back_to_top.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_back_to_top.png");
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 20px;
    font-size: 12px;
}

.footer_right a:hover {
    color: #D66C60;
    background-position: right -15px;
}

.subDmenu {
    position: absolute;
    display: none;
    visibility: hidden;
}

.menuItem, .menuItemHilite, .menuItemX, .menuItemHiliteX,
.menuItem:visited, .menuItemHilite:visited, .menuItem:hover, .menuItemHilite:hover,
.menuItem:active, .menuItemHilite:active, .menuItem:link, .menuItemHilite:link,
.menuItemX:visited, .menuItemHiliteX:visited, .menuItemX:hover, .menuItemHiliteX:hover,
.menuItemX:active, .menuItemHiliteX:active, .menuItemX:link, .menuItemHiliteX:link {
    line-height: 24px;
    color: #000;
    text-decoration: none;
    width: 120px;
    border-left: none;
    border-right: none;
    display: block;
    padding: 1px 5px 1px 7px;
    border-bottom: 1px solid #c0c0c0;
}

.menuItem {
    background-color: #f6f6f6;
}

.menuItemHilite {
    background-color: #FFFFFF;
}

.menuItemX {
    background-color: #CCCCCC;
}

.menuItemHiliteX {
    background-color: #999999;
}

.menu {
    position: absolute;
    display: none;
    visibility: hidden;
    background-color: #f6f6f6;
    z-index: 2;
    border: #999999 solid 1px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

fieldset, table, pre {
    margin-bottom: 0;
}

p {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

a {
}

form {
    margin: 0;
}

textarea {
    font-family: 'Lato', Lato, Arial, sans-serif;
}

.checkbox, input[type=checkbox] {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    visibility: visible;
    height: 16px;
    width: 16px;
    background: url('../../../../themes/SuiteP/images/forms/check.png') no-repeat;
    overflow: hidden;
}

input[type=radio] {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    visibility: visible;
    height: 16px;
    width: 16px;
    background: url('../../../../themes/SuiteP/images/forms/radio.png') no-repeat;
}

input[type=checkbox]:focus, input[type=radio]:focus {
    outline: 0;
}

input[type=checkbox] {
    background-position: 0px 0px;
}

input[type=checkbox]:checked {
    background-position: -18px 0px;
}

input[type=checkbox]:disabled {
    background-position: -36px 0px;
}

input[type=checkbox]:disabled:checked, input[type=checkbox]:checked:disabled {
    background-position: -54px 0px;
}

input[type=radio] {
    background-position: 0px 0px;
}

input[type=radio]:checked {
    background-position: -18px 0px;
}

input[type=radio]:disabled {
    background-position: -36px 0px;
}

input[type=radio]:disabled:checked, input[type=radio]:checked:disabled {
    background-position: -54px 0px;
}

td.nowrap input[type=checkbox] {
    margin-top: 3px;
}

input[type=text]:disabled {
    border: 1px solid #e2e7eb;
    background: #f8f8f8;
}

div.clear {
    height: 0;
    clear: both;
    visibility: hidden;
}

th, td {
    border: none;
    padding: 0;
}

#header ul li {
    display: inline;
}

#unified_search_advanced_img {
    cursor: pointer;
}

#unified_search_advanced_div {
    height: 1px;
    position: relative;
    overflow: hidden;
    width: 21em;
    padding-top: 5px;
}

#unified_search_advanced_div .edit.view {
    padding: 6px 6px 6px 4px;
}

#unified_search_advanced_div .edit.view td {
    padding: 0 0.5em !important;
}

#themeColors img, #themeFonts img {
    margin-bottom: 0;
}

#HideHandle {
    padding-top: 5px;
    cursor: pointer;
}

#HideMenu {
    visibility: hidden;
    position: absolute;
    z-index: 100;
}

#leftHandle {
    float: left;
}

#newRecord form {
    padding: 8px 8px 5px 8px;
}

#newRecord form input, #newRecord form select, #newRecord form textarea {
    margin-bottom: 4px;
    margin-top: 2px;
    max-width: 140px;
}

#newRecord form button, #newRecord form input[type=button], #newRecord form input[type=submit], #newRecord form input[type=reset] {
    padding-top: 0;
    vertical-align: bottom;
}

#newRecord form .dataLabel {
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 0;
    vertical-align: bottom;
}

#newRecord form .dataField {
    padding-bottom: 3px;
}

#newRecord form #jscal_trigger {
    margin-bottom: 4px;
    margin-top: 2px;
    vertical-align: bottom;
}

#newRecord form a:link, #newRecord form a:visited, #newRecord form a:hover {
    text-decoration: underline;
    border-bottom: 0;
    padding-left: 0;
}

.sqsSelectedSmartInputItem {
    background-color: #DEEFFF;
}

.view, table.view {
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 20px 16px 22px 30px;
    width: 100%;
}

.view tr td input[type=checkbox] {
    vertical-align: middle;
}

#search_form > div  tr td input[type=checkbox] {
    vertical-align: middle;
}

.basic textarea {
    height: 48px;
    width: 100%;
}

.collapsed .panelContainer, .collapsed .collapseLink, .expanded .expandLink {
    display: none;
}

.detail h4 {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    text-align: left;
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0;
}

.detail-view-row, .detail-view-row-item {
    margin: 0 0 2px 0;
    min-width: 48px;
    min-height: 24px;
}

.edit-view-row, .edit-view-row-item {
    margin: 0 0 8px 0;
    min-width: 48px;
    min-height: 24px;
}

.detail-view-row .label, .edit-view-row .label, #lineItems {
    color: #534D64;
    display: inline;
    padding: 0 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;

}

slot, #lead_queries_Div td {
      color: #534D64;
      font-size: 14px;
      font-weight: 700;
      line-height: 48px;
      text-align: left;
      white-space: nowrap;
      vertical-align: baseline;

}

#html_div {
    white-space: normal;
}

.dataField {
    min-height: 48px;
    line-height: 48px;
}

.detail-view-field {
    color: #534D64;
    display: inline;
    padding:  12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    min-height: 48px;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #F5F5F5;
    border: 1px solid transparent;
    border-radius: 4px;
}

.detail-view-field a {
    font-weight: 700;
}

[field="billing_address_street"].detail-view-field,
[field="shipping_address_street"].detail-view-field {
    padding: 16px 16px 32px 16px;
}

[field="shipping_address_street"].detail-view-field .button,
[field="billing_address_street"].detail-view-field .button {
    background-color: #AA9DCC;
}

[field="shipping_address_street"].detail-view-field .button:hover,
[field="billing_address_street"].detail-view-field .button:hover {
    background-color: #9589b3;
}


.edit-view-field textarea,
.inline_edit_field textarea {
    line-height: 24px;
    padding-top: 14px;
}

#no-tab-actions > ul > li {
    margin: 8px 8px 8px 0px;
}

.detail tr td {
    border: none;
    vertical-align: top;
    padding: 5px 6px 5px 6px;
    vertical-align: top;
    text-align: left;
}

.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 {
    overflow: auto;
    margin-bottom: 0px;
}

#EditView_tabs.yui-navset.yui-navset-top {
    padding: 0px 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,
#EditView .edit textarea,
#EditView .edit select,
#EditView .edit option,
select,
option[selected],
.sqsEnabled {
    font-weight: normal;
    color: #534D64;
}

.edit {
    padding: 0 6px 12px 10px !important;
}

.label {
    font-size: 14px;
    color: #534D64;
}

.edit > table {
    margin-bottom: 0;
    padding: 3px 3px 3px 10px !important;
}

.edit h4 {
    text-align: left;
    padding-top: 0;
    margin-top: 10px;
    padding-left: 0;
}

.edit tr td {
    font-weight: normal;
    vertical-align: top;
}

.edit tr td[scope=row] {
    padding: 0px 10px 0px 10px !important;
    text-align: left;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
}

.edit tr th {
    padding: 5px 5px 5px 7px !important;
}

#EditView input[type="button"] {
    margin: 4px;
    padding: 0 10px;
}

fieldset {
    margin-top: 32px;
}

fieldset legend {
    border: none;
    font-size: 16px;
    font-weight: 700;
    padding-left: 33.33333333%;
}

fieldset table {
    background: none !important;
}

fieldset > table tr > td:first-of-type {
    width: 33.33333333%;
}

fieldset tr, fieldset td {
    border: none !important;
}

fieldset label {
    border: none;
    font-size: 14px;
    font-weight: 700;
    color: #534D64;
}

.validation-message {
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 4px;
}

table#tabFormPagination td, #tabFormPagination, #EditView > table#tabFormPagination.detail.view {
    border-bottom: none;
    margin-bottom: 0;
}

.edit tr td table, .edit tr td table tr td {
    padding: 3px 3px 3px 0 !important;
}

.search {
    margin: 0 0 4px 0 !important;
    padding: 10px 6px 12px 10px;
}

.search > table {
    padding: 0 !important;
    margin: 0;
}

.search td span {
    color: #444444;
}

td.submitButtons {
    padding-left: 20px;
}

td.submitButtons input {
    margin-bottom: 10px;
}

.search td input[type=text], .search td input[type=password], .search td select {
    width: 260px !important;
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 3px;
}

.list, .edit .list {
    padding: 0 !important;
    margin-bottom: 10px;
}

.list tr.pagination,
.list tr.pagination td,
.list tr.pagination td table {
    padding: 0;
    border: 0;
    margin: 0;
}

/* PAGINATION */

.list tr#pagination {
}

.list tr#pagination td {
    padding: 0px !important;
}

.list tr#pagination td table.paginationTable {
}

.list tr#pagination td table.paginationTable tr {
    padding: 0px !important;
}

.list tr#pagination td table.paginationTable td.paginationActionButtons {
    background-color: #BFCAD3;
    padding: 5px 0px 5px 0px !important;
}

.list tr#pagination td table.paginationTable td.paginationChangeButtons {
    background-color: #BFCAD3;
    padding: 5px 5px 5px 0px !important;
}

button#listViewStartButton_top, button#listViewStartButton_bottom {
    width: 26px;
    background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
    background-repeat: no-repeat;
    background-position: 9px -29px;
    margin-right: 2px;
}

button#listViewStartButton_top[disabled], button#listViewPrevButton_top[disabled], button#listViewNextButton_top[disabled], button#listViewEndButton_top[disabled], button#listViewStartButton_bottom[disabled], button#listViewPrevButton_bottom[disabled], button#listViewNextButton_bottom[disabled], button#listViewEndButton_bottom[disabled] {
    opacity: .5;
    cursor: default;
}

button#listViewStartButton_top img, button#listViewStartButton_bottom img {
    display: none;
}

button#listViewPrevButton_top, button#listViewPrevButton_bottom {
    width: 26px;
    background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
    background-repeat: no-repeat;
    background-position: 9px -50px;
}

button#listViewPrevButton_top img, button#listViewPrevButton_bottom img {
    display: none;
}

button#listViewNextButton_top, button#listViewNextButton_bottom {
    width: 26px;
    background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
    background-repeat: no-repeat;
    background-position: 10px -132px;
}

button#listViewNextButton_top img, button#listViewNextButton_bottom img {
    display: none;
}

button#listViewEndButton_top, button#listViewEndButton_bottom {
    width: 26px;
    background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
    background-repeat: no-repeat;
    background-position: 10px -112px;
    margin-left: 2px;
}

button#listViewEndButton_top img, button#listViewEndButton_bottom img {
    display: none;
}

.list tr.pagination td table td {
    padding: 3px 7px 3px 5px !important;
}

.list tr.pagination td table td button {
    width: 25px;
}

.list tr.pagination td table td a:link, .list tr.pagination td table td a:visited, .reportGroupByDataChildTablelistViewThS1 a:link, .reportGroupByDataChildTablelistViewThS1 a:visited {
    font-weight: bold;
    text-decoration: none;
    padding: 2px 0 3px 0;
}

.list tr.pagination td table td a:hover, .reportGroupByDataChildTablelistViewThS1 a:hover {
    text-decoration: underline;
}

.list tr.pagination .buttons {
    padding: 2px 2px 2px 0 !important;
}

.list tr.pagination #selectCountTop {
    width: 5em;
}

#selectedRecordsTopLabel, #selectedRecordsTopValue {
    color: white;
}

.td_alt, .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col] {
    font-weight: 800;
    text-align: left;
    padding: 16px 10px 16px 10px !important;
    border-left: none;
    border-right: none;
    white-space: nowrap;
    font-size: 13px;
}

.list tr td {
    vertical-align: middle;
    padding: 3px 8px 5px 5px !important;
}

.list tr.pagination td {
    padding: 0 !important;
}

.list tr td.odd {
    padding: 3px 8px 5px 5px;
    vertical-align: middle;
}

.list th a:link, .list th a:visited, .list td[scope=col] a:link, .list td[scope=col] a:visited {
    font-weight: bold;
    text-decoration: none;
}

.list th a:hover, .list td[scope=col] a:hover {
    text-decoration: underline;
}

.list tr.oddListRowS1 td, .list tr.evenListRowS1 td {
    white-space: normal;
    word-wrap: break-word;
}

thead {
    background-color: #778591;
}

table#dashletPanel thead {
    background-color: #778591;
}

.list tr.oddListRowS1 td[nowrap], .list tr.evenListRowS1 td[nowrap] {
    white-space: nowrap;
    word-wrap: normal;
}

a.listViewTdToolsS1 {
    padding: 4px;
}

.list td a.listViewTdToolsS1, .list tr td.nowrap {
    white-space: nowrap;
    word-wrap: normal;
}

.list td a.listViewTdToolsS1 {
    min-width: 55px;
    text-align: left;
}

.inlineButtons ul.clickMenu > li > span {
    position: absolute;
    right: 0;
}

.list td.inlineButtons {
    text-align: right;
    min-width: 75px;
}

.other {
    border: none !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    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 !important;
}

.other .edit {
    margin-top: 0;
}

.other td.edit #wizard td {
    background: transparent;
}

.other td.edit #wizard h4 {
    padding-left: 0;
    margin-top: 0;
}


.other.view td {
    height: 48px;
    line-height: 48px;
}

.other.view img, .other.view svg {
    font-weight: 700;
    margin: 5px 0 0 5px;
    width: 32px;
    height: 32px;
    display: inline-block;
    float: left;
}

.other.view a {
    position: relative;
    font-weight: 700;
    margin: 0 0 0 10px;
    display: inline-block;
}

.other.view td:nth-of-type(1) {
    display: block;
    float: left;
    width: 100%;
    background-color: #fff;
    text-wrap: normal;

}
.other.view td:nth-of-type(2) {
    display: block;
    float: right;
    width: 100%;
    background-color: #fff;
    padding-left: 52px;
    padding-bottom: 10px;
    height: auto;
    line-height: 24px;

}
.other.view td:nth-of-type(2):after {
    clear: both;
}
.other.view td:nth-of-type(3) {
    display: block;
    float: left;
    width: 100%;
    background-color: #f5f5f5;
}
.other.view td:nth-of-type(4) {
    display: block;
    float: right;
    width: 100%;
    background-color: #f5f5f5;
    padding-left: 52px !important;
    padding-bottom: 10px;
    height: auto;
    line-height: 24px;
}

@media (min-width: 1250px) {
    /* left admin panel column */
    .other.view td a {
        white-space: normal;
        height: 100%;
        line-height: 100%;
    }

    .other.view td:nth-of-type(1),
    .other.view td:nth-of-type(3) {
        display: block;
        float: left;
        width: 25%;
    }

    /* right admin panel column */
    .other.view td:nth-of-type(2),
    .other.view td:nth-of-type(4) {
        display: block;
        float: right;
        width: 75%;
        line-height: 48px;
        height: 48px;
    }
}


/*///// MASS ASSIGN /////*/

#massassign_form table, #massassign_form table td {
    width: auto !important;
    float: left;
}

td.listViewButtons input.button:hover {
    background-color: #d66c60;
}

#massassign_form h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 14px 20px 0px 0;
    color: #817d8d;
}

#massassign_form input.button {
    margin-right: 10px;
}

table#mass_update_table {
    color: #817d8d;
    background-color: #e6e6e6;
}

table#mass_update_table td {
    padding-left: 15px;
    line-height: 40px;
}

table#mass_update_table td select {
    border-radius: 3px;
}

@media (max-width: 750px) {
    #massassign_form table, #massassign_form table td {
        width: 100% !important;
        float: left;
    }

    #massassign_form h3 {
        text-align: center;
        margin-right: 0px;
    }

    #massassign_form table, #massassign_form table td {
        text-align: center;
    }

    table#mass_update_table td {
        padding-left: 0;
        line-height: 30px;
    }

}


#selectLinkTop,
#selectLinkBottom,
#actionLinkBottom {
    min-height: 16px;
    line-height: 0px;
    position: relative;
    padding: 1px;
}
#selectLinkTop input[type=checkbox],
#selectLinkBottom input[type=checkbox],
#actionLinkBottom input[type=checkbox] {
    margin-top: 5px;
}

#actionLinkTop,
#actionLinkBottom {
    font-size: 14px;
    min-height: 16px;
    line-height: 11px;
    position: relative;
}

#actionLinkTop {
    top: -1px;
}

#actionLinkBottom {
    left: -1px;
}

#detail_header_action_menu li.sugar_action_button a#edit_button,
#userEditActions li.sugar_action_button  a,
#actionLinkTop li.sugar_action_button  a,
#actionLinkBottom li.sugar_action_button  a {
    margin: 5px 10px 5px 9px;
}

.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;.sugar_action_button>form>a
    padding: 11px 10px 12px 10px;
}

#select_actions_disabled_top,
#select_actions_disabled_bottom {
    padding: 4px 10px 4px 10px;
    top: -1px;
    position: relative;
}

#detail_header_action_menu > .sugar_action_button > ul.subnav,
#userEditActions > .sugar_action_button > ul.subnav,
#selectLinkTop > .sugar_action_button > ul.subnav,
#selectLinkBottom > .sugar_action_button > ul.subnav {
    left: 0;
    right: auto;
    background-color: #7B8A96;
}

#detail_header_action_menu > .sugar_action_button > ul.subnav,
#detail_header_action_menu > .sugar_action_button > ul.subnav li,
#detail_header_action_menu > .sugar_action_button > ul.subnav a,
#userEditActions > .sugar_action_button > ul.subnav,
#userEditActions > .sugar_action_button > ul.subnav li,
#userEditActions > .sugar_action_button > ul.subnav a,
#userEditActions ul.clickMenu li ul.subnav,
#selectLinkTop > .sugar_action_button > ul.subnav,
#selectLinkTop > .sugar_action_button > ul.subnav li,
#selectLinkTop > .sugar_action_button > ul.subnav a,
#actionLinkTop ul.clickMenu li ul.subnav,
#actionLinkTop > .sugar_action_button > ul.subnav,
#actionLinkTop > .sugar_action_button > ul.subnav li,
#actionLinkTop > .sugar_action_button > ul.subnav a
#selectLinkBottom > .sugar_action_button > ul.subnav,
#selectLinkBottom > .sugar_action_button > ul.subnav li,
#selectLinkBottom > .sugar_action_button > ul.subnav a,
#actionLinkBottom ul.clickMenu li ul.subnav,
#actionLinkBottom > .sugar_action_button > ul.subnav,
#actionLinkBottom > .sugar_action_button > ul.subnav li,
#actionLinkBottom > .sugar_action_button > ul.subnav a ,
#actionLinkTop .menuItem,
#actionLinkBottom .menuItem {
    background-color: #7b8a96;
    width: 100%;
    line-height: 24px;
    color: #ffffff;
    padding: 0 5px 0 7px;
}


#actionLinkTop .menuItem,
#actionLinkBottom .menuItem {
    padding: 0;
}

#actionLinkTop .sugar_action_button .subnav.ddopen a,
#actionLinkTop .sugar_action_button .subnav.ddopen a:hover,
#actionLinkBottom .sugar_action_button .subnav.ddopen a,
#actionLinkBottom .sugar_action_button .subnav.ddopen a:hover {
    color: #ffffff;
    display: block;
    float: none;
}

#actionLinkTop .sugar_action_button .subnav.ddopen a:hover,
#actionLinkBottom .sugar_action_button .subnav.ddopen a:hover,
#actionLinkTop .sugar_action_button .subnav.ddopen li a.menuItemHilite,
#actionLinkBottom .sugar_action_button .subnav.ddopen li a.menuItemHilite {
    background-color: #677785 !important;
    width: 100% !important;
}

#actionLinkTop .sugar_action_button .subnav.ddopen,
#actionLinkBottom .sugar_action_button .subnav.ddopen,
#actionLinkTop .sugar_action_button .subnav.ddopen li,
#actionLinkBottom .sugar_action_button .subnav.ddopen li,
#actionLinkTop .sugar_action_button .subnav.ddopen li a,
#actionLinkBottom .sugar_action_button .subnav.ddopen li a {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

#actionLinkTop .sugar_action_button .subnav li a,
#actionLinkBottom .sugar_action_button .subnav li a,
#actionLinkTop .sugar_action_button .subnav.ddopen li a,
#actionLinkBottom .sugar_action_button .subnav.ddopen li a {
    padding: 5px 15px !important;
}

#actionLinkTop li.sugar_action_button,
#actionLinkBottom li.sugar_action_button,
#actionLinkBottom > .sugar_action_button > ul.subnav a:hover,
#actionLinkTop .menuItemHilite,
#actionLinkBottom .menuItemHilite {
    background-color: #7b8a96;

}

#selectLinkTop>.sugar_action_button>ul.subnav a:hover,
#selectLinkBottom>.sugar_action_button>ul.subnav a:hover {
    background-color: #677785 !important;
}


#selectLinkTop>.sugar_action_button>ul.subnav
#selectLinkBottom>.sugar_action_button>ul.subnav,
#selectLinkTop>.sugar_action_button>ul.subnav li,
#selectLinkBottom>.sugar_action_button>ul.subnav li {
    padding: 0;
}

#selectLinkTop>.sugar_action_button>ul.subnav,
#selectLinkBottom>.sugar_action_button>ul.subnav {
    padding: 0 !important;
    width: auto;
}

#actionLinkTop>.sugar_action_button>ul.subnav,
#actionLinkBottom>.sugar_action_button>ul.subnav {
    width: auto;
}

#detail_header_action_menu li.sugar_action_button,
#detail_header_action_menu > .sugar_action_button > ul.subnav a:hover,
#detail_header_action_menu > .sugar_action_button > ul.subnav,
#detail_header_action_menu > .sugar_action_button > ul.subnav li,
#detail_header_action_menu > .sugar_action_button > ul.subnav a,
#userEditActions li.sugar_action_button,
#userEditActions > .sugar_action_button > ul.subnav a:hover,
#userEditActions > .sugar_action_button > ul.subnav,
#userEditActions > .sugar_action_button > ul.subnav li,
#userEditActions > .sugar_action_button > ul.subnav a {
    background-color: #F08377;
}
#detail_header_action_menu li.sugar_action_button,
#userEditActions li.sugar_action_button {
    padding: 5px 20px;
}

#selectLinkTop > .sugar_action_button > ul.subnav a,
#actionLinkBottom > .sugar_action_button > ul.subnav a {
    color: #ffffff;
    width: 100%;
}

#map_listview_top, #export_listview_top {
    float: none;
    clear: both;
}

#wizard td {
    white-space: normal;
    word-wrap: break-word;
}

.detail.view, .detail table, 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,
#description *,
.caseUpdate {
    text-wrap: normal;
    white-space: normal !important;
}

.small {
    width: 100%;
}

.small table {
    width: auto;
}

.small tr td table {
    background-color: transparent;
}

.small tr td[scope=row] table tr td, .small tr td[scope=row] table tr th {
    background-color: transparent;
}

.small tr td table tr th {
    text-align: left;
    border-bottom: none;
}

ul.tablist, ul.subpanelTablist {
    list-style: none;
    padding: 0;
    margin: 0;
}

#moduleDashlets h3,
#chartDashlets h3,
#webDashlets h3,
#toolsDashlets h3,
#searchDashlets h3 {
    display: none;
    visibility: collapse;
}

ul.subpanelTablist li {
    list-style: none;
    margin: 0 0 0 3px;
    padding:0;
}


#dashName {
    margin-bottom: 4px;
}


ul#dashletCategories {
    display: block;
    font-size: 13px;
    height: 28px;
    border-bottom-color: #778591  !important;

}

ul#dashletCategories > li {
    display: inline-block;
    font-size: 13px;
}


ul#dashletCategories > li a,
ul#dashletCategories > li a:link,
ul#dashletCategories > li a:hover,
ul#dashletCategories > li a:visited,
ul#dashletCategories > li a:active,
ul#dashletCategories > li a:focus {
    font-weight: 400;
    border: 1px solid transparent;
    background-color: #BFCAD3;
    padding: 10px 20px 10px 10px;
    color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-transform: uppercase;
}

ul#dashletCategories > li.active a,
ul#dashletCategories > li.active a:link,
ul#dashletCategories > li.active a:hover,
ul#dashletCategories > li.active a:visited,
ul#dashletCategories > li.active a:active,
ul#dashletCategories > li.active a:focus {
    background-color: #778591;
    color: #ffffff;
}


ul.subpanelTablist #addPageItem a, ul.subpanelTablist #addPageItem a:hover {
    border: none;
    background: transparent;
    text-decoration: none;
}

ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited {
    text-decoration: none;
}

.subpanelTabForm td {
    padding: 15px;
}

table.subpanelTabForm td {
    padding-bottom: 2px;
    padding-top: 0;
}

.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 {
    border-top: 0 none;
    margin-bottom: 4px;
}

.search_form {
    overflow: visible;
    text-align: left;
    margin-bottom: 20px;
}

.search_form .view {
    width: 100%;
    margin: 0;
    padding: 20px !important;
    background-color: #E6E6E6;
    border-radius: 3px;
    font-size: 13px;
}

#sitemap {
    clear: both;
    width: 650px;
    display: none;
    z-index: 9999;
    left: 30%;
    top: 10%;
}

#sitemap .edit.view {
    border: 2px solid;
    padding: 6px 6px 6px 16px;
}

#sitemap a:link, #sitemap a:visited {
    text-decoration: none;
}

#sitemap a:hover, #sitemap h4 a:hover {
    text-decoration: underline;
}

#sitemap ul {
    margin-top: 5px !important;
    margin-left: 5px !important;
}

#sitemap ul li {
    margin-bottom: 5px !important;
    display: list-item;
}

#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 {
    width: 50%;
    font-size: 12px;
    color: #888888;
}

#themePicker, #langPicker {
    text-align: center;
    margin-bottom: 0.5em;
}

#scheduler {
    margin-top: 5px;
}

#scheduler .schedulerDiv {
    color: #000000;
    text-align: left;
    width: 100%;
    background-color: #FAFAFA;
    border-collapse: collapse;
    border-bottom: 1px solid #999;
}

#scheduler .schedulerDiv table {
    width: 100%;
    border-collapse: collapse;
}

#scheduler .schedulerDiv table tr td {
    height: 18px;
    border: 1px solid #dddddd;
}

#scheduler .schedulerDiv table tr.schedulerTimeRow td {
    border-left: 0;
}

#scheduler .schedulerDiv table tr.schedulerTimeRow th[scope=col] {
    border-left: 1px solid #DDDDDD;
    padding-left: 4px;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td {
    background-color: #eeeeee;
    width: 15px;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row] {
    overflow: hidden;
    padding-left: 4px;
    width: 125px;
    background: transparent;
    border-left: 0;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime {
    border-left: 4px solid #75AF4F !important;
    background-color: #FFFFFF;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime {
    border-left: 4px solid #ff0000 !important;
}

#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell {
    background: transparent;
    border-left: 1px solid #dddddd;
    padding-left: 4px;
}

#scheduler .schedulerInvitees {
    margin-top: 1em;
}

#scheduler .schedulerInvitees .tabForm {
    margin-bottom: 0;
}

div.row.monthHeader {
    margin-left: 0;
    margin-right: 0;
    border-bottom: none;
}

td.fc-widget-header,
td.fc-widget-header table > thead,
td.fc-widget-header table > thead > tr > th {
    padding: 0;
    border: none !important;
    background-color: #BFCAD3;
}


.fc-title {
    font-size: 13px;
    line-height: 24px;
}

.fc-day-header a {
    color: #FFFFFF;
}

.fc-day-header a:hover {
    color: #FFFFFF;
}

.fc-day-top {
    cursor: pointer;
}
.monthFooter td {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 5px;
    border-top: 1px solid;
    border-bottom: 2px solid;
}

.monthHeader {
    padding: 6px 5px 4px 3px;
    margin-top: 10px;
    border: none;
    background: #778591;
    color: #ffffff;
    vertical-align: middle;
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 42px;
}

#pagecontent > div.row.monthHeader > div > a {
    color: #ffffff;
}

#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 {
    vertical-align: top;
    padding: 3px;
    text-align: right !important;
}

.yearViewDayHeight {
    height: 40px;
}

.monthCalBodyDayItem {
    margin: 7px 0 7px 0;
    padding: 5px 0 8px 0;
    border-top: 1px solid;
}

.monthCalBodyDayItem td {
    vertical-align: top;
}

.monthCalBodyDayItem td img {
    padding-right: 3px;
    vertical-align: top;
}

.monthCalBody th {
    vertical-align: top;
    padding: 7px;
    height: 20px;
    font-weight: normal;
}

.monthCalBodyTH th {
    padding: 5px !important;
    border-bottom: 1px solid;
    font-weight: bold;
}

.monthCalBody td {
    padding: 5px;
    text-align: left;
}

.monthCalBody td div table td {
    text-align: left !important;
}

.monthCalBody {
    padding: 0;
}

.monthCalBody td.yearCalBody {
    padding: 0;
    margin: 0;
}

.yearCalBodyMonth {
    padding: 5px 0 0 0 !important;
    text-align: center !important;
}

.yearCalBodyMonth #daily_cal_table {
    margin-top: 5px;
}

.yearCalBodyMonth > a {
    font-weight: bold;
    margin: 0;
    padding: 5px;
    width: 100%;
    text-decoration: none !important;
}

.yearCalBodyMonth > a:hover {
    text-decoration: underline;
}

.calSharedUser {
    height: 20px;
    padding-top: 5px;
    padding-left: 8px;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px;
}

div.fc-toolbar {
    visibility: collapse;
    display: none;
    height: 0 ;
}

.monthCalBody > .calSharedUser {
    padding: 20px 0 20px 0;
    text-align: center;
    color: #ffffff;
}

thead.fc-head {
    background: #778591;
    color: #ffffff;
}

thead.fc-head tr td {
    padding: 8px;
}

.fc-day-number {
    color: #ffffff;
}
.calendar {
    border: 1px solid #999;
}

.calendar .button {
    background-color: #eee;
    background-image: none;
}

.calendar .combo {
    border-top: 1px solid #f1f1f1;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #f1f1f1;
    background: #eee;
    padding: 0;
}

.calendar .combo .active {
    background: #eee;
}

.calendar .combo .hilite {
    background: #f8f7f7;
    padding: 1px 4px 1px 4px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #9e9e9e;
}

.calendar .combo .label, .calendar .combo .label-IEfix {
    text-align: left;
    padding: 2px 4px 2px 4px;
}

.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;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.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 {
    border-color: #666;
    background: #eee;
}

.calendar tbody td.today {
    color: #666;
}

.calendar tbody td.weekend {
    color: #666;
    background: #f9f9f9;
}

.calendar tfoot .ttip {
    background: #e8f0f4;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background: #dfdfdf;
    color: #000;
}

.calendar thead .hilite {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-right: 1px solid #fff;
}

.calendar thead .name {
    background: #dddddd;
    border-color: #cccccc;
}

.calendar thead .title {
    padding: 3px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cccccc;
    color: #000;
    background: #f8f7f7;
}

.calendar thead .weekend {
    color: #000;
    font-weight: bold;
}

.listViewCalCurrentAppt {
    background-color: #75AF4F;
}

.listViewCalOtherAppt {
    background-color: #4D5EAA;
}

.listViewCalConflictAppt {
    background-color: #AA4D4D;
}

.listViewCalCurrentApptLgnd {
    background-color: #75AF4F;
    border: 1px solid #444444;
}

.listViewCalOtherApptLgnd {
    background-color: #4D5EAA;
    border: 1px solid #444444;
}

.listViewCalConflictApptLgnd {
    background-color: #AA4D4D;
    border: 1px solid #444444;
}

.olCapFontClass {
    font-weight: bold;
    color: #444;
    background-color: #dfdfdf;
}

.olCapFontClass A {
    color: #dfdfdf;
}

.olFgClass td, #forecastsWorksheet .olBgClass td.olFgClass {
    background-color: #fff;
    padding: 5px 7px 7px 10px !important;
    line-height: 18px;
}

.olCgClass td, #forecastsWorksheet .olBgClass td.olCgClass {
    border-bottom: 2px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px 3px 3px 10px !important;
}

.olCgClass {
    padding: 0;
    border: 0;
}

.olBgClass {
    background-color: #ddd;
    padding: 2px !important;
}

#forecastsWorksheet .olBgClass td {
    padding: 0 !important;
}

.olCloseFontClass {
    padding-bottom: 1px;
    text-align: right;
    background-color: #dfdfdf;
}

.aclAll {
    color: #008000;
    font-weight: bold;
}

.aclOwner {
    color: #000000;
    font-weight: bold;
}

.aclNone {
    color: #FF0000;
    font-weight: bold;
}

.aclEnabled {
    color: #008000;
    font-weight: bold;
}

.aclDisabled {
    color: #FF0000;
    font-weight: bold;
}

.aclAdmin {
    color: #0000FF;
    font-weight: bold;
}

.aclNormal {
    color: #008000;
    font-weight: bold;
}

.aclGroup {
    color: #0000A0;
    font-weight: bold;
}

ul.noBullet {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

li.noBullet:first-child {
    min-height: initial;
}

li.noBullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
    min-height: initial;
}

#MorePanelHandle {
    cursor: pointer;
    display: inline;
    margin-left: 2px;
    margin-bottom: 2px;
    text-align: center;
    background: url('../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=more.gif') no-repeat bottom left;
    color: #444;
}

.sqsFloater {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    display: none;
    padding: 0;
}

.sqsFloater td {
    border: 1px inset;
    color: black;
}

.sqsMatchedSmartInputItem {
    padding: 2px 5px 2px 5px;
    margin: 0;
    cursor: pointer;
}

.sqsSelectedSmartInputItem {
    background-color: #DEEFFF;
}

#sqsSmartInputResults {
    padding: 0;
    margin: 0;
}

.sqsNoMatch {
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    background-color: #eeeeee;
    color: #980000;
}

.todaysTask {
    color: #FF7800
}

.overdueTask {
    color: #ff0000;
}

.product_group .required {
    position: absolute;
    padding: 0;
    margin: 0;
    line-height: 32px;
}

.required {
    background-color: transparent;
    color: #f08377;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.error {
    background-color: #f08377;
    color: #ffffff;
    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:0px;
}

div#generate_success.error{
    padding: 0px;
}

p.error {
    margin: 0;
}


.error {
    border: none;
}

.error:empty{
    padding:0px;
}

div#content p.error {
    margin: 0 0 20px 0;
    border-radius: 3px;
}

.required a:link, .error a, .error a:link {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}

.required a:hover, .error a:hover {
    color: #534D64;
}

.success {
    color: #00ee00;
}

.rssItemDate {
    color: #666666;
}

.date {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-right: 10px;
}



table.dateTime {
    width: 100%;
}

.dateTime td {
    display: inline-block;
}

.dateFormat {
    font-weight: normal;
    font-style: italic;
}

#parent_name, input.sqsEnabled {
    display: inline-block;
    clear: both;
    margin-top: 8px;
    width: 50%;
    margin-right: 8px;
}

.pageNumbers {
    color: white;
    font-weight: bold;
    margin: 0 0px 0 0px;
    padding: 0 8px 0 0px;
    position: static;
    color: #ffffff;
}

.contentBox {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 0 10px 0 0;
    margin: 10px 0 10px 0;
}

.contentBox td {
    padding-top: 0;
}

.teamNoticeBox {
    border: 1px solid;
    padding: 0;
    background: #fff;
    width: 100%;
}

.teamNoticeText {
    padding: 0 10px 0 10px;
}

.mceToolbarTop {
    border-bottom: 1px solid #CCCCCC !important;
}

#dashletCtrls {
    float: right;
}


#moduleDashlets h3, #chartDashlets h3, #toolsDashlets h3 {
    margin-top: 13px;
}

#dashletSearch table tr td input[type=button] {
    vertical-align: top;
}

.x-dlg-btns button.x-btn-text:hover,
.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,
#forecastsWorksheet tr td {
    padding: 3px 0 5px 0 !important;
}

#forecastsWorksheet tr.pagination td {
    padding: 0 !important;
}

#forecastsWorksheet tr.pagination td table td {
    padding: 3px 7px 3px 5px !important;
}

#forecastsWorksheet > tbody > tr > td, #forecastsWorksheet > tr > td, #forecastsWorksheet #activetimeperiods tr td {
    padding: 0 ! important;
    vertical-align: top;
}

#tab_general > form > table, #tab_general > form > table.detail th, #tab_accounts > table, #tab_accounts > table.detail th {
    border: 0;
}

#tab_accounts .detail.view .edit.view {
    margin-top: 0;
}

#tab_accounts #ieSelect > table, #ieAccount > table, #ieAccount > table td table {
    padding: 0pt ! important;
    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, #importOptions #chooser_ignore_index {
    background: white;
    border: 0;
    text-align: left;
}

.login table tr td {
    padding: 0 !important;
    text-align: left;
}

.login {
    padding: 10px 6px 12px 10px !important;
}

.login .login_more {
    text-align: right;
}

#lastviewicon, #newrecordicon, #shortcuts_img, #lastviewicon_1, #newrecordicon_1, #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;
}

.sugarFeedDashlet {
    overflow: auto;
    max-height: 375px;
}

.sugarFeedDashlet td.list th, .sugarFeedDashlet td.list td[scope=col] {
    display: none;
}

.sugarFeedDashlet tr {
    height: auto;
}

.sugarFeedDashlet .byLineBox,
.sugarFeedDashlet blockquote
{
    width:100%;
    position:relative;
    overflow: hidden;
    font-size:12px !important;
}

.sugarFeedDashlet blockquote img
{
    width: 30px;
    height: 30px;
}

.sugarFeedDashlet .byLineBox .byLineLeft {
    float: left;
}

.sugarFeedDashlet .byLineBox .byLineRight {
    display: inline;
    float: right;
    font-size: 79%;
}

iframe.teamNoticeBox {
    width: 99%;
    padding: 0;
}

.loading-indicator {
    background-image: url('../default/ext/resources/images/default/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    line-height: 16px;
    margin: 3px;
}

.x-sqs-list {
    border: 1px solid #d0d0d0;
    background: #d0d0d0;
    overflow: hidden;
}

.x-sqs-list-inner {
    overflow: auto;
    background: #FFF;
    position: relative;
    overflow-x: hidden;
}

.x-sqs-list-item {
    font: normal 12px 'Lato', arial, sans-serif;
    border: 1px solid #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px;
}

.x-sqs-list .x-sqs-selected {
    border: 1px dotted #f6f6f6 !important;
    background: #d0d0d0;
    cursor: pointer;
}

embed {
    background: transparent;
}

#massupdate_form {
    margin-top: 20px;
}

#massupdate_form .buttons {
    padding-bottom: 2px;
}

#selected_directory_children {
    border-left: 1px solid;
    padding: 3px;
}

.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 {
    padding: 20px;
    border: 0 none;
    height: 487px;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    display: block;
    background-color: #fff;
}

#goto_date_trigger_div {
    border: none;
    padding: 0;
}

.yui-panel-container {
    height: 384px;
}

div#goto_date_trigger_div, table#goto_date_trigger_div_t {
    width: 256px;
    height: auto;
}

.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
    background-color: inherit !important;
    border: none !important;
}

#goto_date_trigger_div_nav_cancel {
    background-color: #F08377;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px !important;
    margin: 0 0 0 0;
    padding: 0 10px 0 10px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    border: 1px solid transparent;
    border-radius: 4px;
}

#goto_date_trigger_div_nav_submit {
    text-shadow: none !important;
    background-color: #F08377;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px !important;
    margin: 0 0 0 0;
    padding: 0 10px 0 10px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    border: 1px solid transparent;
    border-radius: 4px;
}

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 {
    color: #ffffff;
    background-color: #66727D;
    border: 1px solid #66727D;
    padding: 8px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: normal;
    height: auto;
    width: auto;
}

.yui-calendar a.calnavleft, .yui-calendar a.calnavright {
    color: #ffffff;

    background-color: #AA9DCC;
    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 .calheader {
    padding: 4px;
    height: 48px;
    line-height: 48px;
}

.yui-calendar .calnavleft {
    left: 0px;
    background-image: url("../../../../themes/SuiteP/images/p_left.svg");
}

.yui-calendar .calnavright {
    right: 0px;
    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, .yui-calendar td.calcell a {
    height: 32px;
    width: 32px;
    color: #F08377;
    line-height: 32px;
}

.yui-calendar td.calcell.selected,
.yui-calendar td.calcell.selected a,
.yui-calendar td.calcell a:hover,
.yui-calendar td.calcell.calcellhover,
.yui-calendar td.calcell.calcellhover a {
    background: #F08377;
    color: #ffffff;
}

.yui-calendar .calweekdaycell {
    color: #ffffff;
}

a#callnav_today {
    clear:both !important;
    line-height: 40px !important;
    display: block !important;
}

div.confirmTable {
    overflow: auto;
    width: 1056px;
    position: relative;
    margin-bottom: 20px;
}

#html_div p {
    margin: 12px 0;
}

#html_div p:first-child {
    margin: 0 0 12px 0;
}

.h3Row {
    margin-top: 10px;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-position: top;
}

.h3Row td {
    padding: 0px;
}

h4, h5 {
    margin-bottom: 2px;
    padding-left: 4px;
}

hr {
    border: 0;
    border-top: 1px solid #cccccc;
    background-color: #cccccc;
    color: #cccccc;
    height: 1px;
    clear: both;
}

a:link, a:visited, a:hover {
    text-decoration: underline;
}

.buttonSlide {
    border: 0;
}

.buttonSlide .yui-hd {
    border: 0;
    background-color: transparent;
    padding: 0;
}

.buttonSlide.yui-module .yui-hd .toggle em {
    background-image: url('../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=slider_button_more.png');
    background-repeat: no-repeat;
    display: inline;
    overflow: hidden;
    text-indent: 9999px;
    float: right;
    text-align: right;
    height: 14px;
    width: 14px;
}

.buttonSlide.yui-module.yui-closed .yui-hd .toggle em {
    background-image: url('../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=slider_button_less.png');
}

.view {
    border-bottom: 1px solid;
    border-top: 2px solid;
}

.list tr.pagination td table td {
    background: #BFCAD3 none repeat scroll 0 0;
    color: #666666;
}

.td_alt, .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col] {
    border-left: none;
    border-right: none;
}

/*// MODULE TITLE */

.moduleTitle {
}

.moduleTitle span.utils {
    display: none;
}

.moduleTitle > h2 > img {
    display: none;
}

.moduleTitle h2 {
    display: block;
    float: left;
    font-size: 26px;
    color: #534D64;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0px 0 40px 0;
    font-weight: 300;
}

.moduleTitle > h2 > img {
    display: none;
}

.moduleTitle h2 span.pointer {
    padding: 0 8px;
    font-size: 18px;
    line-height: 16px;
}

ul.subTabs {
    padding: 4px 0;
    margin: 0;
    border: none;
    font: 12px 'Lato', Arial, Verdana, Helvetica, sans-serif;
}

ul.subTabs li {
    list-style: none;
    margin: 0;
    display: inline;
}

.activeSubTab, ul.subTabs li a.activeSubTab:link, ul.subTabs li a.activeSubTab:visited, ul.subTabs li a.activeSubTab:hover {
    font-weight: bold;
}

ul.subTabs li a {
    padding: 0 8px 0 8px;
    margin: 0;
    border-right: 1px solid;
    border-bottom: none;
    text-decoration: none;
}

ul.subTabs li a:link, ul.subTabs li a:visited {
    text-decoration: none;
}

.subTabMore {

    text-decoration: none;
    padding-top: 3px;
}

#newRecord form {
    border-bottom: 1px solid;
}

a.utilsLink:link, a.utilsLink:visited {
    font-weight: normal;
    text-decoration: underline;
    padding-bottom: 3px;
}

a.tabFormAdvLink:link, a.tabFormAdvLink:visited, a.tabFormAdvLink:hover {
    text-decoration: none;
    line-height: 20px;
    margin-right: 2px;
}

#globalLinks a {
    color: #ffffff;
}

#globalLinks ul li a {
    max-width: 150px !important;
    color: #F08377;
}

#globalLinks ul li a:hover {
    max-width: 150px !important;
    color: #ffffff;
}

#globalLinks ul li {
    padding: 0;
}

#themepickerLinkSpan a {
    color: #444444;
}

ul.tablist, ul.subpanelTablist {
    border-bottom: 2px solid;
}

ul.tablist li a, ul.subpanelTablist li a {
    border-top: 2px solid;
    border-right-color: #cccccc;
    border-top: none;
    border-bottom: none;
}

ul.tablist li a:hover, ul.subpanelTablist li a:hover {
    border-top: 2px solid;
}

ul.tablist li a.current, ul.tablist li a.current:hover {
    border-bottom: 2px solid #f6f6f6;
    font-weight: bold;
}

ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover {
    border-bottom: 2px solid #fff;
    font-weight: bold;
}

.subpanelTabForm .h3Row {
    border-top: 1px solid #dddddd;
    background-image: none;
}

.pagination button {
    border-color: #c1c1c1;
    background-color: #f7f7f7;
    color: #333333;
}

.pagination button [title="Return to List"]:hover {
    background-image: none;
    color: #fff;
}

#colorPicker {
    border-right: 2px solid #DDDDDD;
    padding: 8px 4px 4px 0;
    margin-right: 1px;
}

#colorPicker span {
    color: #cccccc;
}

#colorPicker #themepickerLinkSpan {
    color: #444444;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
}

#colorPicker #themepickerLinkSpan:hover {
    color: #0B578F;
}

.ygrid-row, .ygrid-hd, .ygrid-hd-body, .ygrid-hd-body span {
    font-size: 8pt;
}

.teamNoticeBox {
    border-color: #abc3d7;
    color: #444444;
}

ul.tablist li a.activeSubTab:hover {
    border-bottom-color: #ddd;
    color: #000000;
}

ul.subpanelTablist li a.activeSubTab:hover {
    color: #000000;
}

#search input[name=query_string] {
    border-color: #6fb0e4;
    background-color: #f6fafd;
    line-height: 20px;
    min-height: 44px;
}

#newRecord form a:link, #newRecord form a:visited {
    color: #666666;
}

#newRecord form a:hover {
    color: #444444;
}

.list tr.pagination td table td a:link,
.list tr.pagination td table td a:visited,
.reportGroupByDataChildTablelistViewThS1 a:link,
.reportGroupByDataChildTablelistViewThS1 a:visited,
.list tr th,
.list tr th a:link,
.list tr th a:visited,
.list tr td[scope=col],
.list tr td[scope=col] a:link,
.list tr td[scope=col] a:visited,
.list tr.pagination td table td span.pageNumbers {
    color: #ffffff;
}


.evenListRowS1 td, .oddListRowS1 td {
    color: #534D64;

}

.evenListRowS1 td {
    background: #f5f5f5;
}

.oddListRowS1 td {
    background: #fff;
}

.evenListRowS1:hover td {
    background: #FAF7CF;
}

.oddListRowS1:hover td {
    background: #FAF7CF;
}

.detail table, table.detail {
    background-color: #cbdae6;
}

.detail tr td[scope="row"] {
    color: #000000;
    background-color: #f6f6f6;
    border-color: #cbdae6;
}

.detail h4 {
    color: #444444;
}

.detail tr th {
    border-color: #cbdae6;
}

.detail tr td {
    color: #444444;
    border-color: #cbdae6;
    background-color: #fff;
}

.detail tr td a:link, .detail tr td a:visited, .detail tr td a:hover {
    color: #0b578f;
}

.edit td[scope=row] {
    color: #817D8D;
}

#EditView hr {
    border-color: #abc3d7;
}

.edit {
    color: #333333;
    background-color: #f6f6f6;
}

.detail .edit td {
    background-color: #fff !important;
    border-bottom: 0 !important;
}

.other {
    border-color: #abc3d7;
    background-color: #cbdae6;
}

.other td {
    color: #444444;
    background-color: #ffffff;
    border-left-color: #dfdfdf;
}

.other td[scope=row] {
    color: #000000;
    background-color: #fafafa;
}

.other td.edit {
    color: #000000;
    background-color: #f6f6f6;
}

a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
    color: #444444;
    float: left;
    padding-top: 32px;
    padding-right: 32px;
}

.monthCalBody {
    background-color: #abc3d7;
}

div.monthFooter {
    background-color: #BFCAD3;
    line-height: 32px;
}

.monthHeader a:hover, .monthViewDayHeight a:hover {
    color: #0b578f;
}

.monthCalBodyTH th[scope=row], .monthViewDayHeight td[scope=row] {
    background-color: #ebebeb;
}

.monthCalBodyTH th {
    background-color: #fafafa;
    color: #444444;
    border-color: #abc3d7 !important;
}

.monthViewDayHeight td {
    border-color: #abc3d7;
    background-color: #ffffff;
    color: #444444;
}

.monthViewDayHeight td[class=weekEnd] {
    background-color: #f6f6f6;
}

.monthCalBodyDayItem {
    background-color: #ffffff;
    border-top-color: #abc3d7;
    border-bottom-color: #ddd;
}

.monthCalBody td {
    background-color: #fff;
    color: #444444;
}

.monthCalBody th a {
    color: #000000;
}

.yearCalBody {
    border: none;
}

.yearCalBodyMonth {
    background-color: #efefef !important;
    border-top: 2px solid #F08377;
    border-bottom: 2px solid #fff;
}

.yearCalBody .monthHeader {
    border: none;
}

.yearCalBodyMonth #daily_cal_table {
    border-top: #abc3d7;
}

.yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay {
    border-color: #abc3d7;
}

.yearCalBodyMonth > a {
    color: #000000;
}

h5.calSharedUser {
    color: #444444;
}

.subpanelTabForm {
    border-color: #F08377;
    color: #000000;
    background-color: #ffffff;
}

ul.tablist, ul.subpanelTablist {
    border-bottom-color: #F08377;
}

ul.tablist li a:hover, ul.subpanelTablist li a:hover {
    background: #fafafa;
    border-color: #F08377;
}

ul.tablist li a, ul.subpanelTablist li a {
    background-color: #fff;
    border-color: #dddddd;
}

ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited {
    color: #444444;
}

ul.tablist li a:hover, ul.subpanelTablist li a:hover {
    background: #fafafa;
}

ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover {
    color: #4f4f4f;
    background: #fff;
    border-right-color: #cccccc;
    border-top: none;
    border-bottom: none;
}

ul.tablist li a.current:link, ul.tablist li a.current:visited, ul.tablist li a.current:hover {
    background: #f6f6f6;
    border-bottom-color: #f6f6f6;
    border-right-color: #abc3d7;
    border-top-color: #abc3d7;
}

#change_layout {
    border: 0;
}

.olCgClass td {
    border-bottom-color: #abc3d7;
}

.olBgClass {
    background-color: #abc3d7;
}

.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav, .yui-layout .yui-layout-hd {
    border-bottom: 1px solid #ABC3D7;
}

.yui-layout .yui-layout-unit div.yui-layout-bd, .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    border-color: #ABC3D7;
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em, .yui-navset .yui-nav a, .yui-navset .yui-nav a em, .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    border-color: #ABC3D7;
}

a.sugar-tab-close, .yui-navset .yui-nav a.sugar-tab-close, .yui-navset .yui-nav .selected a.sugar-tab-close {
    background: transparent url('../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=sugar-yui-sprites.png') no-repeat scroll 0 -70px;
}

.yui-nav {
    overflow-y: hidden;
}

ul.yui-nav li.selected {
    background: #F08377;
}

ul.nav-tabs {
    border: hidden;
    margin: 16px 0 16px 0;
}

ul.nav-tabs > li > a, ul.nav-tabs > li.active > a:focus {
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #BFCAD3;
    margin: 0 2px 0 2px;
    color: #ffffff;
    line-height: 32px;
    border-color: #eee #eee #fff;
    cursor: pointer;
}

ul.nav-tabs > li:first-of-type > a {
    background-color: #BFCAD3;
    margin: 0 2px 0 0;
    color: #ffffff;
}


#overflow-menu > li > span.notCurrentTabLeft, #overflow-menu > li > span.notCurrentTabRight {
    visibility: collapse;
    display: none;
}

#overflow-menu > li {
    line-height: normal;
    height: auto;
}

#overflow-menu > li a {
    margin: 0;
    padding: 12px 15px 12px 15px;
    font-size: 14px;
    font-weight: normal;
    clear: both;
}

#overflow-menu > li > ul,
#overflow-menu > li > ul > li {
    display: none;
    visibility: collapse;
    height: 0;
    padding: 0;
    margin: 0;
}

a.first-tab-xs {
    /*TODO: fix long tabs*/
    background-color: #778591 !important;
    border-bottom: none !important;
    padding-right: 30px !important;
    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-repeat: no-repeat;
    background-position: 90% 120%;
    background-origin: border-box;
    background-size: 10px 95px;
}

#first-tab-menu-xs.dropdown-menu {
    padding: 8px !important;
    margin: 0 0 0 1px !important;
}

#first-tab-menu-xs.dropdown-menu > li > a{
    border-bottom: 1px solid #93A0AB;
}

#first-tab-menu-xs.dropdown-menu > li:last-of-type > a{
    border-bottom: none;
}


#first-tab-menu-xs.dropdown-menu {
    border-top-right-radius: 4px;
}

#first-tab-menu-xs.dropdown-menu,
#first-tab-menu-xs.dropdown-menu > li,
#first-tab-menu-xs.dropdown-menu > li > a {
    background-color: #778591 !important;
}

ul.nav-tabs > li:first-of-type > a:hover {
    background-color: #BFCAD3;
    color: #ffffff;
    border-color: #eee #eee #fff;
    margin: 0 2px 0 0;
}



ul.nav-tabs > li > a:hover {
    background-color: #BFCAD3;
    color: #ffffff;
    border-color: #eee #eee #fff;
}


ul.nav-tabs > li.active > a,  ul.nav-tabs > li.active > a:focus {
    background-color: #778591;
    color: #ffffff;
    border-color: #eee #eee #fff;
    margin-left: 0px;
}

ul.nav-tabs > li.active > a:hover{
    background-color: #778591;
    color: #ffffff;
    border-color: #eee #eee #fff;
}

li#tab-actions > a {
    cursor: pointer;
    background-color: #F08377;
    padding-right: 42px;
    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-repeat: no-repeat;
    background-position: 80% 120%;
    background-origin: border-box;
    background-size: 10px 95px;
    border-color: #F08377;
    border-bottom: #ffffff;
}

li#tab-actions > a:hover {
    cursor: pointer;
    background-color: #F08377;
    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");
    color: #ffffff;
}

li#tab-actions > ul.dropdown-menu {
    left:auto;
    right: 0px;
    background-color: #F08377;
    margin-right: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

li#tab-actions > ul.dropdown-menu li {
    background-color: #F08377;
    border-bottom: 1px solid #FA988D;
}

ul.tab-actions li a {
    border-bottom: 1px solid #FA988D !important;
}

li#tab-actions > ul.dropdown-menu input {
    width: 100%;
    text-align: left;
}

li#tab-actions > ul.dropdown-menu a,
li#tab-actions > ul.dropdown-menu .button,
li#tab-actions > ul.dropdown-menu .button:hover,
li#tab-actions > ul.dropdown-menu .button:focus,
li#tab-actions > ul.dropdown-menu .button:active,
li#tab-actions > ul.dropdown-menu .open > .dropdown-toggle.btn-primary {
    background-color: #F08377;
}

li#tab-actions > ul.dropdown-menu li:last-of-type a {
    background-color: #F08377;
    border: none;
}

div.tab-content {
    background-color: #ffffff;
    padding: 24px;
    border: 1px solid transparent;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 30px;
}

#basic_search_link {
    margin-left: 6px !important;
}

#ajaxStatusDiv {
    background: #ffffff;
    color: #c60c30;
    position: fixed;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: 20;
    top: 7px;
    border: 1px solid #aaa;
    padding: 5px;

}


div#chartDashlets {
    overflow-y: auto;
}

.detail508 tr td[scope="col"] {
    background-color: #F6F6F6;
    border-color: #CBDAE6;
    color: #000000;
    text-align: right;
    white-space: nowrap;
}

td.teamset-row, .edit tr td.teamset-row, .edit tr td table tr td.teamset-row {
    padding: 5px !important;
}

span#selectedRecordsTop {
    color: #fff;
}

ul.clickMenu {
    list-style: none;
    padding: 0;
    margin: 0 !important;
    vertical-align: bottom;
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
}

ul.clickMenu form {
    float: left;
    display: block;
}

ul.clickMenu li.sugar_action_button > form:first-child {
    padding: 0px 15px;
}

ul.clickMenu.SugarActionMenu li.sugar_action_button ul.subnav.ddopen li form,
ul.clickMenu.SugarActionMenu li.sugar_action_button ul.subnav.ddopen li form a {
    width: 100%;
}

ul.clickMenu li ul.subnav li a:hover,
ul.clickMenu li ul.subnav li input:hover,
ul.clickMenu.subpanel.records li ul.subnav li a:hover,
ul.clickMenu ul.subnav-sub li a:hover {
    background-color: #677785 !important;
    width: 100%;
    text-align: left;
}

ul.clickMenu > li, ul.SugarActionMenuIESub li {
    float: left;
    margin: 0;
    list-style: none;
    position: relative;
    cursor: pointer;
    padding: 5px;
    color: #ffffff;
    border-radius: 3px;
}

ul.SugarActionMenuIESub li a,
ul.clickMenu li a, .list tr.pagination td.buttons ul.clickMenu > li > a:link, .list tr.pagination td.buttons ul.clickMenu > li > a {
    display: block;
    text-decoration: none;
    float: left;
    margin: 0 5px 0 0;
    color: #fff;
}

.list tr.pagination td.buttons ul.clickMenu:hover > li > a:link, .list tr.pagination td.buttons ul.clickMenu:hover > li > a {
    color: #fff;
}

ul.clickMenu li.single a {
    padding-right: 8px !important;
}

ul.clickMenu li a:hover {
    text-decoration: none !important;
}

ul.clickMenu > li > span {
    margin-top: 9px;
    width: 16px;
    height: 16px;
    display: inline-block;

    background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: 12px auto;

    cursor: pointer;
}

.inlineButtons ul.clickMenu > li > span {
    margin-top: 13px;
    height: 13px;
}

.inlineButtons ul.clickMenu.SugarActionMenu li.sugar_action_button ul.subnav.ddopen li a {
    width: 100%;
    text-align: left;
    padding: 4px;
}


#selectLinkTop, #selectLinkTop .sugar_action_button,
#selectLinkBottom, #selectLinkBottom .sugar_action_button,
#selectLinkTop, #selectLinkTop .selectActionsDisabled {
    min-width: 32px;
}
ul.clickMenu li span.subhover {
    cursor: pointer;
}


ul.clickMenu li ul.subnav,
ul.clickMenu ul.subnav-sub,
ul.SugarActionMenuIESub {
    list-style: none;
    position: absolute;
    top: 20px;
    margin: 0;
    display: none;
    float: left;
    width: auto;
    border: 1px solid transparent;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 8px 0;
    z-index: 10;
    overflow: hidden;
}

ul.clickMenu ul.subnav-sub,
ul.SugarActionMenuIESub {
    right: 0;
}

ul.clickMenu li ul.subnav {
    margin-top: 4px;
    min-width: 128px;
    right: auto;
}

ul.clickMenu li ul.subnav li, ul.clickMenu ul.subnav-sub li, ul.SugarActionMenuIESub li {
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
    white-space: nowrap;

}

ul.clickMenu.subpanel.records {
    background-color: #eee;
    border: 1px solid #cccccc;
    background-image: none;
}




ul.clickMenu.subpanel.records:hover li > span {

}

ul.clickMenu.subpanel.records li ul.subnav li a span {
    height: 0;
    width: 0;
    background-image: none;
}

ul.clickMenu.button li span.ab:hover {
    background-position: 50% 0;

}

ul.clickMenu.button li > span a {
    padding: 0 !important;
}

ul.clickMenu.button span {
    padding-right: 5px;
}

ul.clickMenu.button li ul.subnav {
    width: auto;
}

ul.clickMenu li a.disabled {
    color: gray !important;
    cursor: default !important;
}


.oddListRowS1:hover td ul.clickMenu.subpanel.records li span, .evenListRowS1:hover td ul.clickMenu.subpanel.records li span {
    opacity: 1;
}

td.paginationActionButtons ul.clickMenu .massall,
ul#selectLink.clickMenu .massall, td.selectCol .massall {
    float: left;
    margin: 2px 0 0 4px;
}

td.paginationActionButtons ul.selectmenu > li > a, td.selectCol ul.selectmenu > li > a, ul#selectLink.clickMenu > li > a {
    padding: 0 !important;
}

ul.clickMenu.showLess .moreOverflow, ul.clickMenu.showLess .moduleMenuOverFlowLess, ul.clickMenu.showMore .moduleMenuOverFlowMore {
    display: none;
}

ul#selectLink.clickMenu {
    height: 17px;
    min-width: 20px;
    background-image:
            none;
}

td.paginationActionButtons ul.clickMenu #massall,
ul#selectLink.clickMenu #massall {
    float: left;
    margin: 1px 4px;
}

.selectActions.clickMenu {
    display: none;
}

ul.clickMenu.show {
    display: inline-block;
}

ul#selectLink.clickMenu > li > a {
    padding-left: 0 !important;
}

ul#selectLink.clickMenu li span {
    height: 17px;
}

ul#selectLink.clickMenu li ul.subnav {

}

ul#detailViewActions.clickMenu {
    margin-top: 2px !important;
}

#selectActions.clickMenu {
    display: none;
}

.selectActionsDisabled {
    display: inline-block;
    background-color: #94A6B5;
    border-radius: 3px;
    vertical-align: bottom;
}

.selectActionsDisabled span {
    width: 19px;
    height: 17px;
    float: left;
    background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 9px 7px;
    opacity: .4;
}

.selectActionsDisabled span.ab {
    padding-left: 5px;
    margin: -1px 1px 0px 1px;
}

.selectActionsDisabled a, #selectActionsDisabled a:hover {
    float: left;
    display: inline-block;
    text-decoration: none !important;
    color: #C9D2DA !important;
    padding: 2px !important;
    padding: 1px !important;
    font-weight: normal;
    font-size: 14px;
    top: -1px;
    position: relative;
}

.quickcreate {
    margin: 5px;
    padding: 5px 7px 5px 7px;
    border: 1px solid #ddd;
}


#quickCreate {
    float: right;
}

#quickCreate ul.clickMenu {
    background: none;
    border: 0 none;
    padding-right: 0;
    font-family: 'Lato', Lato, Arial, sans-serif;
}

#quickCreate ul.clickMenu > li {
    width: 50px;
    height: 43px;

}

#quickCreate ul.clickMenu li > span {
    background: url('../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=quick-create.png') no-repeat center center;
    height: 43px;
    width: 50px;
}

#quickCreate ul.clickMenu > li:hover {
    background-color: #276499;
}

ul#globalLinksSubnav li {
    min-width: 120px;
}

ul#globalLinksSubnav, ul#quickCreateULSubnav,
#quickCreate ul.clickMenu li ul.subnav, #globalLinksModule ul.clickMenu li ul.subnav {
    top: 43px;
    right: 0;
    left: auto;
    padding: 10px 0;
    border: 1px solid #999;
    width: 100%;
}

#quickCreate ul.clickMenu li ul.subnav {
    width: auto;
}

#globalLinksSubnav li a, #quickCreateULSubnav li a,
#quickCreate ul.clickMenu li ul.subnav li a, #globalLinksModule ul.clickMenu li ul.subnav li a {
    padding: 4px 10px;
    font-size: 13px;
    color: #666666;
    line-height: 1.45;
}

#quickCreateULSubnav li.moduleMenuOverFlowLess a, #quickCreateULSubnav li.moduleMenuOverFlowMore a,
#quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a {
    color: #999 !important;
}

#quickCreate ul.clickMenu li ul.subnav li a:hover, #globalLinksModule ul.clickMenu li ul.subnav li a:hover, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a:hover, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a:hover {
    color: #fff !important;
}

ul.clickMenu li ul.subnav li a:hover .showLessArrow, ul.clickMenu li ul.subnav li a:hover .showMoreArrow {
    background-position: center 8px;
    opacity: 1;
}

#quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a img, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a img {
    opacity: .6;
}

ul.clickMenu.SugarActionMenu li.single a {
    background-color: #94A6B5 !important;
    padding: 0px 8px !important;
}

ul.clickMenu.SugarActionMenu li.single a:hover {
    background-color: #778591 !important;
}

.view, table.view td {
    border: none;
}

#ajaxHeader {
    float: left;
}

.selectActionsDisabled {
    padding: 4px 8px 5px 8px;
    margin: 0 3px 0 0px;
    cursor: pointer;
    font-size: 13px;
}

a#create_link.utilsLink {
    color: #fff;
    background-color: #F08377;
    border: none;
    padding: 5px 8px 5px 8px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-decoration: none;
}

a#create_link.utilsLink:hover {
    background-color: #008080;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

select {
    padding: 4px;
}

a:link {
    text-decoration: none;
}

iframe.teamNoticeBox {
    width: 100%;
    overflow: auto;
}

#globalLinks ul li a {
    text-decoration: none;
}

.globalLinks-desktop ul{
    top: 90px !important;
}

.globalLinks-desktop #usermenu {
    height: 90px;
}
.iconed {
    padding: 5px 5px 2px 0;
    margin-left: 5px;
    float: left;
}

#query_string {
    margin: 0;
    background-color: #65697A;
    border: none;
    border-radius: 3px;
}

.dashletPanel {
    padding: 0;
    margin: 15px 15px 15px 0px;
}

.hd-center {
    padding: 0;
    margin: 0;
}

.bd {
    padding: 0;
    margin: 0;
}

.view, table.view {
    padding: 0;
    margin: 0;
    background: #fefefe;
}

.evenListRowS1 {
    background: #efefef;
}

.toggler {
    margin: 10px;
}

.buttons input#btn_view_change_log {
    background-color: #AA9DCC;
}

.buttons input#btn_view_change_log:hover {
    background-color: #9589b3;
}

.detail h4 {
    font-weight: bold;
    margin: 10px;
    text-align: left;
    border: none;
}

#dialog {
    text-align: center;
    overflow: hidden;
    zoom: 1;
    padding: 25px;
    z-index: 1;
    background-opacity: 0.6;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: none;
}

.module_icon {
    width: 32px;
    height: auto;
}

#moduleDashletsList {
    height: auto;
}

#dashletsList {
    max-height: 500px !important;
    overflow: hidden;
}

#dashletsDialog_c {
    margin-left: -125px;
    margin-top: -50px;
}

td.dashlet-title {
    height: 52px;
    line-height: 48px;
}

td.dashlet-title > h3 > span {
    margin-left: 8px;
}

button[disabled]:hover, input[type=submit][disabled]:hover, input[type=reset][disabled]:hover, input[type=button][disabled]:hover {
    border: none;
    background-color: #777777;
    color: #000000;
}

.iconed_dull {
    opacity: 0.6;
}

.dashletNonTable {
    padding: 0 5px 0 10px;
}

a.crumbLink {
    font-size: 14px;
}

span.crumbLink {
    font-size: 14px;
}

#settingsDialog table.view {
    padding: 10px;
    margin: 5px 0 5px 0;
}

.view tr {
    padding: 5px 0 5px 0;
}

.view tr

#mbfooter .yui-layout-hd td {
    background: none;
}

.chartContainer table tr td {
    padding: 3px;
}

.tabForm {
    border: none;
    background: #ffffff;
}

#create_image {
    display: none;
}

a#delete_listview_top:hover {
    color: #ffffff;
    font-size: 14px;
}

a#delete_listview_bottom:hover {
    color: #ffffff;
    font-size: 14px;
}

#add_dashlets {
    display: none;
}

.about_suite {
    padding: 0 25px 0 0;
    float: left;
    max-width: 550px !important;
}

.about_suite h3 {
    font-weight: normal;
    font-size: 18px;
}

.about_suite ul li {
    font-size: 14px;
    margin-bottom: 10px;
    color: #777777;
}

#about_menu {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 0;
}

#about_table {
    width: 100%;
}

#about_header {
    padding: 10px 15px 20px 15px;
}

#about_menu li {
    list-style-type: square;
}

#featuring {
    padding: 10px 0 0 0;
    font-size: 14px;
    color: #777777;
}

.wrapper {
    border: 1px solid #000;
    display: inline-block;
    position: relative;
}

.wrapper input,
.wrapper button {
    background-color: transparent;
    border: 0;
}

.wrapper button {
    position: absolute;
    right: 0;
    top: 0;
}

.wrapper input {
    padding-right: 30px;
}

input[type=text].cstm_code {
    resize: both;
    width: 200px;
    height: 200px;
}

#moduleDashletsList > table > tbody > tr > td,
#basicChartDashletsList > table > tbody  > tr > td,
#toolsDashletsList > table > tbody  > tr > td,
#webDashletsList > table > tbody  > tr > td {
    padding: 10px;
}

#moduleDashletsList a, #basicChartDashletsList a, #toolsDashletsList a, #webDashletsList a {
    color: #D66C60;
    margin: 5px;
}

#moduleDashletsList a span, #basicChartDashletsList a span, #toolsDashletsList a span, #webDashletsList a span {
    margin-left: 10px;
}


#moduleDashletsList, #basicChartDashletsList, #toolsDashletsList, #webDashletsList {
    padding: 10px;
    max-height: 375px !important;
    /*background: #778591;*/
    border: 1px solid transparent;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#caseStyleUser {
    background: #f7f7f7;
    border: 1px solid #cccccc;
    margin: 10px;
    padding: 10px;
}

#caseStyleContact {
    background: #DEDEDE;
    border: 1px solid #cccccc;
    margin: 10px;
    padding: 10px;
}

#caseStyleInternal {
    background: #00EEEE;
    border: 1px solid #cccccc;
    padding: 10px;
    margin: 10px 60px 10px 10px;
}

.caseUpdateImage {
    margin: 0 5px 0 0;
}

.caseUpdate {
    margin: 5px 0 0 15px;
}

#extramargin {
    margin: 0 0 0 50px;
}

#lessmargin {
    margin: 0 50px 0 0;
}

.themePicker {
    padding-top: 1em;
}

.themePicker td {
    padding: 0 !important;
}

.themePicker > table > tbody > tr > td {
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.themePicker hr {
    margin: 0;
}

#themepickerLinkSpan {
    cursor: pointer;
}

#colorPicker {
    padding: 8px 5px 0 7px;
}

#colorPicker ul {
    border: none;
    padding: 3px 0 0 0;
    margin: 0 0 0 10px;
}

#colorPicker ul li {
    list-style-type: none;
    display: inline;
    padding: 0;
    cursor: pointer;
    margin: 0;
}

#themeName {
    font-weight: bold;
}

#leftColumn {
    left: 10px;
    position: absolute;
    float: left;
    width: 14.5em;
}

#color_menu, #font_menu {
    width: 200px;
    height: 15px;
    margin: 0;
    padding: 0;
}

#color_menu li, #font_menu li {
    float: left;
    height: 15px;
    width: 15px;
}

#themepickerDialog div[class="ft"] {
    display: none;
}

#stylepicker {
    border-width: 1px;
    margin: 0;
    padding: 0;
    width: auto;
}

#themepickerDialog_c {
    right: 2em;
    top: 3em;
}

.headerlinks a:link, .headerlinks a:visited {
    color: #ffffff;
    padding: 14px 5px 14px 0;
    width: 100%;
}

.headerlinks a:hover {
    color: #428BCA;
}

.navbar-inverse {
    background: #534D64 !important;
}

.nav-pills li {
    display: inline-block;
}

ol, ul, dl {
    margin: 0;
}

.form-signin img {
    max-width: 95% !important;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}


.form-control {
    box-shadow: none;
}
#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 {
    border: none;
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
}

.email-address-input-group .form-control:focus,
.email-address-input-group .form-control {
    box-shadow: none!important;
    -webkit-box-shadow: none !important;
    border-color: #66afe9;
    outline: 0;
}

.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: #F08377;
    border: 1px solid #F08377;
}

.email-address-add-line-container .email-address-add-button:hover {
    background-color: #D66C60;
    border: 1px solid #D66C60;
}

.email-address-input-group .email-address-remove-button {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    padding: 6px 9px 6px 9px !important;
}

.email-address-input-group button[disabled].email-address-remove-button {
    margin: 0;
    padding: 6px 9px 6px 9px !important;
    line-height: 20px;
    height: 36px;
    font-size: 14px !important;
}

.email-address-option label {
    font-size: 10px;
    font-weight: 600;
}

.email-address-option input {
    margin-top: 4px !important;
}


.email-address-input-group .validation-message {
    display: inline-block;
}

.email-address-users-profile {
    width: 248px !important;
}

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%;
}


@media (max-width: 768px) {
    .email-address-options-container {
        width: 100%;
        margin: 16px 0 16px 0;
        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% !important;
    }

    .edit-view-row-item {
        width: 100%;
        float: none;
        clear: both;
    }

    .col-sm-8.edit-view-field {
        width: 66.6666667%;
    }

    .edit-view-field select {
        margin-bottom: 8px;
    }

    .edit-view-field textarea,
    .edit-view-field input[type="text"] {
        width: 100% !important;
        margin-bottom: 8px;
    }

    .edit-view-row-item .col-sm-2 {
        width: 33.333333%;
    }

    [type="relate"].edit-view-field input[type="text"] {
        width: 340px !important;
    }
    .dateTime input[type="text"] {
        width: 400px !important;
    }

}


@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 {
        width: 100%;
        margin-top: 8px;
    }

    .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%;
    }

    table#lineItems tr td table thead tr td table tbody tr td {
        display: block;
        float: left;
    }
}

@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 !important;
        border-bottom-right-radius: 4px !important;
    }

    .email-address-input-group .email-address-remove-button {
        margin-left: 8px !important;
    }
}



#bigbutton {
    border-radius: 0;
    padding: 10px 0 10px 0;
}

div.input-group input {
    margin: 0 auto;
    min-width: 100% !important;
    max-width: 100% !important;
}

.button-primary:active, .button-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.button-primary.disabled,
.button-primary[disabled],
fieldset[disabled] .btn-primary,
.button-primary.disabled:hover,
.button-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.button-primary.disabled:focus,
.button-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.button-primary.disabled.focus,
.button-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.button-primary.disabled:active,
.button-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.button-primary.disabled.active,
.button-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #808F9C;
    border-color: #808F9C;
}

.button-primary .badge {
    color: #F08377;
    background-color: #fff;
    padding: 5px;
}

#dashletsDialog_mask {
    display: none !important;
    visibility: collapse !important;
}

#dashletsDialog {
    display: none !important;
    visibility: collapse !important;
}

#ConvertLead .label {
    text-align: left;
}

#EditView_tabs .edit .button,
#ConvertLead .edit .button,
#EditView_tabs .id-ff-remove,
#ConvertLead .id-ff-remove,
#EditView_tabs .edit [type="button"],
#conditionLines [type="button"],
#actionLines [type="button"],
#deleteGroup img {
    margin-right: 4px;
    padding: 0px;
    background-color: #F08377;
    border: 1px solid #F08377;
    border-radius: 4px;
}

.buttonOn,
.btn .btn:hover {
    cursor: pointer;
    font-size: 13px;
    padding: 0 20px 0 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
}

.btn-default, .btn-default:hover, .btn-default:active, .btn-default:focus {
    color: #ffffff;
    background-color: #94A6B5;
    border: 1px solid #94A6B5;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #ffffff;
    background-color: #778591;
    border: 1px solid #778591;
}

.btn-info, input[type=button].btn-info{
    color: #ffffff;
    background-color: #AA9DCC;
    border: 1px solid #AA9DCC;
}

.btn-info:hover, .btn-info:active, .btn-info:focus, input[type=button].btn-info:hover,
input[type=button].btn-info:active, input[type=button].btn-info:focus {
    color: #ffffff;
    background-color: #9589b3;
    border: 1px solid #9589b3;
}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
    color: #ffffff;
    background-color: #66996B;
    border: 1px solid #66996B;
}

.btn-danger{
    background-color: #F08377;
    border: 1px solid #F08377;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    background-color: #D66C60;
    border: 1px solid #D66C60;
}

#EditView_tabs .id-ff-remove, #EditView_tabs .edit [type="radio"]  {
    margin-top: 8px;
}

#EditView_tabs .edit [type="radio"], #EditView_tabs .edit [type="checkbox"]  {
    margin-top: 20px;
}

#EditView_tabs .id-ff-remove img,
#EditView_tabs .edit [type="button"] img,
#conditionLines [type="button"] img,
#actionLines [type="button"] img {
    content: url('../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=id-ff-remove-nobg.png');
    height: 32px;
    width: 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&themeName=SuiteP&imageName=id-ff-remove-nobg.png');
}

#search_form span.id-ff.multiple {
    top: 10px;
    position: relative;
}
#EditView_tabs span.id-ff.multiple [type="button"] img,
#conditionLines span.id-ff.multiple [type="button"] img {
    content: none;
}

input#btn_ConditionLine.button[type="button"],
input#btn_ActionLine.button[type="button"] {
    padding: 0 10px;
    color: white;
}

#deleteGroup img {
    content: url('../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=id-ff-clear.png');
    height: 32px;
    width: 32px;
}

#EditView_tabs .edit input, #EditView_tabs .edit textarea {
    margin-top: 5px;
    margin-bottom: 5px;
}

.col-sm-6 .edit-view-field input[type="text"] {
    width: 50%;
}

.edit-view-field #duration_hours {
    width: 80px;
    margin-right: 8px;
}

.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, #shipping_address_street, #primary_address_street, #alt_address_street {
    height: 54px;
}

#primary_address_street, #alt_address_street {
    width: 60%;
}


.col-sm-6 .edit-view-field[field="billing_address_street"] input[type="text"],
.col-sm-6 .edit-view-field[field="primary_address_street"] input[type="text"],
.col-sm-6 .edit-view-field[field="shipping_address_street"] input[type="text"],
.col-sm-6 .edit-view-field[field="alt_address_street"] input[type="text"]{
    width: 88%;
}

#conditionLines_head,
#fieldLines_head {
    background: none !important;
}

#actionLines,
#actionLines table,
#actionLines tr,
#actionLines td {
    border: 1px solid transparent !important;
}

#actionLines,
#actionLines table {
    clear: both;
    border-radius: 4px;
    width: 100%;
}




/*Line Items*/
#lineItems #service_head,
#lineItems #product_head {
    background: none;
}


#lineItems table > thead:nth-child(1) > tr > td:nth-child(1) [type="text"] {
    width: 50% !important;
}


[field=line_items] {
    float: none;
    width: 100%;
    clear: both;
}

[field=line_items]
#line_items_span,
table#lineItems {
    display: block;
}

#line_items_span {
    width: 100%;
    white-space: normal;
}

table#lineItems tr td table tfoot tr td span {
    width: 20%;
}
table#lineItems tr td table tfoot tr td span input[type="text"] {
    display: block;
    float: none;
}


/*totals*/
#lineItems .totals {
    float: right;
}

#lineItems  #shipping_tax_amt_span {}
#lineItems  #shipping_tax_amt {
    /*Text*/
}

#lineItems  #shipping_tax {
    /*Select*/
}

/*Group*/
#lineItems .group {
    width: 100%;
}

#lineItems .group_body,
#lineItems .group_body > td,
#lineItems .group > thead,
#lineItems .group > thead > tr {
    width: 100%;
    display: block;
    padding: 2px;
    border: 1px solid transparent;
    border-radius: 4px;
}

#lineItems .group > thead ,
#lineItems .group > thead > tr,
#lineItems .group > thead > tr > td {
    background-color: #f5f5f5;
    min-height: 52px;
}

#lineItems .group > thead > tr > td:nth-of-type(1) {
    width: 80%;
    display: inline-block;
}

#lineItems .group > thead > tr > td:nth-of-type(2) {
    width: 20%;
    display: inline-block;
}

#lineItems .group button {
    width: 32px;
    height: 32px;
    padding: 0;
    line-height: 0;
}

#lineItems .group_name {}
#lineItems .delete_group {}
#lineItems .product_group {}
#lineItems .service_group {}
#lineItems .add_product_line {}
#lineItems .add_service_line {}
#lineItems .group_total_amt {}
#lineItems .group_discount_amount {}
#lineItems .group_subtotal_amount {}
#lineItems .group_tax_amount {}
#lineItems .group_subtotal_tax_amount {}
#lineItems .group_total_amount {}
#lineItems  #addGroup {}
/*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,
#lineItems .product_group thead,
#lineItems .product_group tr,
#lineItems .product_group td {
    background: none;
}

#lineItems #product_head > td:nth-of-type(1) {
    width: 75px;
}

#lineItems  .product_group {
    width: 1000px;
}

#lineItems  .product_group  > tbody > tr:nth-of-type(1) > td {
    padding-top: 32px;
    padding-bottom: 8px;
}

#lineItems  .product_group  > tbody > tr:nth-of-type(2) > td {
    padding-bottom: 32px;
    border-bottom: 1px solid #F5F5F5;
}

#lineItems .product_qty {
    width: 40px;
    margin: 0 5px 0 0;
}
#lineItems .product_name {
    width: 98%;
    margin: 0 5px 0 0;
}
#lineItems .product_part_number {
    width: 100%;
    margin: 0 5px 0 0;
}
#lineItems .product_part_number_button {
    margin: 0 15px 0 5px;
}
#lineItems .product_list_price {
    width: 80px;
    margin: 0 5px 0 0;
}
#lineItems .product_discount_text {
    width: 80px;
    margin: 0 5px 0 0;
}
#lineItems .product_discount_amount_select {
    margin: 0 5px 0 0;
}
#lineItems .product_unit_price {
    width: 80px;
    margin: 0 5px 0 0;
}
#lineItems .product_vat_amt_text {
    width: 80px;
    margin: 0 5px 0 0;
}
#lineItems .product_vat_amt_select {
    margin: 0 5px 0 0;
}
#lineItems .product_total_price {
    width: 80px;
    margin: 0 5px 0 0;
}
#lineItems .product_delete_line {
    margin: 0 15px 0 5px;
}

#lineItems .product_item_description_label {
    display: block;
}

#lineItems .product_item_description {
    height: 50px;
    width: 95%;
}

#lineItems .product_description_label {
    display: block;
}

#lineItems .product_description {
    height: 50px;
    width: 95%;
}

/*Service Lines*/
#lineItems  #service_head td {
    padding: 0;
    border-bottom: 1px solid #F5F5F5;
}

#lineItems  .service_group  > tbody > tr > td {
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #F5F5F5;
}


#lineItems .service_group,
#lineItems .service_group thead,
#lineItems .service_group tr,
#lineItems .service_group td {
    background: none;
}


#lineItems .service_group {
    width: 1000px;
}
#lineItems .service_name {
    width: 95%;
    height: 50px;
    margin: 0 5px 0 0;
}
#lineItems .service_list_price {
    width: 80px;
    margin: 0 5px 0 0;
}
#lineItems .service_discount_text {
    width: 80px;
    margin: 0 5px 0 0;
}
#lineItems .service_discount_select {
    margin: 0 5px 0 0;
}
#lineItems .service_unit_price {
    width: 80px;
    margin: 0 5px 0 0;
}
#lineItems .service_vat_text {
    width: 80px;
}
#lineItems .service_vat_select {
    margin: 0 5px 0 5px;
}
#lineItems .service_total_price {
    width: 80px;
    margin: 0 5px 0 0;
}
#lineItems .service_delete_line {
    margin: 0 5px 0 0;
}

#lineItems select {
    line-height: 18px;
}

/*Grand Total*/
#EditView #total_amt,
#EditView #discount_amount,
#EditView #subtotal_amount,
#EditView #shipping_amount,
#EditView #shipping_tax_amt,
#EditView #tax_amount,
#EditView #total_amount {
    max-width: 40%;
    width: 40%;
}

#EditView #shipping_tax {
    margin-left: 8px;
}
/*End of lineItems*/

/*Email Address*/
#email1_span,
#email1_span table,
#email1_span tbody,
#email1_span tr,
#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,
#email1_span td.email-address-primary,
#email1_span td.email-address-opt-out,
#email1_span td.email-address-invalid {
    width: 52px;
    height: 52px; /* same height as td.email-address-input */
    display: inline-block;
    line-height: 48px;
}

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 {
    width: 52px; /* same widths as td.email-address-remove-button */
    font-size: 10px;
    display: inline-block;
    padding-top: 42px;
}

.emailaddresses > tbody:nth-child(1) > tr > td:nth-child(1) button img {
    content: url('../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=id-ff-add.png');
    height: 32px;
    width: 32px;
}


.emailaddresses button {
    content: url('../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=id-ff-add.png');
    height: 34px;
    width: 34px;
    line-height: 0;
}


.emailaddresses button {
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #F08377;
}


.emailaddresses button:hover {
    background-color: #D66C60;
}

.row {
    margin-top: 1px;
    margin-bottom: 1px;
}

#btn_vCardButton {
    background: none;
    margin: 0;
}

#btn_vCardButton, #btn_vCardButton img {
    height: 14px;
    width: auto;
}

@media (min-width: 922px) {
    #wizform #wizard {
        width: 900px;
    }
}

textarea#billing_address_street, textarea#shipping_address_street,
textarea#primary_address_street, textarea#alt_address_street {
    width: 88%;
}

textarea#description {
    width: 100%;
}

.dropdown-menu {
    background: #5d5670;
    padding: 4px 10px 4px 10px;
    min-width: 200px;
    margin-top: 0px !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    font-size: 10px;
}

.navbar-right .dropdown-menu {
    border-top-left-radius: 3px;
}

.dropdown-menu em {
    padding: 0 10px 0 10px;

}

.dropdown-menu em a {
    color: #F08377;
}

.dropdown-menu em a:hover {
    color: #565656;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.topnav .dropdown-menu {
    padding-left: 10px;
    padding-right: 10px;
}

.dropdown-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

.dropdown-menu li a {
    color: #fff;
    background-color: #5d5670;
    text-decoration: none;
    padding: 12px 15px 12px 15px !important;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #757083;
    text-transform: none;
    letter-spacing: 0;
    margin: 0 !important;
}

.dropdown-menu li a:hover {
    color: #ffffff;
    background: #5d5670;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


#mobileheader .dropdown-menu li:last-of-type a {
    border-bottom: none;
}

#mobileheader .dropdown-menu li.recent-links-title a,
#mobileheader .dropdown-menu li.favorite-links-title a {
    padding: 12px 15px 5px 15px !important;
}

.recent_h3 {
    color: #ffffff;
    line-height:42px;
}

.recent_h3 > strong {
    text-transform: none;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    z-index: 15030;
}

ul.nav li.topnav a {
    border-top: 3px solid #534d64;
    padding-top: 36px;
    padding-bottom: 35px;
}

ul.nav li.topnav a:hover {
    border-top: 3px solid #f08377;
}

ul.nav li.topnav span.currentTab a {
    color: #f08377;
    border-top: 3px solid #f08377;
}

ul.nav li.topnav li a, ul.nav li.topnav li a:hover {
    border-top: none;
}

li.topnav {
    margin: 0;
    font-size: 1.1em;
    font-size: 13px;
    height: 90px;
    letter-spacing: 2px;
    line-height: 95px;
    padding: 0 7px 0 7px;
    text-transform: uppercase;
}

li.topnav > li {
    line-height: 42px;
    padding: 0;
}


/* fakes the space the icon takes */
li.topnav > ul > li > ul > li a span.topnav-fake-icon {
    display: inline;
    height: 20px;
}

.dropdown-menu li.action-links-title a:hover,
.dropdown-menu li.recent-links-title a:hover,
.dropdown-menu li.favorite-links-title a:hover {
    color: #ffffff;
}

.dropdown-menu li.action-links-title > a,
.dropdown-menu li.recent-links-title > a,
.dropdown-menu li.favorite-links-title > a {
    padding-bottom: 5px !important;
}

.with-actions .dropdown-menu {
    padding: 0 10px 0 10px;
    width: 200px
}

#mobileheader .dropdown-menu{
    width: 200px;
}

#mobileheader .dropdown-menu li,
.topnav .dropdown-menu li,
.with-actions .dropdown-menu li {
    line-height: normal;
}

#mobileheader .dropdown-menu ul li.recentlinks:last-of-type,
#mobileheader .dropdown-menu ul li.favoritelinks:last-of-type,
#mobileheader .dropdown-menu ul li.recentlinks:only-child,
#mobileheader .dropdown-menu ul li.favoritelinks:only-child,
.topnav .dropdown-menu li.recentlinks:last-of-type,
.topnav .dropdown-menu li.favoritelinks:last-of-type,
.topnav .dropdown-menu li.recentlinks:only-child,
.topnav .dropdown-menu li.favoritelinks:only-child,
.with-actions .dropdown-menu li.recentlinks:last-of-type,
.with-actions .dropdown-menu li.favoritelinks:last-of-type,
.with-actions .dropdown-menu li.recentlinks:only-child,
.with-actions .dropdown-menu li.favoritelinks:only-child {
    border-bottom: none;
}

#mobileheader .dropdown-menu li.recentlinks,
#mobileheader .dropdown-menu li.favoritelinks,
.topnav .dropdown-menu li.recentlinks,
.topnav .dropdown-menu li.favoritelinks,
.with-actions .dropdown-menu li.recentlinks,
.with-actions .dropdown-menu li.favoritelinks {
    border-bottom: 1px solid #757083;
}

#mobileheader .dropdown-menu ul li a.recent-links-detail,
#mobileheader .dropdown-menu ul li a.favorite-links-detail,
#mobileheader .dropdown-menu ul li a.recent-links-edit,
#mobileheader .dropdown-menu ul li a.favorite-links-edit {
    padding-top: 16px;
    padding-bottom: 16px;
}



.with-actions .dropdown-menu ul li a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

#mobileheader .dropdown-menu ul li a.recent-links-detail,
#mobileheader .dropdown-menu ul li a.favorite-links-detail,
.topnav .dropdown-menu li a.recent-links-detail,
.topnav .dropdown-menu li a.favorite-links-detail,
.with-actions .dropdown-menu li a.recent-links-detail,
.with-actions .dropdown-menu li a.favorite-links-detail {
    border: none;
    width: 85%;
    display: inline-block;
    padding-right: 0px !important;
}

#mobileheader .dropdown-menu ul li a.recent-links-edit,
#mobileheader .dropdown-menu ul li a.favorite-links-edit,
.topnav .dropdown-menu li a.recent-links-edit,
.topnav .dropdown-menu li a.favorite-links-edit,
.with-actions .dropdown-menu li a.recent-links-edit,
.with-actions .dropdown-menu li a.favorite-links-edit {
    border: none;
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0px !important;
}

li.topnav:hover {
    background-color: #5d5670 !important;
}

li.topnav:hover > a {
    border-top: 3px solid #f08377;
}

li.topnav a:hover {
    color: #f08377;
}

li.topnav ul.dropdown-menu li:last-child a {
    border-bottom: 0px;
}

.navbar-right .dropdown-menu li:last-child a {
    border-bottom: 0px;
}

.hr {
    height: 1px;
    color: #ffffff;
    background: #ffffff;
}

.moremenu a {
    color: #ffffff !important;
    font-size: 1.2em;
    cursor: pointer;
    margin: 0;
    padding: 8px 0 0 0;
}

.moremenu ul {
    margin: 0;
    top: 49px;
}

.moremenu ul li a {
    color: #F08377 !important;
    cursor: pointer;
    padding: 5px;
    font-size: 1.2em;
    display: block;
}

.moremenu ul li:hover {
    border-radius: 0 !important;
}

.moremenu ul li a:hover {
    color: #ffffff !important;
    background: none !important;
    cursor: pointer;
    padding: 5px;
    background: #F08377 !important;
}

.button, input[type=submit], input[type=button], input[type=reset] {
    background: #F08377;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px !important;
    margin: 0 0 0 0;
    padding: 0 20px 0 20px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
}
button, html input[type=button], input[type=reset], input[type=submit],
.button, input[type=button], input[type=reset]{
    margin-right: 4px !important;
    margin-bottom: 4px !important;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover,
input[type=submit]:active, input[type=button]:active, input[type=reset]:active,
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus {
    background: #D66C60;
}

/* Remove Text Transformations for action menu*/
#tab-actions .button,
#tab-actions input[type=submit],
#tab-actions input[type=button],
#tab-actions input[type=reset] {
    text-transform: none;
}

form[name=DetailView] .button,
form[name=DetailView] input[type=submit],
form[name=DetailView] input[type=button],
form[name=DetailView] input[type=reset] {
    float: left;
    margin: 0 4px 4px 0;
}

td.submitButtons .button:hover {
    background-color: #D66C60;
}

button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] {
    background-color: #777777;
    border: none;
    color: #d5d5d5;
    cursor: pointer;
    font-size: 13px !important;
    margin: 0 0 0 0;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 20px 0 20px;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
}

.yui-layout-hd .button, .yui-layout-hd input[type=submit], .yui-layout-hd input[type=button] {
    font-size: 13px !important;
}

.paginationTable .button, .paginationTable input[type=submit], .paginationTable input[type=button], .paginationChangeButtons button[type=submit]  {
    background-color: #94A6B5;
    color: #fff;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 10px;
}

.paginationTable button[disabled], .paginationTable input[type="submit"][disabled], .paginationTable input[type="reset"][disabled], .paginationTable input[type="button"][disabled],.paginationChangeButtons button[type=submit][disabled]  {
    background-color: #94A6B5;
    color: #c4c4c4;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 10px;
}

.button:hover,
.button:focus,
.button.focus,
.button:active,
.button.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #808F9C;
    border-color: #808F9C;
}

.button:active,
.button.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.button .badge {
    color: #F08377;
    background-color: #fff;
}

input[type=text], input[type=password], input[type=email], input:not([type]), textarea {
    background: #d8f5ee;
    border: 1px solid #a5e8d6;
    border-radius: 4px;
    padding: 5px;
}

input[type=text], input[type=password], input[type=email], input:not([type]) {
    line-height: 40px;
    min-height: 48px;
}

.search_form input[type=text], .search_form textarea {
    background: #ffffff;
}

div.search_fields_basic {
    line-height: 48px;
}

div.search_fields_basic select[multiple] {
    display: block;
    width: 100% !important;
}

div.search_fields_basic:nth-of-type(3n+1) {
    clear: both;
}


.converted_account {
    border: 1px solid transparent;
    border-radius: 4px;
}
.converted_account td {
    background-color: #BFCAD3;
}

.converted_account > tbody > tr > td  {
    border-radius: 4px;
    padding: 10px;
}

div.search_name_basic input {
    width: 75%;
}

div.search_fields_basic .dateTimeRangeChoice, div.search_fields_basic .dateTimeRangeChoice + div {
    display: inline-block;
}

.modal {
    z-index: 16000;
}

.qtip-titlebar {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.qtip-titlebar {
    padding:  5px 24px 5px 10px;
}

.qtip-title-text {
    display: block;
    float: left;
    width: 128px;
    color: #ffffff;
    line-height: 18px;
}

.qtip-title-buttons {
    display: inline-block;
    width: 46px;
    float: right;
    vertical-align: middle;
    padding: 0 0 0 4px;
}

.qtip-title-buttons a {
    padding-left: 8px;
    color: #ffffff;
    margin: 0 0 0 4px;
    padding: 0;
}

.qtip-title-buttons a:hover {
    color: #B29Eb5;
}

.qtip-default .qtip-titlebar {
    background-color: #5D5670;
}

.qtip-default .qtip-icon {
    background-color: transparent;
    border: none;
    top: 16px;
}

.qtip-default .qtip-titlebar .qtip-close {
    color: #ffffff;
    font-size: 22px;
}

.qtip-default .qtip-titlebar .qtip-close:hover {
    color: #B29Eb5;
    font-size: 22px;
    font-weight: bold;
}

.qtip-content {
    line-height: 16px;
}

.qtip-content {
    background-color: #65697A;
    color: #FFFFFF;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.qtip .qtip-tip {
    /* hide the tip of the speech bubble */
    display: none !important;
}

.qtip-content a {
    font-weight: bold;
    /*color: #AA9DCC;*/
    color: #F08377;
}

.qtip-content a:hover {
    /*color: #9589B3;*/
    color: #D66C60;
}
/*xs-col-*/
@media (max-width: 769px) {
    div.search_name_basic img {
        margin: 0 8px 0 8px;
    }
    div.search_name_basic input {
        width: 90% !important;
    }

    div.search_buttons_basic {
        margin: 0 8px 0 42px;
    }

}

.detail-view-row .label.col-2-label {
    padding-left: 32px;
}


/*sm-col-*/
@media (min-width: 768px) and (max-width: 991px) {
    div.search_name_basic img {
        margin: 0 8px 0 8px;
    }
    div.search_name_basic input {
        width: 94% !important;
    }

    div.search_buttons_basic {
        margin: 0 8px 0 42px;
    }
    #wizform #wizard {
            width: 700px;
        }
}

/*md-col-*/
@media (min-width: 992px) and (max-width: 1199px) {

    div.search_buttons_basic {
        margin: 0 8px 0 42px;
    }

    div.search_name_basic img {
        margin: 0 8px 0 8px;
    }
    div.search_name_basic input {
        width: 90%;
    }

    div.search_buttons_basic {
        position: absolute;
        right: 0;
    }

    #wizform #wizard {
        width: 900px;
    }

}
/*md-fixes*/
@media (min-width: 1180px) and (max-width: 1199px) {
    div.search_buttons_basic {
        width: auto;
    }

    #wizform #wizard {
        width: 1000px;
    }
}
/*lg-col-*/
@media (min-width: 1260px) {
    li.topnav {
        padding: 0 5px 0 5px;
    }
}

@media (min-width: 1200px) {

    div.search_name_basic img {
        margin: 0 8px 0 8px;
    }

    div.search_buttons_basic {
        margin: 4px 8px 0 8px;
    }

    div.search_fields_basic .col-lg-3 {
        width: 100% !important;
    }

    #wizform #wizard {
        width: 1100px;
    }
}

@media (min-width: 1600px) {
    div.search_fields_basic .col-lg-3 {
        width: 25% !important;
    }
}


:disabled {
    border: 1px solid #e2e7eb;
    background: #f8f8f8;
}

textarea {
    width: 50%;
}

select[size],
select {
    background-color: #FFFFFF;
    border-style: solid;
    border-size: 1px;
    border-color: #A5E8D6;
    border-radius: 4px;
    padding: 0px 35px 0px 5px;
    background: url("../../../../themes/SuiteP/images/forms/select.ico") no-repeat right #ffffff;
    background-size: 52px 52px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    scrollbar-base-color: #A5E8D6;
    scrollbar-arrow-color: #A5E8D6;
    height: 52px;
    line-height: 52px;
    color: #534D64;
}

select:focus {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-style: solid;
    border-size: 1px;
    border-color: #A5E8D6;
    border-radius: 4px;
}
select::selection {
    border-style: solid;
    border-size: 1px;
    border-color: #A5E8D6;
    border-radius: 4px;
}


select#user_theme_picker {
    background-image: none;
}

select:checked,
option:checked {
    color: #534D64;
    background: #A5E8D6;
}

.saved_search_select {
    background-color: #FFFFFF;
    border-style: solid;
    border-size: 1px;
    border-color: #A5E8D6;
    border-radius: 4px;
    padding: 16px 55px 16px 5px;
    background: url("../../../../themes/SuiteP/images/forms/select.ico") no-repeat right #ffffff;
    background-size: 52px 52px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select[multiple] {
    background-image: none !important;
    overflow: auto !important;
    vertical-align: text-top;
}

div::-webkit-scrollbar,
select::-webkit-scrollbar,
input::-webkit-scrollbar,
textarea::-webkit-scrollbar,
ul::-webkit-scrollbar
{ /* 1 */
    width: 12px;
    height: 12px;
}
div::-webkit-scrollbar-button,
select::-webkit-scrollbar-button,
input::-webkit-scrollbar-button,
textarea::-webkit-scrollbar-button,
ul::-webkit-scrollbar-button
{ /* 2 */ }
div::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
input::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track
{ /* 3 */
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

div::-webkit-scrollbar-track-piece,
select::-webkit-scrollbar-track-piece,
input::-webkit-scrollbar-track-piece,
textarea::-webkit-scrollbar-track-piece,
ul::-webkit-scrollbar-track-piece
{ /* 4 */ }
div::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
input::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb
{ /* 5 */
    background: rgba(165, 232, 214, 1);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
}

div::-webkit-scrollbar-corner,
select::-webkit-scrollbar-corner,
input::-webkit-scrollbar-corner,
textarea::-webkit-scrollbar-corner,
ul::-webkit-scrollbar-corner
{ /* 6 */ }
div::-webkit-resizer
select::-webkit-resizer
input::-webkit-resizer
textarea::-webkit-resizer
ul::-webkit-resizer
{ /* 7 */ }


.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);
}

.list tr th {
    font-weight: 700;
}

.list thead tr {
}

.list thead tr#pagination {
}

.list tr th a:link {
    font-weight: 700;
    font-size: 13px;
    padding-right: 10px;
}

.edit h4 {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    font-size: 21px;
    border-bottom: 1px solid #dddddd;
}

#globalinks ul li a {
    color: #333333;
}

#dashletresponsive {
    float: left;
}

.dashboardTbList {
    max-width: 90% !important;
}

#addbuttons {
    float: right;
    margin: 0 5px 0 5px;
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
    height: 90px;
    line-height: 90px;
    padding: 0;
    display: inline;
    background-image: url('../../../../themes/SuiteP/images/p_icon_home.png');
    background-repeat: no-repeat;
    background-position: 0px 35px;
    text-indent: -9999px;
    overflow: hidden;
    width: 40px;
}

.navbar-inverse .navbar-brand:hover {
    background-position: 0px -145px;
}

.btn-success {
    background: #F08377;
    border: none;
}

.headerlinks a:hover {
    color: #ffffff;
}

table {
    font-size: 13px;
}

table legend {
    font-size: 1.2em;
}

.edit h4 {
    font-size: 1.2em;
}

.list tr th {
    font-size: 13px;
}

.list {
    font-size: 12px;
}

#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 {
    padding: 5px;
    font-size: 0.9em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #eeeeee;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-default a:hover {
    font-weight: bold;
}

.ui-widget-content a {
    color: #F08377;
}

.ui-widget-content a:hover {
    color: #008080;
}

.ui-tabs ul li a, .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;
}

#usermenucollapsed, #usermenucollapsed-mobile {
    margin: 0 0 0 5px;
    display: none;
}

#searchbutton {
    display: none;
}

#searchmobile {
    margin-top: 8px;
    display: none;
}

#searchbutton {
    margin: 10px 5px 0 0;
}

#searchform {
    margin-right: -10px;
    margin-top: 25px;
    margin-right: 15px;
}

#search_form label {
    font-weight: normal;
    color: #817D8D;
}

form#MassAssign_SecurityGroups {
    background-color: #e6e6e6 !important;
    border-radius: 3px;
    margin: 20px 0 0 0;
    width: 100%;
    float: left;
    padding: 10px 20px 10px 20px;
}


#mobileheader .modulename {
    background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&themeName=SuiteP&imageName=p_create_arrow.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&themeName=SuiteP&imageName=p_create_arrow.png");
    background-repeat: no-repeat;
    background-position: 92.5% 5px;
    padding: 15px 32px 18px 0px;
}

@media (max-width: 500px) {

}

#searchform.navbar-form {
    padding: 0;
}

#searchform input#query_string,
#searchform input#query_string:-webkit-autofill {
    background-color: #65697A;
    float: left;
    border: 3px solid #65697A;
    padding: 12px 12px 12px 12px;
    color: #A2A5AF;
    font-size: 13px;
    letter-spacing: 1px;
    width: 200px;
    border-radius: 3px;
    min-height: 40px;
    line-height: normal;
    -webkit-text-fill-color:  #A2A5AF;
    -webkit-box-shadow: 0 0 0 1000px #65697A inset !important;
}

#searchform button {
    background-color: #65697A;
    color: #fff;
    border: none;
    float: left;
    width: 50px;
    height: auto;
    display: block;
    border-radius: 0px 3px 3px 0px;
    margin-left: -50px;
    padding: 10px 10px 10px 10px;
    background-image: none, url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
    background-repeat: no-repeat;
    background-position: 14px 8px;
    text-indent: -9999px;
    overflow: hidden;
}

#searchform button:hover {
    background-position: 14px -46px;
    background-color: #829EB5;
}

#mobilegloballinks {
    display: none !important;
    display: inline;
}

a#advanced_search_link {
    background-color: #AA9DCC;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px !important;
    margin: 4px 0px 4px 0px;
    padding: 0 40px 0 20px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    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-repeat: no-repeat;
    background-position: 173px 2px;
}

a#advanced_search_link:hover {
    background-color: #9589B3;
}

a#basic_search_link {
    background-color: #AA9DCC;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px !important;
    margin: 0 0 0 0;
    padding: 0 40px 0 20px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    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_up_arrow.png");
    background-repeat: no-repeat;
    background-position: 136px 13px;
}

a#basic_search_link:hover {
    background-color: #9589B3;
}

div#search_form > div.advanced input.button {
    background-color: #f08377;
    color: #fff;
}

div#search_form > div.advanced input.button:hover {
    background-color: #d66c60;
}

div.listViewEmpty {
    background-color: transparent;
}

span.id-ff button {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 5px 5px 5px 0;
    line-height: 0;
}

span.id-ff button:hover {
    background-color: #d66c60;
}

span.id-ff button img {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
}

span.id-ff button:first-of-type img {
    content: src('../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=id-ff-select.png');

}
span.id-ff button:last-of-type img {
    content: src('../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=id-ff-select.png');
}

a.tabFormAdvLink {
    text-transform: uppercase;
}

input#ss_update {
}

input#ss_update:hover {
}

select#saved_search_select {
    border: none;
    border-radius: 3px;
}

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) {
    .detail-view-row .label.col-2-label {
        padding-left: 8px;
    }
    .col-xs-6 input[type="text"]#first_name, .col-sm-6 input[type="text"]#first_name {
        width: 48.5% !important;
    }

    .col-xs-12 input[type="text"]#first_name, .col-sm-12 input[type="text"]#first_name {
        width: 38.40% !important;
    }
}

@media (min-width: 768px) {
    .col-xs-6 input[type="text"]#first_name, .col-sm-6 input[type="text"]#first_name {
        width: 48.5% !important;
    }

    #wizform #wizard {
        width: 700px;
    }
}

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.navbar-fixed-top {
    border: 0;
}

#userlinks {
    margin: 0 0 15px 10px;
}

#userlinks a {
    padding: 5px 10px 5px 10px;
    font-size: 1.1em;
}


.navbar-toggle {
    float: left;
}

span#quickcreateplus {
    padding: 0 0 0 10px;
}

#quickcreatelinks {
    margin: 0 0 15px 12px;
    font-size: 1.1em;
}

#quickcreatetop > button, #desktop_notifications > button {
    margin: 10px 0 0 0;
}

.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%;
}

li.moremenu {
    padding: 8px 10px 8px 10px;
}

li.recentlinks_top {
    float: left;
    width: 75%;
    overflow: hidden;
    margin-left: 2px;
    line-height: 32px;
    height: auto;
}


li.recentlinks_topedit, li.recentlinks_topedit > a {
    line-height: 32px;
    height: auto;

}


li.recentlinks_topedit > a {
    padding: 0 15px 0 15px !important;
}

li.recentlinks_top > a {
    padding: 0 15px 0 15px !important;
    width: auto;
    height: auto;
    line-height: 32px;

}
li.recentlinks_topedit {
    float: right;
    width: 20%;
}

li.recentlinks_topedit a:focus {
    color: #FFF !important;
}

.recentlinks_top a {
    width: 100%;
    height: 100%;
}

li.recentlinks, li.favoritelinks {
   display: block;
}

a[id^=grouptab], a[id^=moduleTab] {
    color: #f7f7f7;
    padding: 15px 0 18px 0;
}

a[id^=grouptab]:visited, a[id^=grouptab]:active {
    background: none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none;
}

#globalLinksicons {
    margin: 0 5px 0 0;
}

.popupBody {
    margin: 10px;
    padding: 0;
}

.popupBody input[type=text], .popupBody textarea {
    width: 95%;
}

.popupBody .list.view {
    overflow: scroll;
    width: 95%;
}

.navbar-inverse .navbar-toggle {
    border: none;
}

.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;
}



.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background: none;
}

#user_password, #user_name {
    width: 150px;
}

.edit img#company_logo_image {
    max-width: 250px !important;
    margin-top: 50px;
}

.chartContainer .label {
    color: #333333 !important;
    font-weight: normal;
    font-size: 1em;
}

.serverstats {
    margin: 0;
    padding: 0;
    width: 250px !important;
    float: left;
}

.dashboardTabList li a span {
    cursor: pointer;
}

.View {
    border: 1px solid #cccccc;
}

/*Form to Person section*/
#fieldChoices .field {
    margin: 0;
    padding: 0;
}

#fieldChoices #fieldcontainer {
    background-color: transparent;
}

#fieldChoices .field-list {
    background-color: #F5F5F5;
    border: 1px solid transparent;
    border-radius: 4px;
    min-height: 240px;
    width: 30%;
    display: inline-block;
    padding: 8px;
    margin-right: 1%;
}

#fieldChoices .field-list input, .field-list textarea {
    width: 100%;
    display: block;
    float: none;
    clear: both;
}

#fieldChoices .field-list input {
    height: 30px;
}

.recent-links-edit-button,
.favorite-links-edit-button {
    display: inline-block;
}
#fieldChoices .field {

}

#fieldChoices .field-header {
    background-clip: padding-box;
    background-color: #BFCAD3;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    padding: 8px;
    display: inherit;
    height: 48px;
    line-height: 32px;
}

#fieldChoices .required  > .field-header {
    border: 1px solid transparent;
    background-color: #F08377;
    color: #ffffff;
    padding: 8px !important;
    margin: 0;
}

#fieldChoices .field-type {
    float: none;
}

#fieldChoices .field-list input[type="button"] {
    width: 100px;
}

#fieldChoices .field > .field-header {
    font-weight: bold;
}

#fieldChoices .field-container{
    max-height: 300px;
    min-height: 300px;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

#fieldChoices .optionButtonsHolder {
    margin-top: 5px;
}

#fieldChoices .title {
    display: inline-block;
    width: 30%;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    color: #F08377;
    padding-bottom: 8px;
}

#fieldChoices #personTypeSelect {
    margin-bottom: 20px;
}

.ui-state-highlight {
    height: 48px;
    border: 1px solid #778591;
    border-radius: 4px;
    background: #E6E6E6;

}

hr {
    border: none;
}

.pagecontent {
    border: 1px solid transparent;
}

#pagecontent > table td {padding: 8px;}

#fieldChoices  {
    padding: 16px 8px 8px 8px;
    background: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
}
/* fix schedule bar popup on calendar */
.ui-dialog {
    z-index: 1100 !important;
}

@media (max-width: 768px) {
    .View {
        border: 1px solid #cccccc;
    }

    #month-tab, #year-tab, #shared-tab {
        display: none;
    }
}

.table > thead > tr > th {
    border: none;
}

@media (max-width: 980px) {
    .dashletNonTable {
        display: none;
    }

    .dashletcontainer {
        width: 100%;
        position: relative;
        margin: 0;
        float: left;
        padding: 0;
    }
}

.table > thead > tr > th {
    border: none;
}

.home_h3 span {
    margin: 0 5px 0 5px;
}

@media (min-width: 641px) and (max-width: 978px) {
    #cal-edit {
        max-height: 50% !important;
        max-width: 55% !important;
        overflow: scroll;
        margin: 0 0 0 50px;
    }

    #wizform #wizard {
        width: 600px;
    }
}

@media (min-width: 999px) and (max-width: 1279px) {
    #cal-edit {
        max-height: 50% !important;
        max-width: 55% !important;
        overflow: scroll;
        margin: 0 0 0 250px;
    }

    #wizform #wizard {
        width: 900px;
    }
}

#forgotpasslink {
    margin: 10px 0 0 0;
	padding: 10px;
    clear: both;
}

#quickcreatetop {
}

#search {
}

#desktop_notifications {
}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #FFF;
    background: none !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #bbbbbb !important;
}

.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 {
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 0 10px;
    letter-spacing: 1px;
}

.dashletPanel .h3Row h3 span {
    font-weight: normal;
}

#dashletbuttons {
    color: #F08377;
    margin: 0 2px 0 2px;
}

#dashletbuttons:hover {
    opacity: 0.8;
}

.dashletToolSet {
    margin: 0 10px 0 0;
}

.teamNoticeBox {
    border: none;
}

.list tr.oddListRowS1 td, .list tr.evenListRowS1 td {
    padding-top: 15px !important;
    padding-bottom: 12px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.list tr.oddListRowS1 td.inlineEdit a, .list tr.evenListRowS1 td.inlineEdit a {
    color: #E56455;
    border-bottom: 1px dashed #E56455;
    padding-bottom: 2px;
}

.list tr.oddListRowS1 td.inlineEdit a:hover, .list tr.evenListRowS1 td.inlineEdit a:hover {
    color: #D66C60;
    border-bottom: 1px dashed #D66C60;
}

#copyright_data a {
    color: #000000;
    margin: 0 5px 0 5px;
}

#copyright_data a:hover, #links a:hover {
    cursor: pointer;
    text-decoration: none;
}

img.info {
    opacity: 0.6;
}

img.info:hover {
    opacity: 1;
    cursor: pointer;
}

tr:hover img.info {
    opacity: 1;
    cursor: pointer;
}

.helpIcon {
    display: none;
}

.paginationWrapper {
    float: right;
    margin: 0;
    padding: 0;
}


#EditView .paginationWrapper {
    padding-top: 4px;
}

.paginationWrapper span, .paginationWrapper span {
    padding: 0;
    margin: 0;
}

[id^=list_subpanel_] {
    margin-bottom: 25px !important;
    border: 1px solid #dddddd;
}

[id^=list_subpanel_] tr:last-child {
    margin-bottom: 25px !important;
    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: #7B8A96;
}

#EditView div.action_buttons .button,
#save_and_continue.button {
    background-color: #F08377;
}
#EditView div.action_buttons .button:hover,
#save_and_continue.button:hover  {
    background-color: #D66C60;
}

#subpanel_list .tab-content .list.view.subpanel-table .pagination div.action_buttons .button {
    text-transform: capitalize;
    padding: 5px 13px;
    line-height: initial;
    height: initial;
}

.paginationWrapper {
    float: right;
}

.yui-layout .yui-layout-clip-right .collapse, .yui-layout-hd .collapse, .yui-layout .yui-layout-clip-left .collapse {
    visibility: visible !important;
    display: block !important;
}

#mobile_menu {
    border-top: none;;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;
}

.recently_viewed_link_container {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 16px;
}

h3 span {
    font-weight: bold;
}

#layoutEditor .le_row {
    margin: 2px 3px;
    height: 25px;
    clear: both;
    padding: 0 10px 5px 20px !important;
}

#toolbox .le_panel, #toolbox .le_row, .le_field {
    width: 150px;
    float: left;
    border: 1px solid #808080;
    background: none repeat scroll 0% 0% #EEE;
    padding: 0 !important;
    margin: 2px 3px;
}

#toolbox {
    overflow: auto;
}

#dlg {
    left: 300px;
    top: 75px;
}

#mobileheader {
    display: none;
}

#mobileheader #modulelinks ul li a {
    font-size: 14px;
}

#modulelinks {
    color: #fff;
}

#quickcreatetop {
    float: left;
    margin-top: 25px;
    margin-right: 15px;
}

#quickcreatetop a {
    color: #fff !important;
    text-align: center;
    padding: 11px 32px 12px 12px;
    border-radius: 3px;
    background-color: #94A6B5;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    float: left;
    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-repeat: no-repeat;
    background-position: 80px 2px;
}

#quickcreatetop a:hover {
    cursor: pointer;
    background-color: #829EB5;
    background-position: 80px -56px;
    text-decoration: none;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#quickcreatetop ul.dropdown-menu {
    background-color: #829EB5;
    border-radius: 3px;
    border-top-right-radius: 0px;
    padding: 4px 10px 4px 10px;
}

#quickcreatetop ul li {
    padding: 0 !important;
    margin: 0 !important;
}

#quickcreatetop ul li a {
    padding: 12px 15px 12px 15px !important;
    margin: 0 !important;
    background-image: none;
    background-color: #829EB5;
    border-radius: 0;
    text-transform: none;
    border-bottom: 1px solid #95ACC0;
    letter-spacing: 0px;
    font-size: 14px;
    width: 100%;
    display: block;
    text-align: left;
}

#quickcreatetop ul li.last a {
    border-bottom: none;
}

#quickcreatetop ul li a:hover {
    color: #fff !important;
}

#quickcreatetop .dropdown-menu {
    margin-top: 0px !important;
}

#desktop_notifications {
    float: left;
    width: 44px;
    height: 48px;
    margin-right: 15px;
    background-image: none, url("../../../../themes/SuiteP/images/p_icon_alert.svg"), url("../../../../themes/SuiteP/images/p_icon_alert.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#desktop_notifications #alerts.dropdown-menu {
    left: auto;
}

#desktop_notifications:hover {
    background-position: 0px -100px;
}

#desktop_notifications a {
    cursor: pointer;
}

#desktop_notifications ul li {
    padding: 0 !important;
    margin: 0 !important;
}

#desktop_notifications ul li a {
    color: green !important;
    padding: 0 3px 0 3px !important;
    margin: 0 !important;
    line-height: 35px;
}

#desktop_notifications ul li a:hover {
    color: red !important;
}

#desktop_notifications button.alertsButton {
    background-color: transparent;
    border: none;
    width: 44px;
    height: 48px;
    margin-top: 0px;
}

#desktop_notifications span.alert_count {
    background-color: #F08377;
    line-height: 20px;
    color: #fff;
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    border-radius: 30px;
    position: relative;
    left: 24px;
    top: -16px;
    font-size: 10px;
}

#desktop_notifications .alert {
    margin-bottom: 8px !important;
}

#desktop_notifications .close,
#desktop_notifications .alert {
    font-weight: normal;
    line-height: 1;
    color: #000;
    text-shadow: none;
    filter: none;
    opacity: 1;
}

#desktop_notifications .close {
    position: relative;
    top: 0px;
    right: 0px;
    color: inherit;
}

#desktop_notifications .close span {
    color: #FFFFFF;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}

#desktop_notifications div.dropdown-menu {
    background-color: #F08377;
    color: #fff;
    margin: 0;
    padding: 8px;
    font-size: 12px;
    border-radius: 0px;
}

#desktop_notifications div.has-alerts {
    background-color: #5D5670;
    border-radius: 2px;
}

#desktop_notifications div.has-alerts .alert-info {
    color: #FFFFFF;
    background-color: inherit;
    /*border-top: none;*/
    /*border-right: none;*/
    /*border-bottom: 1px solid #757083;*/
    border: 1px solid #757083;
    /*border-left: none;*/
    border-radius: 2px;
    padding: 0;
}

#desktop_notifications div.has-alerts .text-info {
    color: #FFFFFF;
}

#desktop_notifications div.has-alerts p {
    font-size: 12px;
    line-height: 20px;
    background-color: #F5F5F5;
    color: #534D64;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    min-height: 20px;
    max-width: 256px;
    width: 256px;
}

#desktop_notifications div.has-alerts h4,
#desktop_notifications div.has-alerts p {
    padding: 8px 15px 8px 15px;
    margin: 0 !important;
}

#desktop_notifications div.has-alerts h4 {
    font-size: 14px;
    font-weight: bold;
    background-color: #5D5670;
    line-height: 20px;
    /*border-bottom: 1px solid #757083;*/
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

#desktop_notifications div.has-alerts h4 img {
    width: 16px;
    height: 16px;
}


@media (max-width: 750px) {
    #desktop_notifications div.has-alerts {
        background-color: #A2B2BF;
    }

    #desktop_notifications div.has-alerts h4 {
        background-color: #778591;
        line-height: 20px;
    }
}

.mobile-bar ul.dropdown-menu.user-dropdown{
    left: -140px !important;
}

#modulelinks > ul.dropdown-menu {
    left: 50px !important;
}

@media (min-width: 0px) and (max-height: 320px) {

    .mobile-bar ul.dropdown-menu.user-dropdown{
        top: 50px !important;
        left: -140px !important;
        height: 200px !important;
        overflow-y: scroll !important;
    }

    #wizform #wizard {
        min-width: 300px;
    }
}

@media (min-width: 480px) and (max-height: 320px) {
    #wizform #wizard {
        width: 400px;
    }
}



@media (min-width: 768px) and (min-height: 381px) {
    .mobile-bar #globalLinks {
        height: 90px;
    }
    .mobile-bar ul.dropdown-menu.user-dropdown{
        top: 78px !important;
        left: -140px !important;
    }

    #wizform #wizard {
        width: 700px;
    }
}

@media (min-width: 768px) and (min-height: 381px) {
    .mobile-bar #globalLinks {
        height: 90px;
    }
    .mobile-bar ul.dropdown-menu.user-dropdown{
        top: 78px !important;
        left: -140px !important;
    }

    #wizform #wizard {
        width: 700px;
    }
}


#themePreview {
    width: 250px;
}

.icon {
    fill: #F08377;
    pointer-events: none;
    fill: #F08377;
    pointer-events: none;
}

.inlineEdit {
    cursor: pointer !important;
}

.inlineEditIcon {
    float: right;
    height: 10px;
    color: #F08377;
    width: 15px;
    padding-left: 3px;
}

.inlineEditIcon svg {
    fill: #F08377;
    display: none;
}

.inlineEdit:hover .inlineEditIcon svg {
    cursor: pointer !important;
    display: inline;
}

td.inlineEditActive {
    background-color: #cccccc;
}

#inlineEditSaveButton {
    float: right;
    display: inline;
}

#inlineEditSaveButton svg {
    fill: #F08377;
}

#inlineEditSaveButton svg:hover {
    fill: #F08377;
}

#inline_edit_field {
    float: left;
    width: 80%;
    padding-right: 5px;
}

#editAccountDialogue_c {
    height: 90% !important;
}

#editAccountDialogue {
    height: 90% !important;
    overflow: auto !important;
}


#settingsDialog .yui-content {
    overflow-y: auto;
}

#settingsDialog_c {
    top: 120px !important;
    z-index: 20000;
}

@media (max-width: 992px) {
    #settingsDialog_c {
        left: 1% !important;
    }

    #settingsDialog .yui-content {
        height: 320px;
    }
}

@media (min-width: 993px) {
    #settingsDialog_c {
        left: 22.5% !important;
    }

    #settingsDialog .yui-content {
        height: 384px;
    }
}



/* stop child elements of a hidden dialog from showing up above other elements */
.yui-overlay-hidden * {
    display: none;
    visibility: collapse;
    height: 0;
}

object {
    pointer-events: none;
}

.favorite {
    width: 20px;
    float: left;
    margin-left: 5px;
}

.favorite:hover {
    cursor: pointer;
}

#suggestion_box table {
    border: 1px solid #cccccc;
    padding: 0px !important;
    width: 100%;
    max-width: 400px;
    color: #337ab7;
    border-spacing: 0px;
}

#suggestion_box table tr {
    border-bottom: 1px solid #cccccc;
}

#suggestion_box table tr:hover {
    background-color: #dfeffe;
    cursor: pointer;
}

#suggestion_box table tr th {
    padding: 4px !important;
    text-align: left;
    background-color: #f0f0ee;
    color: #333333;
}

#suggestion_box table tr td {
    margin: 0px;
    border: none;
}

#tool-tip-separator {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tool-tip-title {
    margin-bottom: 3px;
    display: inline-block;
}

#use_resolution {
    margin-top: 4px;
    padding: 8px;
}

#additional_info_p {
    margin-bottom: 4px;
}

.transfer {
    border: 2px dotted gray;
}

.qtip-content {
    max-height: 450px;
    overflow-y: auto;
}

.qtip-content .title {
    font-weight: bold;
}

.qtip {
    font-family: 'Lato', Lato, Arial, sans-serif;
    font-size: 12px;
    background: #ffffff;
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 4px;
}

.qtip-tipped .qtip-titlebar {
    background-color: #F08377;
    padding: 10px 40px 10px 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F08377), to(#4286AD));
    background-image: -webkit-linear-gradient(top, #F08377, #4286AD);
}




#reminders .clear {
    clear: both;
}

#reminders .remove-reminder-btn {
    float: right;
}

#reminders #reminder_view {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
}

#reminders #reminder_view .reminder_item {
    list-style-type: none;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid lightgray;
}

#reminders #reminder_view .reminder_item .invitees_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
}

#reminders #reminder_view .reminder_item .invitees_list .invitees_item {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    float: left;
}

#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-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 32px !important;
}

#reminders .remove-btn {
    background-image: url(../../../../themes/SuiteP/images/id-ff-clear.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    padding-right: 32px !important;
}

#reminders .invitee_btn {
    background-image: url(../../../../themes/default/images/id-ff-clear.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    padding: 4px 25px 4px 10px;
    border: 1px solid lightgrey;
}

#reminders input[type="checkbox"] {
    margin-right: 5px;
}

#reminders #reminder_view .reminder_item.reminder-error {
    border: 1px solid red;
    background-color: #fff8f8;
}

#reminders #reminder_view .reminder_item .error-msg {
    font-weight: bold;
    color: red;
}

#report-editview-footer {
    width: 70%;
    float: left;
}

#detailpanel_fields,
#detailpanel_conditions,
#detailpanel_charts {
    border-top: 1px solid lightgray;
}

#detailpanel_fields_select {
    float: left;
    width: 20%;
    height: 640px;
    overflow-y: auto;
    margin-right: 20px;
}

.panel {
    margin-bottom: 0;
}

.panel-body {
    padding: 0;
}

.panel-template {
    visibility: collapse;
}

.panel-default > .panel-heading {
    background: #66727D;
    color: white;
    padding: 0px;
    vertical-align: middle;
    height: 52px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.panel-default > .panel-heading > div {
    color: #ffffff;
    height: 52px;
    line-height: 52px;
    font-weight: 500;
    font-size: 14px !important;
    background-color: #66727D;
}

.panel-default > .panel-body {
    padding: 0;
}

.panel-default > .panel-heading-collapse {
    background: #BFCAD3;
}

.collapse, .collapsing, .collapse.in {
    -webkit-transition: none;
    transition: none;
}

.panel-default > .panel-heading {
    display: block;
    text-transform: uppercase;
}

.panel-default > .panel-heading > a {
    color: #ffffff;
    display: block;
    height: 52px;
    font-weight: 500;
    font-size: 14px !important;
    background-color: #66727D;
    padding: 15px 10px 0 10px;
}

.panel-default.sub-panel > .panel-heading  > a {
    color: #ffffff;
    display: block;
    height: 52px;
    font-weight: 500;
    font-size: 14px !important;
    background-color: #66727D;
    padding: 10px 10px 0 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.sub-panel  div.tab-content {
    padding: 0 !important;
    border: none;
}


.panel-default > .panel-heading > a img {
    margin-right: 15px;
}

.panel-default > .panel-body {
    padding: 0 0 0 0;
}

div.panel-heading a.collapsed {
    background-color: #BFCAD3 !important;
}

@media (max-width: 767px) {
    div.panel-heading a div {
        width: 94.66%;
    }

    #wizform #wizard {
        width: 700px;
    }

    .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%;
    }
}


@media (min-width: 768px) {
    div.panel-heading a div{
        width: 97.66%;
    }

    #wizform #wizard {
        width: 700px;
    }
}

div.panel-heading a.collapsed:before {
    content: "\2b" !important;
}

div.panel-heading a:before
{
    font-family: 'Glyphicons Halflings';
    content: "\2212";
    font-weight: 100;
    line-height: 26px;
}

div.sub-panel {
    margin-bottom: 4px;
}

.aor_dragbox {
    height: 250px;
    overflow: scroll;
}

#report-editview-footer .tab-togglers {
    width: 80%;
}

#report-editview-footer .tab-toggler {
    display: block;
    float: left;
    padding: 0 4px;
}

#report-editview-footer .tab-toggler.active .button {
    background-color: #286090;
}

#report-editview-footer .parentheses-btn {
    display: block;
    width: 100%;
    min-height: 30px;
    border: 1px solid lightgray;
}

#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 ! important;
}

.wizard-box {
    position: relative;
    display: block;
    float: left;
    width: 350px;
    min-width: 300px;
    border: 1px solid lightgrey;
    padding: 20px;
    margin: 20px;
    min-height: 150px;
    background-color: #f6f6f6;
    color: #333333;
}

.wizard-box label {
    margin-bottom: 15px;
}

.wizard-box input {
    width: 100%;
}

.wizard-box span.helpmsg {
    position: absolute;
    bottom: 15px;
}

#step2 table {
    min-width: 300px;
}

#step2 table tr td,
#step2 table th td {
    width: 60px;
}

#step2 .target-list-table {
    min-width: 570px;
}

.wizard-summary-left {
    display: block;
    margin: 0 20px 0 0;
    padding: 0;
    border: none;
    width: 450px;
    float: left;
}

.wizard-summary-left .box,
.wizard-summary-right .box {
    display: block;
    float: none;
    border: 1px solid lightgrey;
    margin: 0 0 20px 0;
    padding: 20px 20px 20px 80px;
    background-position-x: 10px;
    background-position-y: center;
    background-repeat: no-repeat;
}

.wizard-summary-left .box.button.disabled,
.wizard-summary-right .box.button.disabled {
    background-color: #f3f3f3;
}

.wizard-summary-left .box.button.disabled a,
.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 {
    width: 210px;
    float: none;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 55px;
    padding-right: 5px;
}

.wizard-summary-left .box.button a,
.wizard-summary-right .box.button a {
    color: white;
}

.wizard-summary-left .space {
    width: 28px;
    float: none;
    height: 80px;
    display: table-cell;

}

.wizard-summary-right {
    display: block;
    margin: 0;
    padding: 20px;
    width: 280px;
    float: left;
    border: 1px solid lightgrey;
}

.wizard-summary-right .box {
    height: 180px;
    margin-left: 20px;
    padding: 0;
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 260px;
    text-align: center;
    background-position: top 10px right 10px;
}

td.paginationActionButtons {
    height: 40px;
    max-height: 40px;
}

td.paginationChangeButtons {
    color: #fff;
    font-weight: 600;
}

.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 {
    list-style-type: none;
    padding: 10px;
    margin: 0;
    display: block;
    max-height: 300px;
    overflow: scroll;
    border: 1px solid lightgray;
}

ul.target-list li {
    margin: 5px 0;
    padding: 0;
}

div.target-list-create {
    border: 1px solid lightgray;
    padding: 10px;
    margin: 10px 0 0 0;
}

div.target-list-table {
    padding: 10px;
    margin: 0 0 0 10px;
    border: 1px solid lightgray;
    min-height: 490px;
}

.icon-btn-lst {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.icon-btn-lst .icon-btn {
    margin: 10px;
    list-style-type: none;
    background-color: #F08377;
    display: block;
    float: left;
    width: 150px;
    min-height: 150px;
    text-align: center;
    border: none;
}

.icon-btn-lst .icon-btn:hover {
    background-color: #286090;
}

.icon-btn-lst .icon-btn img {
    margin-top: 10px;
    margin-bottom: 20px;
}

.icon-btn-lst .icon-btn a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
}

div.list-view-rounded-corners {
    margin: 16px 0 16px 0;
}

div.list-view-rounded-corners > table,
tr#pagination:nth-of-type(2) {
    border-collapse: separate;
    border-spacing: 0;
}

div.list-view-rounded-corners > table,
tr#pagination {
    background: #f5f5f5;
}

table.subpanel-table tr:last-of-type td {
    border-bottom: 1px solid transparent;
}


table.subpanel-table {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

table.subpanel-table th {
    border-bottom: 1px solid #ddd;
}

table.subpanel-table th,
table.subpanel-table th a:link {
    color: #000000;
    font-weight: bold;
}

table.subpanel-table ul.clickMenu > li, ul.SugarActionMenuIESub li {
    padding: 0;
    line-height: 24px;
    white-space: nowrap;
}

table.subpanel-table ul.subpanel {
    background: none;
    background-color: transparent !important;
    border-color: transparent !important;
    border: none;
}

.sugar_action_button a {
    color: #fff;
}

table.subpanel-table .pagination li.sugar_action_button > form > a {
    width: 100%;
}

table.subpanel-table ul.subpanel > a,
.single  a,
.single > a,
#actionLinkTop li.sugar_action_button,
#actionLinkBottom li.sugar_action_button,
table.subpanel-table li.sugar_action_button,
#selectLinkTop li.sugar_action_button,
#selectLinkBottom li.sugar_action_button,
table.subpanel-table .pagination .sugar_action_button,
table.subpanel-table .pagination li.sugar_action_button > form > a,
table.subpanel-table .pagination .sugar_action_button > form > a,
table.subpanel-table .pagination .sugar_action_button > form > a {
    padding: 0px !important;
    background-color: #94A6B5;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-right: 4px !important;
}

/*calendar popup fix*/
.calcell > a {
    background-color: #fff;
}


#actionLinkTop li.sugar_action_button:hover,
#actionLinkBottom li.sugar_action_button:hover,
table.subpanel-table li.sugar_action_button:hover,
#selectLinkTop li.sugar_action_button:hover,
#selectLinkBottom li.sugar_action_button:hover,
table.subpanel-table .pagination .sugar_action_button:hover,
table.subpanel-table .pagination li.sugar_action_button:hover > form > a,
table.subpanel-table .pagination .sugar_action_button:hover > form > a,
table.subpanel-table .pagination .sugar_action_button:hover > form > a,

table.subpanel-table ul.subpanel a:hover,
table.subpanel-table li.sugar_action_button:hover,
table.subpanel-table .pagination .sugar_action_button:hover,
table.subpanel-table .pagination li.sugar_action_button:hover > form > a,
table.subpanel-table .pagination .sugar_action_button:hover > form > a,
table.subpanel-table .pagination .sugar_action_button:hover > form > a,
table.subpanel-table .pagination a,
.subpanel-table ul.subnav {
    background-color: #778591;
}

table.subpanel-table .pagination a {
    padding-left: 8px;
    padding-right: 8px;
}

table.subpanel-table .pagination ul.clickMenu li span {
    float: right;
    margin-top: 9px;
    margin-left: 0px;
    margin-right: 5px;
}


ul.SugarActionMenuIESub li a, ul.clickMenu li a, .list tr.pagination td.buttons ul.clickMenu > li > a:link, .list tr.pagination td.buttons ul.clickMenu > li > a



div.list-view-rounded-corners > table > thead > th,
.pagination-bottom {
    border: 1px solid transparent !important;
    overflow: hidden;
}

div.list-view-rounded-corners > table th:first-of-type {
    border-top-left-radius: 4px;
}

div.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 !important;
}

#history_search table td:nth-of-type(2) select[multiple],
#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;
}

/*////////////////////////////////////////////////////////////////////////////////////////// MEDIA QUERIES //////////*/

@media (max-width: 1560px) {

    .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 div.dropdown-menu {
        left: -140px;
    }

    li.topnav ul.dropdown-menu {
        left: 0px;
    }


    #searchformdropdown button {
        background-color: transparent;
        color: #fff;
        border: none;
        float: left;
        width: 50px;
        display: block;
        margin-left: -50px;
        padding: 12px 12px 12px 12px;
        background-image: none, url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
        background-repeat: no-repeat;
        background-position: 13px 10px;
        text-indent: -9999px;
        overflow: hidden;
    }

    #searchformdropdown button:hover {
        background-position: 13px -44px;
    }

    #search > div.dropdown-menu {
        background-color: transparent;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #search #query_string {
        background-color: #65697A;
        color: #A2A5AF;
        font-size: 14px;
        letter-spacing: 1px;
        width: 200px;
        border: none;
        border-radius: 3px;
        padding: 12px 12px 12px 12px;
        height: auto;
    }

    #usermenucollapsed, #usermenucollapsed-mobile {
        background-color: transparent;
        height: 42px;
        width: 42px;
        background-image: none, url("../../../../themes/SuiteP/images/p_user_icon.svg"), url("../../../../themes/SuiteP/images/p_user_icon.png");
        background-repeat: no-repeat;
        background-position: 0 0 !important;
        margin-top: 14px;
        border: none;
        margin-left: 0px;
    }

    #usermenucollapsed, #usermenucollapsed-mobile:hover {
        background-position: 0 -99px;
    }

    #content {
        width: 99%;
        margin-left: 1%;
    }
}

@media (max-width: 1500px) {
    .sidebar {
        width: 18%;
    }

    #bootstrap-container.col-md-offset-2 {
        margin-left: 18%;
    }

    .col-md-10 {
        width: 82%;
    }

    .button-toggle-expanded {
        left: 18%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    footer.expandedSidebar {
        width: 76%;
    }

}

@media (max-width: 1400px) {
    .sidebar {
        width: 18%;
    }

    #bootstrap-container.col-md-offset-2 {
        margin-left: 18%;
    }

    .col-md-10 {
        width: 82%;
    }

    .button-toggle-expanded {
        left: 18%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    #content {
        width: 99%;
        margin-left: 1%;
    }
}

@media (max-width: 1300px) {

    .sidebar {
        width: 20%;
    }

    #bootstrap-container.col-md-offset-2 {
        margin-left: 20%;
    }

    .col-md-10 {
        width: 80%;
    }

    .button-toggle-expanded {
        left: 20%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    footer.expandedSidebar {
        width: 74%;
    }

}

@media (max-width: 1200px) {
    #bootstrap-container.expandedSidebar .dashletcontainer {
        display: block;
        float: left;
        width: 100%;
    }
}


@media (max-width: 750px) {

    #bootstrap-container {
        margin-top: 110px !important;
    }

    div.p_login .p_login_top {
        padding: 10px 3% 10px 3%;
    }

    div.p_login .p_login_top a {
        height: 30px;
        width: 170px;
        background-image: none, url("../../../../themes/SuiteP/images/p_login_logo.svg"), url("../../../../themes/SuiteP/images/p_login_logo.png");
        background-position: 0 -70px;
    }

    div.p_login .p_login_bottom {
        padding-top: 10px;
        padding: 10px 3% 10px 3%;
    }

    div.p_login .p_login_bottom a#powered_by, div.p_login .p_login_bottom a#admin_options {
        font-size: 10px;
        margin-left: 0px;
        text-align: center;
        display: block;
    }

    div.p_login .p_login_bottom a#admin_options {
        margin-bottom: 5px;
    }

    .modulename {
        line-height: 60px;
    }

    .navbar-toggle {
        height: 60px;
    }

    #mobile_menu {
        z-index: 65530;
        top: 60px;
        left: 20px;
    }

    #quickcreatetop {
        margin-top: 10px;
    }

    #quickcreatetop a {
        padding: 5px 32px 5px 12px;
        background-color: #a2b2bf;
        background-position: 80px -5px;
    }

    #quickcreatetop a:hover {
        background-position: 80px -5px;
    }

    #search {
        position: relative;
        min-height: 28px;
    }

    #search > div.dropdown-menu {
        top: -64px;
        right: -112px;
        bottom: auto;
        left: auto;
        width: auto;
        clear: both;
    }

    #search .dropdown-menu,
    #search #searchformdropdown .input-group {
        width: 100%;
    }

    #search #query_string {
        top: 0px;
        right: 0px;
        bottom: auto;
        left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
        width: 80% !important;
    }

    #search #searchbutton {
        margin: 0px 10px 0 0;
        background-color: transparent;
        border: none;
        background-image: none, url("../../../../themes/SuiteP/images/p_search_button_small.svg"), url("../../../../themes/SuiteP/images/p_search_button_small.png");
        background-repeat: no-repeat;
        background-position: 0px 10px;
        text-indent: -9999px;
        overflow: hidden;
        padding: 12px 0px 12px 0px;
        width: 28px;
        height: 40px!important;
    }

    #search.open #searchbutton {
        background-position: 0px -60px;
        background-color: transparent;
    }

    #quickcreatetop ul.dropdown-menu {
        left: 0px;
    }

    #usermenucollapsed {
        border: none;
        border-radius: 0;
        background-color: transparent;
        height: 28px;
        margin-top: 0px;
        width: 28px;
        background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_user_icon_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_user_icon_small.png");
        background-repeat: no-repeat;
        background-position: 0 0;
    }


    #desktop_notifications, #desktop_notifications:hover {
        float: left;
        width: 28px;
        height: 28px;
        margin-top: 9px;
        margin-right: 20px;
        background-image: none, url("../../../../themes/SuiteP/images/p_icon_alert_small.svg"), url("../../../../themes/SuiteP/images/p_icon_alert_small.png");
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }



}

@media (min-width: 750px) {
    .modulename {
        line-height: 90px;
    }

    .navbar-toggle {
        height: 90px;
    }

    #mobile_menu {
        top: 90px;
        left: 10px;
        -webkit-overflow-scrolling: touch;
    }

    #search .dropdown-menu {
        position: absolute;
        top: 14px;
        right:  0;
        bottom: auto;
        left: -224px;
        background: transparent;
    }

    #search .dropdown-menu,
    #search #searchformdropdown .input-group {
        width: 100%;
    }

    #search #query_string {
        top: 0;
        left: 0px;
        margin-top: 0px;

    }

    #search .input-group-btn {
        top: 0px;
        left: 0px;
    }

    #quickcreatetop {
        margin-top: 25px;
    }

    #quickcreatetop a {
        padding: 11px 32px 12px 12px;
        background-position: 80px 2px;
    }

    #quickcreatetop a:hover {
        background-position: 80px -56px;
    }

    #quickcreatetop ul.dropdown-menu {
        left: 0px;
    }

    #usermenucollapsed, #usermenucollapsed-mobile {
        background-color: transparent;
        height: 42px;
        width: 42px;
        background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_user_icon.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_user_icon.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        border: none;
        margin-left: 0px;
    }

    #usermenucollapsed {
        border: none;
        border-radius: 0;
        background-position: 0 0;
    }

    #usermenucollapsed:hover {
        background-position: 0 -99px;

    }


    #desktop_notifications {
        float: left;
        width: 44px;
        height: 48px;
        margin-top: 22px;
        margin-right: 10px;
        background-image: none, url("../../../../themes/SuiteP/images/p_icon_alert.svg"), url("../../../../themes/SuiteP/images/p_icon_alert.png");
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }

    #desktop_notifications:hover {
        background-position: 0px -100px;
    }

    #search {
        margin-right: 8px;
    }


    #search.open #searchbutton {
        margin: 25px 15px 0 0;
        background-color: transparent;
        border: none;
        background-image: url("../../../../themes/SuiteP/images/sidebar/modules/search-close.svg");
        background-repeat: no-repeat;
        background-position: 0px 0px!important;
        background-size: 38px 38px;
        text-indent: -9999px;
        overflow: hidden;
        padding: 12px 0px 12px 0px;
        width: 42px;
    }
    #Icon_5_ {
        fill: #fff;
    }



    #searchbutton {
        margin: 25px 15px 0 0;
        background-color: transparent;
        border: none;
        background-image: url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
        background-repeat: no-repeat;
        background-position: 0px -46px;
        text-indent: -9999px;
        overflow: hidden;
        padding: 12px 0px 12px 0px;
        width: 26px;
    }

    #search.open #searchbutton {
        background-position: 0px -46px;
        background-color: transparent;
    }

    #searchbutton:hover {
        background-position: 0px 8px;
        background-color: transparent;
    }

    #wizform #wizard {
        width: 500px;
    }


}

@media (max-width: 1130px) {

    #usermenu {
        display: none;
    }

    .navbar-inverse .navbar-brand {
        display: none;
    }

    #mobileheader {
        display: block;
    }

    #bootstrap-container.col-md-offset-2 {
        margin-left: 0;
    }

    .col-md-10, #bootstrap-container {
        width: 100%;
    }
    .navbar-toggle {
        display: inline-block;
    }

    footer.expandedSidebar {
        width: 94%;
    }

    .modulename {
        visibility: visible;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: left !important;
        margin: 0 auto 0 15px !important;
    }

    #wizform #wizard {
        width: 300px;
    }


    #mobile_menu {
        position: absolute;
        overflow-y: scroll;
        overflow-x: hidden !important;
        float: left;
        width: 300px !important;
        margin: 0;
        padding: 0;
        background: #5d5670 !important;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;

    }

    #mobile_menu li {
        list-style: none;
        height: 50px;
        margin: 0;
        border-bottom: 1px solid #757083;
        line-height: 50px;
    }

    #mobile_menu a {
        color: #ffffff;
        display: block;
        padding: 0px 15px;
        font-size: 14px;
    }

    #mobile_menu a:hover {
        color: #f08377;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .navbar-header {
        float: none;
    }


    #globalLinks {
        display: inline-block !important;
    }

    #quickcreatetop {
        display: inline-block !important;
    }

    #search {
        display: inline-block !important;
    }

    #desktop_notifications {
        display: inline-block !important;
    }

    div#bs-example-navbar-collapse-1 {
        display: block;
        margin-top: -90px;
        height: 48px;
    }
}

@media (max-width: 750px) {
    nav.navbar .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    nav.navbar .container-fluid .navbar-header {
        padding-left: 20px;
        padding-right: 20px;
        height: 60px;
    }

    div#bs-example-navbar-collapse-1 {
        margin-top: 0px;
        width: 100%;
        background-color: #a2b2bf;
        padding: 0 20px 0 0;
    }

    .navbar {
        min-height: 60px !important;
    }

    .navbar-inverse {
        max-height: 60px !important;
    }

    .navbar-fixed-top {
        height: 60px;
    }

    .modulename {
        height: 60px;
        width: 100%;
        line-height: 60px !important;
    }

    #quickcreatetop {
        margin-top: 10px;
    }
}

@media (min-width: 320px) and (max-width: 978px) {
    .search_fields_basic.col-sm-3 {
        display: block;
    }
    .col-sm-3 {
        display: none;
    }

    .col-sm-offset-3 {
        margin: 0;
    }

    .col-sm-9 {
        width: 99%;
    }

    #wizform #wizard {
        width: 300px;
    }
}

@media (max-width: 340px) {
    #mobilegloballinks a {
        color: #ffffff !important;
        float: right;
        margin: 8px 0 0;
        padding: 8px;
        position: fixed;
        right: 0;
        top: 0;
    }

    #userlinks_head {
        color: #ffffff !important;
        float: right;
        margin: 8px 0 0;
        padding: 8px;
        position: fixed;
        right: 40px;
        top: 0;
    }
}

@media (max-width: 350px) {
    .footer_left a#admin_options, .footer_left a#powered_by {
        display: block;
    }

    .footer_left a#admin_options {
        padding-bottom: 10px;
    }

}

@media only screen and (max-width: 750px) {
    .detail table, .detail thead, .detail tbody, .detail th, .detail td, .detail tr {
        display: block;
        background: none;
    }

    .detail tr, .detail tr td[scope="col"], .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .detail tr td, .detail table, table.detail {
        background: none;
        border: none;
    }

    .detail h4 {
        font-size: 1.2em;
        background: #eeeeee;
        border: 1px solid #cccccc;
        margin: 10px 0 0 0;
        padding: 8px;
    }

    .detail508 tr td[scope="col"] {
        font-weight: bold;
    }

    .detail tr {
        margin: 0;
        padding: 0;
    }

    .detail tr:last-child {
        border: none;
    }
}

@media (max-width: 750px) {
    .paginationChangeButtons {
        max-width: 125px;
    }

    .paginationActionButtons {
        padding: 30px;
    }

    #userlinks_home, .quickcreate, #userlinks_currentuser {
        display: none;
    }

    #searchmobile {
        float: left;
        z-index: 50 !important;
        position: absolute;
        left: 60px;
        width: 70% !important;
    }

    #searchmobile #query_string {
        width: 75% !important;
        outline: 0 !important;
        background: #F08377 !important;
        border: none !important;
        border-radius: 0 !important;
        border-bottom: 1px solid #cccccc !important;
        color: #f7f7f7 !important;
        -webkit-appearance: none !important;
        box-shadow: none !important;
        float: left;
    }

    #mobilegloballinks {
        display: inline;
    }

    #listViewStartButton_top, #listViewPrevButton_top, #listViewNextButton_top, #listViewEndButton_top,
    #listViewStartButton_bottom, #listViewPrevButton_bottom, #listViewNextButton_bottom, #listViewEndButton_bottom,
    #listViewStartButton_, #listViewPrevButton_, #listViewNextButton_, #listViewEndButton_ {
        padding: 2px 5px 2px 5px;
        margin: 0;
    }

    .pageNumbers {
        font-size: 10px;
    }

    #selectedRecordsTop {
        max-width: 100px;
        float: left;
    }
}

@media  (max-width: 750px) {
    #searchmobile {
        float: left;
        z-index: 50 !important;
        position: absolute;
        left: 60px;
        width: 80% !important;
    }

    #searchmobile #query_string {
        width: 80% !important;
        outline: 0 !important;
        background: #F08377 !important;
        border: none !important;
        border-radius: 0 !important;
        border-bottom: 1px solid #cccccc !important;
        color: #f7f7f7 !important;
        -webkit-appearance: none !important;
        box-shadow: none !important;
        float: left;
    }

    #mobilegloballinks {
        display: inline;
    }

    #wizform #wizard {
        width: 400px;
    }
}

@media (max-width: 750px) {


    .edit tr, .edit tr td[scope="col"], .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .detail tr td, .detail table, table.detail {
        background: none;
        font-size: 1em;

    }

    .edit h4 {
        font-size: 1.2em;
        background: #eeeeee;
        border: 1px solid #cccccc;
        margin: 10px 0 0 0;
        padding: 8px 0 8px 0;
    }

    .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;
    }

    .dashletcontainer {
        float: left;
    }

    .dashletPanel {
        overflow: auto;
    }

    .dashboardTabList {
        display: none;
    }

    /*#bootstrap-container, .col-sm-9, .col-sm-offset-3, .col-md-10, .col-md-offset-2, .main {margin: 0;padding: 0;}*/
    #content, #pageContainer {
        width: 100%;
        margin: 0 0 0 0;
    }

    #suggestion_box table {
        border: none;
    }

    #suggestion_box table tbody tr {
        display: table-row;
        border: 1px solid #ccc;
        padding: 0;
    }

    #suggestion_box table tbody tr th, #suggestion_box table tbody tr td {
        display: table-cell;
        width: auto;
    }

    #cal-edit, #settings_dialog, #settings_dialog form, #container1 {
        top: 10px;
        max-height: 400px !important;
        max-width: 300px !important;
        overflow: scroll;
    }
}

@media (max-width: 750px) {
    .footer_left {
        width: 100%;
        text-align: center;
    }

    .footer_right {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    a#advanced_search_link {
        min-width: 200px;
        width: auto;
    }

    /*buttons*/
    #search_form > div.basic  > table > tbody > tr > td.submitButtons {
        min-width: 200px;
        width: auto;
        background-color: red;
        display: table-cell;
    }

    /*help*/


    #wizform #wizard {
        width: 700px;
    }
}

@media (max-width: 980px) {
    ul.navbar-nav li a, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff !important;
    }
}

@media only screen and (max-width: 959px) {
    table.mceLayout, textarea.tinyMCE {
        width: 100% !important;
    }

    .mceToolbar td {
        display: table-row;
        float: left;
    }

    .mceToolbar td:nth-of-type(11) {
        clear: left;
    }

    table.mceLayout, textarea.richEditor {
        width: 90% !important;
        overflow: scroll;
    }

    .mceToolbar td {
        display: table-cell;
        float: none;
    }

    .mceToolbar td:nth-of-type(11) {
        clear: none;
    }

    .defaultSkin .mceToolbar {
        height: auto !important;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 980px) {
    .detail table, .detail thead, .detail tbody, .detail th, .detail td, .detail tr {
        display: block;
        background: none;
    }

    .detail tr, .detail tr td[scope="col"], .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .detail tr td, .detail table, table.detail {
        background: none;
        border: none;
    }

    .detail h4 {
        font-size: 1em;
        background: #eeeeee;
        border: 1px solid #cccccc;
        margin: 10px 0 0 0;
        padding: 8px;
    }

    .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, #DEFAULT td {
        display: inline-block;
        border: none;
        margin: 0 5px 0 25px;
        padding: 0;
        font-size: 1em;
        width: auto;
        min-width: 35%;
    }

    #wizform #wizard {
        width: 400px;
    }
}

@media (min-width: 980px) {
    #dialog1_c {
        margin-left: 40%;
        margin-top: 100px;
    }

    #dlg {
        left: 40%;
    }

    #dlg_c {
        left: 50%;
    }

    #wizform #wizard {
        width: 900px;
    }
}

@media (max-width: 999px) and (max-height: 1024px) {
    #dashletsDialog_c {
        margin-top: 25px;
        margin-left: 0;
        margin-bottom: 25px;
        height: 70%;
        overflow: scroll;
    }
}

@media (min-width: 999px) and (max-width: 1024px) {
    .col-sm-3 {
        max-width: 215px !important;
    }

    .col-sm-offset-3 {
        margin-left: 215px;
    }

    .col-sm-9 {
        width: 75%;
    }

    #wizform #wizard {
        width: 900px;
    }
}

@media (max-width: 1023px) {
    button, .button, input[type="button"], input[type="reset"], input[type="submit"], a#create_link.utilsLink {

    }

    .quickcreate {
        margin: 0;
        padding: 5px 7px 5px 7px;
    }
}

@media (min-width: 1024px) {
    .navbar-nav > li:hover ul, #globalLinks:hover ul.dropdown-menu, #quickcreatetop:hover ul.dropdown-menu {
        display: block;
    }

    a.menu:after, .dropdown-toggle:after {
        content: none;
    }

    #wizform #wizard {
        width: 1000px;
    }
}

@media (min-width: 1280px) {
    #cal-edit {
        margin: 0 0 0 200px;
    }

    #wizform #wizard {
        width: 1200px;
    }
}

@media (max-width: 1360px) {
    #dlg {
        top: 50px;
    }

    #dlg .bd {
        max-height: 500px;
        overflow-y: scroll;
    }
}

@media (max-width: 1399px) {
    #usermenu, #searchform {
        display: none;
    }

    #globalLinks {
        border: none;
        margin: 10px 0 0 0;
        padding: 0;
    }

    .navbar-form .form-control {
        margin: 8px 0 0 0;
    }

    #usermenucollapsed, #usermenucollapsed-mobile, #searchbutton {
        display: inline;
    }

    #usermenucollapsed:hover {
        background-position: 0 -99px;
    }

    #search .dropdown-menu {
        background-color: transparent;
        padding: 10px;
        /*top: 14px;*/
        /*right: 6px;*/
    }

    #searchformdropdown button {
        background-color: transparent;
        color: #fff;
        border: none;
        float: left;
        width: 50px;
        display: block;
        margin-left: -50px;
        padding: 12px 12px 12px 12px;
        background-image: none, url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
        background-repeat: no-repeat;
        background-position: 13px 10px;
        text-indent: -9999px;
        overflow: hidden;
    }

    #searchformdropdown button:hover {
        background-position: 13px -44px;
    }

    #search #query_string {
        background-color: #65697A;
        color: #A2A5AF;
        font-size: 14px;
        letter-spacing: 1px;
        width: 200px;
        border: none;
        border-radius: 3px;
        height: auto;
    }


    @media print {
        .navbar-inverse, .sidebar {
            display: none;
        }
    }
    /* 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;
        color: #fff;
        text-shadow: 0 0 2px #000;
        padding: 4px 8px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        background-color: rgb(25, 25, 25);
        background-color: rgba(25, 25, 25, 0.92);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        box-shadow: 0 0 3px #555;
        -webkit-box-shadow: 0 0 3px #555;
        -moz-box-shadow: 0 0 3px #555;
    }

    #tiptip_arrow, #tiptip_arrow_inner {
        position: absolute;
        border-color: transparent;
        border-style: solid;
        border-width: 6px;
        height: 0;
        width: 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: rgb(25, 25, 25);
        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: rgb(25, 25, 25);
        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: rgb(25, 25, 25);
        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: rgb(25, 25, 25);
        border-left-color: rgba(25, 25, 25, 0.92);
    }

    /* Webkit Hacks  */
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        #tiptip_content {
            padding: 4px 8px 5px 8px;
            background-color: rgba(45, 45, 45, 0.88);
        }

        #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 !important;
}

/* sidebar / content */


@media (max-width: 1130px) {
    .sidebar,
    .button-toggle-expanded,
    .button-toggle-collapsed {
        visibility: collapse;
        width: 0;
    }

    #bootstrap-container.col-md-offset-2 {
        margin-left: 0;
    }
    .col-md-10,
    footer.expandedSidebar {
        width: 100%;
    }
    footer.collapsedSidebar {
        width: 100%;
    }

    #userlinks_head {
        display: none;
    }

}
@media (min-width: 1131px) {
    .sidebar {
        width: 20%;
    }

    #bootstrap-container.col-md-offset-2 {
        margin-left: 20%;
    }

    .button-toggle-expanded {
        left: 20%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .col-md-10 {
        width: 80%;
    }

    footer.expandedSidebar {
        width: 80%;
    }
    footer.collapsedSidebar {
        width: 100%;
    }

    #recentlyViewedSidebar .recent-links-detail,
    #favoritesSidebar .favorite-links-detail {
        padding: 8px 1% 8px 15%;
    }

    #recentlyViewedSidebar h2,
    #favoritesSidebar h2 {
        padding: 0 1% 0 15%;
    }
}

@media (max-width: 1150px) {
    li.topnav {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1230px) {
    .sidebar {
        width: 18%;
    }

    #bootstrap-container.col-md-offset-2 {
        margin-left: 18%;
    }

    .button-toggle-expanded {
        left: 18%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .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%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .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%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .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%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .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%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .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%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .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%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .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%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .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%;
    }

    .button-toggle-collapsed {
        left: 0%;
    }

    .col-md-10 {
        width: 90%;
    }

    footer.expandedSidebar {
        width: 90%;
    }
}


/* campaign wizard backgrounds and commons */

#wizform .other.view {
    background: none;
}

#wizform .other.view .edit.view {
    width: 100%;
}

#wizform .other.view td:nth-of-type(1),
#wizform .other.view td:nth-of-type(2),
#wizform .other.view td {
    display: table-cell;
    float: none;
    width: auto;
    background: none;
}
#wizform .other.view td {
    height: auto;
}

/* campaign wizard home start page */

#wizform fieldset legend {
    padding: 0;
}

#wizform .icon-btn-lst .icon-btn {
    background-color: #F08377;
    border-radius: 3px;
}

#wizform .icon-btn-lst .icon-btn:hover {
    background-color: #808f9c;
}

#wizform .icon-btn-lst .icon-btn a {
    text-align: center;
    line-height: 20px;
    margin: 0;
}

#wizform .icon-btn-lst .icon-btn a img {
    float: none;
}

#wizform .icon-btn-lst .icon-btn a br {
    display: block;
    float: none;
    clear: both;
}

/* campaign wizard progress bar stuff */

#wizform .progression-container .progression .nav-steps {
    background-color: #F08377;
}
#wizform .progression-container
.progression .nav-steps:hover,
#wizform .progression-container .progression .nav-steps.selected {
    background-color: #808f9c;
}

#wizform .progression li:hover::after,
#wizform .progression li.selected::after {
    border-left-color: #808f9c;
}

#wizform .progression li::after {
    border-left-color: #F08377;
}

#wizform .progression li::after {
    border-left-color: #F08377;
}

#wizform .progression li::before {
    border-left-color: #F5F5F5;
}


/* campaign wizard (top) buttons */

#wizform input[type="button"],
#wizform input[type="submit"]{
    margin-left: 10px;
    margin-right: 10px;
}

/* campaign wizard forms */

#wizform td {
    margin-bottom: 24px;
}

#wizform td.emptyField {
    display: none;
}

#wizform tr.emptyRow {
    display: none;
}

/* target list page */

#wizform div.template-container-full div.row {
    padding: 5px 20px;
}

#wizform .other.view img, .other.view svg {
    width: initial;
    height: initial;

}

#wizform select.input-sm {
    height: 42px;
}

#wizform div.target-list-create br {
    display: none;
}
#wizform div.target-list-create input[type="button"] {
    margin-top: 16px;
}


/* Template editor */

#email_template_editor .mozaik-thumbnail.ui-draggable.ui-draggable-handle * {
    float: none;
}
#email_template_editor ul.mozaik-thumbs li.mozaik-thumbnail {
    padding: 0px;
}
#email_template_editor .mozaik-thumbnail.ui-draggable.ui-draggable-handle * {
    margin: 5px;
}

/* Marketing page */

#step2 table tr td, #step2 table th td {
    width: 80%;
}

#wizform .other.view #step2 table.edit.view tr:first-child td:first-child {
    width: 100%;
}

#wizform .wizard-box span.helpmsg {
    bottom: -36px;
}

/* summary page */

#wizform #target_message br,
#wizform #alert_messages br {
    display: none;
}
#wizform table.diagnose_messages td {
    margin-bottom: 0px;
}
#wizform br.emptyRow {
    display: none;
}

#wizform #step3 ul li.li-tick,
#wizform #step3 ul li.li-cross {
    margin-left: 50px;
}
#wizform #step3 .button-group a.btn img {
    margin-top: 0px;
}

/* non-email campaign / budget page */

#wizform #wizard #step2 .other.view td:nth-of-type(1),
#wizform #wizard #step2 .other.view td:nth-of-type(2) {
    display: table-cell;
    float: none;
}
#wizform #wizard #step2 table tr td {
    width: auto;
    display: table-cell;
    float: none;
}





/* desktop / tablet / mobile fix */

@media (max-width: 1024px) {

    #wizform table.other.view tr td.edit.view table tr td input,
    #wizform table.other.view tr td.edit.view table tr td textarea {
        max-width: 355px;
    }

    @media (max-width: 980px) {

        #wizform table.other.view tr td.edit.view table tr td {
            display: block;
            float: left;
        }
        #wizform table.other.view tr td.edit.view table tr td:nth-of-type(odd) {
            min-width: 300px;
            max-width: 300px;
            width: 300px;
        }
        #wizform table.other.view tr td.edit.view table tr td:nth-of-type(even) {
            min-width: 500px;
            max-width: 500px;
            width: 500px;
        }

        /* a common fix */

        #wizform .edit tr {
            border-bottom: none;
        }

        /* Subscriptions fix */

        #wizform #wizard #step2 table tr td {
            float: left;
        }

        #wizform #wizard #step2 table tr th h4,
        #wizform #wizard #step2 table tr td h4{
            max-width: 255px;
        }

        /* marketing fix */

        #wizform table.other.view tr td #wizard #step2 table {
            background: none;
        }
        #wizform table.other.view tr td #wizard #step2 table.edit.view tr td {
            display: block;
            float: left;
        }
        #wizform table.other.view tr td #wizard #step2 table.edit.view tr td:nth-of-type(odd) {
            min-width: 300px;
            max-width: 300px;
            width: 300px;
        }
        #wizform table.other.view tr td #wizard #step2 table.edit.view tr td:nth-of-type(even) {
            min-width: 500px;
            max-width: 500px;
            width: 500px;
        }

        /* Target List fix */

        #wizform table.other.view tr td.edit.view #wizard #step2 .row .col-xs-12.col-sm-4 {
            width: auto;
        }

        #wizform table.other.view tr td.edit.view #wizard #step2 table.detail.view tr td table tr.detail.view td,
        #wizform table.other.view tr td.edit.view #wizard #step2 table.detail.view tr td table tr.detail.view th {
            float: left;
        }
        #wizform table.other.view tr td.edit.view #wizard #step2 .target-list-table {
            min-width: 335px;
        }

        @media (max-width: 480px) {
            #wizform table.other.view tr td.edit.view table tr td input,
            #wizform table.other.view tr td.edit.view table tr td textarea {
                max-width: 255px;
            }

            #wizform .wizard-box {
                width: auto;
                min-width: 0px;
            }

            /* target-list fix */

            #wizform table.other.view tr td.edit.view #wizard #step2 .target-list-table {
                min-width: 255px;
            }

        }

    }

}

/* align quote lines */

@media (max-width: 1700px) {

    table#lineItems table tr td table tbody tr td span.hidden.alignedLabel {
        display: inline!important;
    }
}


/* dropdown vertical size fixes */
/* mobile small */
#modulelinks > ul,
.mobileheader ul,
#mobile_menu,
.navbar-header ul.dropdown-menu,
.with-actions > .dropdown-menu,
.moremenu ul,
ul.dropdown-menu,
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 200px;
    height: 200px;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 200px;
    height: 200px;
    overflow-y: scroll;
}

/*mobile medium*/
@media (min-height: 380px) {
    .navbar-header ul.dropdown-menu,
    .topnav .dropdown-menu,
    .with-actions > .dropdown-menu,
    .moremenu ul,
    ul.dropdown-menu {
        max-height: 200px;
        height: auto;
    }

    #modulelinks > ul,
    .mobileheader ul,
    #mobile_menu,
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse{
        max-height: 280px;
        height: 280px;
    }
}

/* mobile large*/
@media  (min-height: 480px) {
    .navbar-header ul.dropdown-menu,
    .topnav .dropdown-menu,
    .with-actions > .dropdown-menu,
    .moremenu ul,
    ul.dropdown-menu {
        max-height: 380px;
        height: auto;
    }

    #modulelinks > ul,
    .mobileheader ul,
    #mobile_menu {
        max-height: 380px;
        height: auto;
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse{
        max-height: 380px;
        height: 380px;
    }
}

/* 720p / ipad */
@media  (min-height: 700px) {
    .navbar-header ul.dropdown-menu,
    .topnav .dropdown-menu,
    .with-actions > .dropdown-menu,
    .moremenu ul,
    ul.dropdown-menu {
        max-height: 620px;
        height: auto;
    }

    #modulelinks > ul,
    .mobileheader ul,
    #mobile_menu {
        max-height: 620px;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse{
        max-height: 620px;
        height: 620px;
    }
}

/* 720p-1080p*/
@media  (min-height: 820px) {
    .navbar-header ul.dropdown-menu,
    .topnav .dropdown-menu,
    .with-actions > .dropdown-menu,
    .moremenu ul,
    ul.dropdown-menu {
        max-height: 700px;
        height: auto;
        overflow-y: auto;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse{
        max-height: 620px;
        height: 620px;
        overflow-y: auto;
    }
}

/* 1080p*/
@media  (min-height: 920px) {
    .navbar-header ul.dropdown-menu,
    .topnav .dropdown-menu,
    .with-actions > .dropdown-menu,
    .moremenu ul,
    ul.dropdown-menu {
        max-height: 820px;
        height: auto;
    }
}

/* 2K and above */
@media  (min-height: 1080px) {
    .navbar-header ul.dropdown-menu,
    .topnav .dropdown-menu,
    .with-actions > .dropdown-menu,
    .moremenu ul, ul.dropdown-menu {
        max-height: inherit;
        height: auto;
    }
}


/* popup dialog on home page */

body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow#dlg_c {
    top: 100px !important;
    z-index: 103100 !important;
    width: 100%;
    padding: 20px;
}


body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id="container_pbss_date_start_trigger_c"],
body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id="container_pbss_date_end_trigger_c"],
body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id="container_mypbss_date_start_trigger_c"],
body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id="container_mypbss_date_end_trigger_c"]{
    z-index: 103200 !important;
}



body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel {
    top: initial;
    left: -50%;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    max-width: 900px;
    margin: 0 auto;
}

body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .container-close {
    color: #aaa;
    text-indent: initial;
    top: 15px;
    right: 30px;
    width: initial;
}

body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .hd {
    background: white;
    color: #534d64;
    font-family: Lato, Lato, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 25px;
    line-height: 25.7143px;
    margin: 0px;
    padding: 15px 15px 42px 19px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: solid 1px #ddd;
}

body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    max-height: 650px;
    overflow: hidden;
    overflow-y: scroll;
}

body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form {
    /* form looking good. */
}

body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table td input[type="checkbox"] {
    height: 30px;
    margin-top: 10px;
}

body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr,
body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.view td tr {
    display: block;
    float: none;
    width: auto;
    border-bottom: none;
}

body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row],
body.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;
}

body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] {
    width: 30%;
}

body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table tr td[scope=row][colspan="4"] {
    float: none;
}

body.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;
}


body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table {

}

body.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;
    vertical-align: middle;
    border-color: inherit;
    float: initial;
}

body.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;
    vertical-align: inherit;
    border-color: inherit;
    float: initial;
}

body.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;
    vertical-align: inherit;
    float: initial;
}

@media(min-width: 800px) {

    body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] {
        width: 20%;
    }
    body.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%;

    }
    body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr:last-child {
        clear: both;
    }

    body.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit {
        position: relative;
    }

    body.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;
    }
}

@media(max-width: 750px) {

    #EditView table.dcQuickEdit,
    #EditView table.dcQuickEdit tr,
    #EditView table.dcQuickEdit tr td,
    #EditView table.dcQuickEdit tr td[align="right"] table,
    #EditView table.dcQuickEdit tr td[align="right"] table tr,
    #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;
    }

}

/* pagination on list view subpanel-table */

table.list.view.subpanel-table tr.pagination span.pageNumbers {
    position: relative;
    top: -7px;
}

table.list.view.subpanel-table tr.pagination button.button[name="listViewStartButton"] img,
table.list.view.subpanel-table tr.pagination button.button[name="listViewPrevButton"] img,
table.list.view.subpanel-table tr.pagination button.button[name="listViewNextButton"] img,
table.list.view.subpanel-table tr.pagination button.button[name="listViewEndButton"] img {
    display: none;
}

table.list.view.subpanel-table tr.pagination button.button[name="listViewStartButton"],
table.list.view.subpanel-table tr.pagination button.button[name="listViewPrevButton"],
table.list.view.subpanel-table tr.pagination button.button[name="listViewNextButton"],
table.list.view.subpanel-table tr.pagination button.button[name="listViewEndButton"] {
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    background-image: none,url("../../../../themes/SuiteP/images/p_pag_tools.svg"),url("../../../../themes/SuiteP/images/p_pag_tools.png");
    background-repeat: no-repeat;
}
table.list.view.subpanel-table tr.pagination button.button[name="listViewStartButton"]:hover,
table.list.view.subpanel-table tr.pagination button.button[name="listViewPrevButton"]:hover,
table.list.view.subpanel-table tr.pagination button.button[name="listViewNextButton"]:hover,
table.list.view.subpanel-table tr.pagination button.button[name="listViewEndButton"]:hover {
    background-color: #808F9C;
}

table.list.view.subpanel-table tr.pagination button.button[name="listViewStartButton"] {
    background-position: 9px -29px;
}

table.list.view.subpanel-table tr.pagination button.button[name="listViewPrevButton"] {
    background-position: 9px -50px;
}

table.list.view.subpanel-table tr.pagination button.button[name="listViewNextButton"] {
    background-position: 10px -132px;
}

table.list.view.subpanel-table tr.pagination button.button[name="listViewEndButton"] {
    background-position: 10px -112px;
}

table.list.view.subpanel-table tr.pagination button.button[name="listViewStartButton"][disabled],
table.list.view.subpanel-table tr.pagination button.button[name="listViewPrevButton"][disabled],
table.list.view.subpanel-table tr.pagination button.button[name="listViewNextButton"][disabled],
table.list.view.subpanel-table tr.pagination button.button[name="listViewEndButton"][disabled] {
    opacity: .5;
    cursor: default;
}

table.list.view.subpanel-table tr.pagination button.button[name="listViewStartButton"],
table.list.view.subpanel-table tr.pagination button.button[name="listViewPrevButton"],
table.list.view.subpanel-table tr.pagination button.button[name="listViewNextButton"],
table.list.view.subpanel-table tr.pagination button.button[name="listViewEndButton"],
table.list.view.subpanel-table tr.pagination button.button[name="listViewStartButton"][disabled]:hover,
table.list.view.subpanel-table tr.pagination button.button[name="listViewPrevButton"][disabled]:hover,
table.list.view.subpanel-table tr.pagination button.button[name="listViewNextButton"][disabled]:hover,
table.list.view.subpanel-table tr.pagination button.button[name="listViewEndButton"][disabled]:hover {
    background-color: #94A6B5;
}


/* top create button and dropdown menu */

#quickcreatetop ul.dropdown-menu li a {
    opacity: 0.8;
}

#quickcreatetop ul.dropdown-menu li a:hover {
    opacity: 1;
}


/* admin / inbound emails styles */

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr {
    padding: 0px !important;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td:first-child {
    background-color: #BFCAD3;
    padding: 5px 0px 2px 0px !important;
    color: white;
    font-weight: 700;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu {
    min-width: 32px;
    min-height: 16px;
    line-height: 0px;
    position: relative;
    padding: 1px;
    height: initial;
    vertical-align: top;

}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button {
    padding: 0px !important;
    background-color: #94A6B5;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-right: 4px !important;
    min-width: 32px;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button:hover {
    background-color: #778591;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button input#massall.checkbox.massall {
    float: left;
    margin: 5px 0 0 4px;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button a#select_link {
    padding: 0 !important;
    border: 1px solid transparent !important;
    overflow: hidden;
    display: block;
    text-decoration: none;
    float: left;
    margin: 0 5px 0 0;
    color: #fff;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav {
    padding: 0 !important;
    width: auto;
    background-color: #7b8a96;
    line-height: 24px;
    color: #ffffff;
    left: 0;
    right: auto;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav li {
    padding: 0;
    background-color: #7b8a96;
    width: 100%;
    line-height: 24px;
    color: #ffffff;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav li a.menuItem {
    color: #ffffff;
    width: 100%;
    background-color: #7b8a96;
    line-height: 24px;
    padding: 0 5px 0 7px;
    font-weight: normal;
}
div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav li a.menuItemHilite {
    padding: 0 5px 0 7px;
    font-weight: normal;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button span {
    height: 15px;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td input.button {
    background-color: #94A6B5 !important;
    padding: 3px 8px !important;
    border: 1px solid transparent !important;
    height: 26px;
    text-transform: capitalize;
    line-height: 1px;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td input.button:hover {
    background-color: #778591 !important;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td input {
    line-height: initial;
    min-height: initial;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td:nth-child(2) {
    padding: 6px 7px 2px 5px !important;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td:nth-child(2) button.button {
    opacity: .5;
    cursor: default;
    width: 26px;
    background-repeat: no-repeat;
    background-image: none,url("../../../../themes/SuiteP/images/p_pag_tools.svg"),url("../../../../themes/SuiteP/images/p_pag_tools.png");
    background-color: #94A6B5;
    color: #c4c4c4;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 10px;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td:nth-child(2) button.button[name="listViewStartButton"] {
    background-position: 9px -29px;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td:nth-child(2) button.button[name="listViewPrevButton"] {
    background-position: 9px -50px;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td:nth-child(2) button.button[name="listViewNextButton"] {
    background-position: 10px -132px;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td:nth-child(2) button.button[name="listViewEndButton"] {
    background-position: 10px -112px;
    margin-left: 2px;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td:nth-child(2) button.button img {
    display: none;
}

div#content div#pagecontent form#MassUpdate table.list.view tbody tr.pagination td table tbody tr td:nth-child(2) span.pageNumbers {
    top: -6px;
    position: relative;
}

/* list items */

div#content div#pagecontent form#MassUpdate table.list.view tbody tr td {
    padding-top: 0;
    padding-bottom: 0;
}

/* edit form */

div#content div#pagecontent form#EditView div.edit.view table tbody tr td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot {
    display: block;
    float: none;
}

div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[type="text"],
div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[name="filter_domain"],
div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[name="email_num_autoreplies_24_hours"] {
    width: 90%;
}

div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[type="text"][name="mailbox"]#mailbox,
div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[type="text"][name="trashFolder"]#trashFolder,
div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[type="text"][name="sentFolder"]#sentFolder {
    width: 70%;
}
div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[type="button"]#subscribeFolderButton.button,
div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[type="button"]#trashFolderButton.button,
div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[type="button"]#sentFolderButton.button {
    width: 18%;
    min-width:71px;
}

div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot 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 slot input[name="from_name"]#from_name,
div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[name="from_addr"]#from_addr,
div#content div#pagecontent form#EditView div.edit.view table tbody tr td input[name="reply_to_name"],
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 slot {
        display: block;
        float: left;
        width: 72%;
        line-height: 16px;
        white-space: initial;
    }
    div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[type="text"],
    div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input[name="filter_domain"], div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot 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"],
    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,
    div#content div#pagecontent form#EditView div.edit.view table tbody tr td[scope="row"] {
        width: 100%;
        height: initial;
        padding: 15px 0px 5px 0px !important;
    }
    div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot {
        width: 100%;
    }
}

@media (max-width: 380px) {
    div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot input,
    div#content div#pagecontent form#EditView div.edit.view table tbody tr td slot select,
    div#content div#pagecontent form#EditView div.edit.view table tbody tr td input[name="reply_to_name"],
    div#content div#pagecontent form#EditView div.edit.view table tbody tr td input[name="reply_to_addr"] {
        min-height: 40px;
        line-height: initial;
        font-size: 12px;
        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,
    div#content div#pagecontent form#EditView div.edit.view table tbody tr td[scope="row"] {
        width: 100%;
        height: initial;
        padding: 0px 0px 15px 0px !important;
    }
}