ol {
    margin-left: 5px;
}

ol li {
    margin-left: 15px;
    list-style: decimal;
}

body,
div,
span,
tr,
td,
th,
span,
input,
textarea,
select,
option,
a,
p {
    font-family: Tahoma, Calibri, Helvetica;
    font-size: 9pt;
    margin: 0;
    outline: none;
    padding: 0;
    background: none;
    vertical-align: top;
}

html, body {
    height: 100%;
}


body {
    top: 0 !important;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: #edeeef;
}

a {
    color: #2993c6;
    text-decoration: underline;
}

.fiix a {
    color: #3b8fcf;
}

a:hover {
    text-decoration: none;
}


#maMainFrame, mainFrame {
    min-height: 500px;
}

#maMainSidebarPane {
    background: url(/pg/sidebar-bgr.png);
    float: left;
    height: 100%;
    background: #525658;
}

#maMainSidebarPane,
.fiix-expanded #maMainSidebarPane {
    width: 205px; /* maMainSidebarPane + maMainContentPane = maMainFrame width*/
    max-width: 350px;
}

.fiix-collapsed #maMainSidebarPane {
    width: 40px; /* maMainSidebarPane + maMainContentPane = maMainFrame width*/
}

#maMainSidebarPane .shadow {
    z-index: 100;
    position: absolute;
    left: 193px;
    width: 2px;
    height: 100%;
    background: url(/pg/header/drop_shadow_sidebar.png) top left repeat-y;
}

#maMainContentPane {
    float: left;
    width: 829px;
    height: 100%;
    overflow: hidden;
}

/* HEADER MAIN SECTION BUTTON   ################################################################################################ */
.topPane .topHeader {
    float: left;
    width: 100%;
    height: 64px;
    overflow: hidden;
    display: inline; /* IE 6 */
}

.TopMenuUpperBg {
    padding-left: 16px;
    padding-right: 16px;
    height: 32px;
    background: url(/pg/sidebar-bgr.png);
}

.topMaLogo {
    cursor: pointer;
    float: left;
    margin-top: 4px;
    background: url(/pg/logo-icon-0.png);
    width: 121px;
    height: 25px;
}

.topMaVersion {
    float: left;
    color: #737c94;
    margin-top: 9px;
}

.TopMenuUpperDivider {
    float: left;
    height: 32px;
    width: 1px;
    background: url(/pg/nav-small-divider.png);
}

.TopMenuTooltip {
    background: rgb(119, 119, 119) -webkit-linear-gradient(top, rgb(119, 119, 119), rgb(79, 79, 79));
    color: white;
    border: 1px solid black;
    border-radius: 2px;
    padding: 4px 12px 4px 12px;
    text-shadow: 0 1px 1px black;
}

.TopMenuLogoOn,
.TopMenuLogoOff {
    float: left;
    width: 121px;
    height: 25px;
}

.TopMenuLogoOff {
    background: url(/pg/logo-icon-0.png);
}

.TopMenuLogoOn {
    background: url(/pg/logo-icon-1.png);
}

.TopMenuSettingsOn,
.TopMenuSettingsOff,
.TopMenuHelpOn,
.TopMenuHelpOff,
.TopMenuLogOffOn,
.TopMenuLogOffOff {
    float: left;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.TopMenuSettingsOn:hover,
.TopMenuSettingsOff:hover,
.TopMenuHelpOn:hover,
.TopMenuHelpOff:hover,
.TopMenuLogOffOn:hover,
.TopMenuLogOffOff:hover {
    background: url(/pg/nav-small-background-hover-fill.png);
}

.TopMenuSettingsInnerOn,
.TopMenuSettingsInnerOff,
.TopMenuHelpInnerOn,
.TopMenuHelpInnerOff,
.TopMenuLogOffInnerOn,
.TopMenuLogOffInnerOff {
    width: 32px;
    height: 32px;
}

.TopMenuSettingsInnerOff {
    background: url(/pg/nav-small-settings-0.png);
}

.TopMenuSettingsInnerOn {
    background: url(/pg/nav-small-settings-1.png);
}

.TopMenuHelpInnerOff {
    background: url(/pg/nav-small-help-0.png);
}

.TopMenuHelpInnerOn {
    background: url(/pg/nav-small-help-1.png);
}

.TopMenuLogOffInnerOff {
    background: url(/pg/nav-small-power-0.png);
}

.TopMenuLogOffInnerOn {
    background: url(/pg/nav-small-power-1.png);
}


.TopMenuLowerBg {
    padding-left: 16px;
    padding-right: 16px;
    height: 62px;
    background: url(/pg/nav-background-fill.png) top left repeat-x;
}

.TopMenuLowerBg .shadow {
    z-index: 100;
    position: absolute;
    top: 94px;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(/pg/header/drop_shadow.png) top left repeat-x;
}

.topCompany35 {
    float: left;
    padding-top: 22px;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    text-shadow: 0 1px 1px black;
}

.TopMenuLowerDivider {
    float: left;
    height: 62px;
    width: 3px;
    background: url(/pg/nav-divider.png);
}

.TopMenuDashboardOff,
.TopMenuDashboardOn,
.TopMenuAssetsOff,
.TopMenuAssetsOn,
.TopMenuNotificationsOff,
.TopMenuNotificationsOn,
.TopMenuUsersOff,
.TopMenuUsersOn,
.TopMenuReportsOff,
.TopMenuReportsOn,
.TopMenuSuppliesOff,
.TopMenuSuppliesOn,
.TopMenuWarningOn,
.TopMenuWarningOff,
.TopMenuMaintenanceOn,
.TopMenuMaintenanceOff {
    float: left;
    width: 63px;
    height: 62px;
    cursor: pointer;
}

.TopMenuDashboardOff:hover,
.TopMenuDashboardOn:hover,
.TopMenuAssetsOff:hover,
.TopMenuAssetsOn:hover,
.TopMenuNotificationsOff:hover,
.TopMenuNotificationsOn:hover,
.TopMenuUsersOff:hover,
.TopMenuUsersOn:hover,
.TopMenuReportsOff:hover,
.TopMenuReportsOn:hover,
.TopMenuSuppliesOff:hover,
.TopMenuSuppliesOn:hover,
.TopMenuWarningOn:hover,
.TopMenuWarningOff:hover,
.TopMenuMaintenanceOn:hover,
.TopMenuMaintenanceOff:hover {
    background: url(/pg/nav-background-hover-fill.png) top left repeat-x;
}

.TopMenuDashboardInnerOff,
.TopMenuDashboardInnerOn,
.TopMenuAssetsInnerOff,
.TopMenuAssetsInnerOn,
.TopMenuNotificationsInnerOff,
.TopMenuNotificationsInnerOn,
.TopMenuUsersInnerOff,
.TopMenuUsersInnerOn,
.TopMenuReportsInnerOff,
.TopMenuReportsInnerOn,
.TopMenuSuppliesInnerOff,
.TopMenuSuppliesInnerOn,
.TopMenuWarningInnerOn,
.TopMenuWarningInnerOff,
.TopMenuMaintenanceInnerOn,
.TopMenuMaintenanceInnerOff,
.TopMenuCloudInnerOn,
.TopMenuCloudInnerOff {
    width: 63px;
    height: 62px;
    background-repeat: no-repeat;
}

.TopMenuDashboardInnerOff {
    background: url(/pg/Nav-icons-dashboard-0.png) no-repeat;
}

.TopMenuDashboardInnerOn {
    background: url(/pg/Nav-icons-dashboard-1.png) no-repeat;
}

.TopMenuAssetsInnerOff {
    width: 63px;
    height: 63px;
    background: url(/pg/Nav-icons-assets-0.png?a) center center no-repeat;
}

.TopMenuAssetsInnerOn {
    width: 63px;
    height: 63px;
    background: url(/pg/Nav-icons-assets-1.png?a) center center no-repeat;
}

.TopMenuNotificationsInnerOff {
    background: url(/pg/Nav-icons-notifications-0.png) no-repeat;
}

.TopMenuNotificationsInnerOn {
    background: url(/pg/Nav-icons-notifications-1.png) no-repeat;
}

.TopMenuUsersInnerOff {
    background: url(/pg/Nav-icons-users-0.png) no-repeat;
}

.TopMenuUsersInnerOn {
    background: url(/pg/Nav-icons-users-1.png) no-repeat;
}

.TopMenuReportsInnerOff {
    background: url(/pg/Nav-icons-reports-0.png) no-repeat;
}

.TopMenuReportsInnerOn {
    background: url(/pg/Nav-icons-reports-1.png) no-repeat;
}

.TopMenuSuppliesInnerOff {
    background: url(/pg/Nav-icons-businesses-0.png) no-repeat;
}

.TopMenuSuppliesInnerOn {
    background: url(/pg/Nav-icons-businesses-1.png) no-repeat;
}


.TopMenuWarningInnerOff {
    background: url(/pg/Nav-icons-warning.png) no-repeat;
}

.TopMenuWarningInnerOn {
    background: url(/pg/Nav-icons-warning.png) no-repeat;
}

.TopMenuMaintenanceInnerOff {
    background: url(/pg/Nav-icons-wo-0.png) no-repeat;
}

.TopMenuMaintenanceInnerOn {
    background: url(/pg/Nav-icons-wo-1.png) no-repeat;
}

.TopMenuCloudInnerOff {
    background: url(/pg/Nav-icons-cloud-0.png) no-repeat;
}

.TopMenuCloudInnerOn {
    background: url(/pg/Nav-icons-cloud-1.png) no-repeat;
}

.topMenuLoadContainer {
    float: left;
    height: 52px;
}

.topMenuLoadContainer .topMenuLoad {
    float: left;
    margin: 0 0 0 16px;
    width: 25px;
    height: 61px;
    background: url(/pg/header/header_loading_bar.gif) top left no-repeat;
}


/******************************************************************************************************************************
Sidebar
******************************************************************************************************************************/
.sidebarBg35, .sidebarBgSelected35, .sidebarBgFlashStart35 {
    cursor: pointer;
    height: 46px;
}

.sidebarBg35 {
    border-top: 1px solid rgb(87, 95, 100);
    border-bottom: 1px solid rgb(38, 43, 46);
    background: url(/pg/sidebar-bgr.png);
}

.sidebarBg35:hover {
    border-top: 1px solid rgb(87, 95, 100);
    border-bottom: 1px solid rgb(38, 43, 46);
    background: url(/pg/sidebar-bgr-over.png);
}

.sidebarBgSelected35,
.sidebarBgSelected35:hover {
    border-top: 1px solid rgb(39, 44, 47);
    border-bottom: 1px solid rgb(39, 44, 47);
    background: url(/pg/sidebar-bgr-sel.png);
}

.sidebarBgFlashStart35 {
    border-top: 1px solid rgb(39, 44, 47);
    border-bottom: 1px solid rgb(39, 44, 47);
    background: white;
}

.sidebarIcon35 {
    margin: 11px;
    float: left;
    width: 24px;
    background-repeat: no-repeat;
}

/*DEFAULT STATE */
.sidebarBg35 #sidebarIconProjects {
    height: 24px;
    background: url(/pg/sidebar-project.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconScheduledMaintenance {
    height: 24px;
    background: url(/pg/sidebar-scheduled-maintenance.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconWorkOrders {
    height: 24px;
    background: url(/pg/sidebar-work-orders.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconTaskGroups {
    height: 24px;
    background: url(/pg/sidebar-task-groups.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconAllAssets {
    height: 24px;
    background: url(/pg/sidebar-all-assets.png?b) center left no-repeat;
}

.sidebarBg35 #sidebarIconFacilities {
    height: 24px;
    background: url(/pg/sidebar-facilities.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconEquipment {
    height: 24px;
    background: url(/pg/sidebar-equipment.png?b) center left no-repeat;
}

.sidebarBg35 #sidebarIconTools {
    height: 24px;
    background: url(/pg/sidebar-tools.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconPartsAndSupplies {
    height: 24px;
    background: url(/pg/sidebar-supplies.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconCurrentStock {
    height: 24px;
    background: url(/pg/sidebar-current-stock.png?b) center left no-repeat;
}

.sidebarBg35 #sidebarIconInbox {
    height: 24px;
    background: url(/pg/sidebar-inbox.png?b) center left no-repeat;
}

.sidebarBg35 #sidebarIconSent {
    height: 24px;
    background: url(/pg/sidebar-sent.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconSystemMessages {
    height: 24px;
    background: url(/pg/sidebar-system-messages.png?b) center left no-repeat;
}

.sidebarBg35 #sidebarIconTrash {
    height: 24px;
    background: url(/pg/sidebar-trash.png?b) center left no-repeat;
}

.sidebarBg35 #sidebarIconReports {
    height: 24px;
    background: url(/pg/sidebar-reports.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconBusinesses {
    height: 24px;
    background: url(/pg/sidebar-businesses.png?b) center left no-repeat;
}

.sidebarBg35 #sidebarIconRFQs {
    height: 24px;
    background: url(/pg/sidebar-rfq.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconBatchStockAdjustment {
    height: 24px;
    background: url(/pg/sidebar-batch-stock.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconBillOfMaterialsGroups {
    height: 24px;
    background: url(/pg/sidebar-bom.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconUsers {
    height: 24px;
    background: url(/pg/sidebar-technicians.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconUserGroups {
    height: 24px;
    background: url(/pg/sidebar-all-users.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconDashboard {
    height: 24px;
    background: url(/pg/sidebar-dashboard.png?b) center left no-repeat;
}

.sidebarBg35 #sidebarIconCalendar {
    height: 24px;
    background: url(/pg/sidebar-calendar.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconAssignedAssets {
    height: 24px;
    background: url(/pg/sidebar-assigned-assets.png?e) center left no-repeat;
}

.sidebarBg35 #sidebarIconAssignedWorkOrders {
    height: 24px;
    background: url(/pg/sidebar-assigned-work-orders.png?g) center left no-repeat;
}

.sidebarBg35 #sidebarIconSubmitWorkRequest {
    height: 24px;
    background: url(/pg/sidebar-submit-work-request.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconCmmsSettings {
    height: 24px;
    background: url(/pg/sidebar-cmms-settings.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconServerSettings {
    height: 24px;
    background: url(/pg/sidebar-server-settings.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconLanguages {
    height: 24px;
    background: url(/pg/sidebar-languages.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconNotificationTemplates {
    height: 24px;
    background: url(/pg/sidebar-notification-templates.png?a) center left no-repeat;
}

.sidebarBg35 #sidebarIconImport {
    height: 24px;
    background: url(/pg/sidebar-import.png?a) center left no-repeat;
}


/* SELECTED STATE */
.sidebarBgSelected35 #sidebarIconProjects {
    height: 24px;
    background: url(/pg/sidebar-project-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconScheduledMaintenance {
    height: 24px;
    background: url(/pg/sidebar-scheduled-maintenance-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconWorkOrders {
    height: 24px;
    background: url(/pg/sidebar-work-orders-on.png?x) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconTaskGroups {
    height: 24px;
    background: url(/pg/sidebar-task-groups-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconAllAssets {
    height: 24px;
    background: url(/pg/sidebar-all-assets-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconFacilities {
    height: 24px;
    background: url(/pg/sidebar-facilities-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconEquipment {
    height: 24px;
    background: url(/pg/sidebar-equipment-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconTools {
    height: 24px;
    background: url(/pg/sidebar-tools-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconPartsAndSupplies {
    height: 24px;
    background: url(/pg/sidebar-supplies-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconCurrentStock {
    height: 24px;
    background: url(/pg/sidebar-current-stock-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconInbox {
    height: 24px;
    background: url(/pg/sidebar-inbox-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconSent {
    height: 24px;
    background: url(/pg/sidebar-sent-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconSystemMessages {
    height: 24px;
    background: url(/pg/sidebar-system-messages-on.png?b) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconTrash {
    height: 24px;
    background: url(/pg/sidebar-trash-on.png?b) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconReports {
    width: 24px;
    height: 24px;
    background: url(/pg/sidebar-reports-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconBusinesses {
    height: 24px;
    background: url(/pg/sidebar-businesses-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconRFQs {
    height: 24px;
    background: url(/pg/sidebar-rfq-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconBatchStockAdjustment {
    height: 24px;
    background: url(/pg/sidebar-batch-stock-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconBillOfMaterialsGroups {
    height: 24px;
    background: url(/pg/sidebar-bom-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconUsers {
    height: 24px;
    background: url(/pg/sidebar-technicians-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconUserGroups {
    height: 24px;
    background: url(/pg/sidebar-all-users-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconDashboard {
    height: 24px;
    background: url(/pg/sidebar-dashboard-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconCalendar {
    height: 24px;
    background: url(/pg/sidebar-calendar-on.png) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconAssignedAssets {
    height: 24px;
    background: url(/pg/sidebar-assigned-assets-on.png?d) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconAssignedWorkOrders {
    height: 24px;
    background: url(/pg/sidebar-assigned-work-orders-on.png?f) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconSubmitWorkRequest {
    height: 24px;
    background: url(/pg/sidebar-submit-work-request-on.png?z) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconCmmsSettings {
    height: 24px;
    background: url(/pg/sidebar-cmms-settings-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconServerSettings {
    height: 24px;
    background: url(/pg/sidebar-server-settings-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconLanguages {
    height: 24px;
    background: url(/pg/sidebar-languages-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconNotificationTemplates {
    height: 24px;
    background: url(/pg/sidebar-notification-templates-on.png?a) center left no-repeat;
}

.sidebarBgSelected35 #sidebarIconImport {
    height: 24px;
    background: url(/pg/sidebar-import-on.png?a) center left no-repeat;
}

.sidebarLabel35 {
    float: left;
    color: #c6c6c6;
    margin-top: 14px;
    text-shadow: 0 1px 1px black;
    text-align: left;
    font-size: 10pt;
    height: 19px;
    width: 140px;
    overflow: hidden;
}

.sidebarBgFlashStart35 .sidebarLabel35 {
    text-shadow: none;
}

.sidebarUsername {
    float: left;
    padding-left: 8px;
    color: #c6c6c6;
    height: 46px;
    text-shadow: 0 1px 1px black;
    font-size: 10pt;
    width: 110px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.sidebarRole {

}

/******************************************************************************************************************************
Windows
******************************************************************************************************************************/
.stackedWindow35 {
    padding: 0;
    background-color: #eaebec;
    box-shadow: 0 -1px 0 #2e5577;
}

.stackedWindowLogin35 {
    background: #525658;
    padding: 0;
}

/* NEW LOGIN SCREEN */
.loginPageNew {
    height: 100%;
    width: 100%;
}

.loginPageNew div.input {
    background: #ffffff;
    border-radius: 2px;
    margin-top: 2px;
    border-top: solid 1px #c7c7c7;
    border-left: solid 1px #c7c7c7;
    border-right: solid 1px #bcbcbc;
    border-bottom: solid 1px #d6d6d6;
    box-shadow: 1px 1px 1px #e6e6e6 inset;
}

.loginPageNew div.input.focused {
    border-color: #5caddd;
}

.loginPageNew .backgroundGradient {

    height: 100%;
    width: 100%;

    /* Safari 4+, Chrome 1-9 */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e7f6ff));

    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -webkit-linear-gradient(top, #ffffff, #e7f6ff);

    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top, #ffffff, #e7f6ff);

    /* IE 10+ */
    background-image: -ms-linear-gradient(top, #ffffff, #e7f6ff);

    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, #ffffff, #e7f6ff);
    background: #ffffff;
}

.loginPageNew div.workRequest {
    width: 550px;
    min-height: 110px;
    padding: 0 5px 0 5px;
    margin: 20px auto 50px;
    border: solid 1px #d5dce0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: inset 0 1px 0 #dadada;
}

.loginPageNew .workRequest .wrIcon {
    background: url(/pg/page/login/maintenance2.png) center center no-repeat;

    width: 100px;
    height: 100px;
    float: left;
    margin: 2px 20px 0 10px;
}

.loginPageNew .workRequest .wrContent {
    width: 550px;
    margin-top: 25px;
    font-size: 15px;
    line-height: 26px;
    font-family: Calibri, Verdana, Tahoma;
    color: #3e3e3e;
}

.loginPageNew .workRequest .wrContent a {
    font-size: 18px;
    line-height: 26px;
    font-family: Calibri, Verdana, Tahoma;
}

.loginPageNew div.inputDivs {
    border-radius: 2px;
    box-shadow: 1px 1px 1px #dfe3e6 inset;
    background: #ffffff;
}

.loginPageNew input {

}


.loginPageNew p.lpFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 20px;
    font-size: 8pt;
}

.loginPageNew p.lpFooter,
.loginPageNew p.lpFooter a {
    color: #576973;
}

.loginPageNew p.lpFooter a {
    font-size: 8pt;
    text-decoration: none;
}

.loginPageNew .loginButton {
    cursor: default;
    margin-left: 10px;
    width: 94px;
    height: 35px;
    margin-top: 2px;
    color: #fff;
    border: solid 1px #55a539;
    border-top: solid 1px #69bf3f;
    border-bottom: solid 1px #449c23;
    text-shadow: -1px -1px #53b333;
    background: #6aca36 linear-gradient(#c1f1ad, #8adc62 5%, #6abb3e 90%);
    font-size: 10pt;
    border-radius: 4px;
}

.loginPageNew .loginButton:hover {
    box-shadow: 0 1px 2px #999999;
}

.loginPageNew .loginButton:active {
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
}

.loginButtonBlue {
    cursor: default;
    margin-left: 10px;
    width: 94px;
    height: 35px;
    margin-top: 2px;
    color: #f7f7f7;
    border: solid 1px #12addc;
    border-top: solid 1px #2686b6;
    border-bottom: solid 1px #1188c0;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background: #0f9cd7 linear-gradient(#11bfeb, #0f93cf 5%, #0e6faf 90%);
    font-size: 9pt;
    border-radius: 4px;
}

.loginButtonBlue:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.loginButtonBlue:active {
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
    background: #0e6faf;
}

.actionBarStackedExt {
    background: transparent;
    margin-bottom: 4px;
}

.actionBarModalExt {
    background: white;
}

.dialogBG {
    background-color: #333333;
    position: absolute;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
}

.modalWindowFrame {
    background: white;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 4px;
    -moz-background-clip: padding; /* Firefox 3.6 */
    -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
    background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.contentPaneFrameStacked {
    padding: 8px;
    margin: 6px 8px 8px;
    border: 1px solid #bcbfc2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background: white;
    box-shadow: inset 0 2px 1px #f1eeee;
}

.fiix-collapsed .contentPaneFrameStacked {
    margin: 6px 0 0 0;
    border-radius: 0;
    -moz-border-radius: 0;
    border-width: 1px 0 0 0;
}

.contentPaneFrameStacked.noFrame,
.fiix .contentPaneFrameStacked.noFrame {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: #eaebec;
}

.contentPaneFrameStacked > span > .listLargeMain {
    border-width: 0;
}

.contentPaneFrameModal {
    padding: 4px;
    background: white;
}

.mainFormContainer35 {
    width: 60px;
}

/* LIST ################################################################################################### */

.listDragHandle {
    cursor: move;
    margin-top: 6px;
    margin-left: 0;
    margin-right: 8px;
    width: 12px;
    min-width: 12px;
    max-width: 12px;
    height: 10px;
    background: url(/pg/drag_and_drop/drag_handle.png) no-repeat;
}

.listLargeMain {
    border-radius: 0;
    border: 1px solid rgb(205, 209, 215);
    padding: 0;

}

.listLargeTable {
    width: 100%;
    page-break-before: avoid;
    page-break-inside: auto;
}

.listLargeTable tbody tr.greyed {
    opacity: 0.6;
}

.listLargeMid {
    clear: both;
    overflow: auto;
}

.listSmallMid {
    clear: both;
    overflow: auto;
}

.listTopOuterLarge {
    background: #e0e7ed;
    height: 38px;
    border-bottom: 1px solid rgb(174, 193, 208);
}

.listTopLabelLarge {
    color: rgb(86, 92, 108);
    font-weight: bold;
    font-size: 11pt;

    position: relative;
    top: 10px;
    left: 12px;
}

.listSearchLarge {
    float: right;
    margin-top: 6px;
    margin-right: 4px;
}

.listSearchLarge input[type=text] {

    border: 1px solid rgb(205, 209, 215);
    border-radius: 12px;
    background: white top right no-repeat;
    padding: 0 0 0 16px;
    height: 24px;
    width: 100px;
}

.listSearchSmall {
    float: right;
    margin-top: 1px;
    margin-right: 1px;
    font-size: 8pt;
}

.listSearchSmall input {
    border: 1px solid rgb(205, 209, 215);
    border-radius: 8px;
    background: white;
    padding-left: 8px;
    height: 16px;
    width: 60px;
}

.listTopOuterSmall {
    background: #d4dde6;
    height: 20px;
    border-top: 1px solid rgb(224, 231, 237);
    border-bottom: 1px solid rgb(174, 193, 208);
}

.listTopLabelSmall {
    margin-top: 8px;
    padding-left: 6px;
    padding-right: 16px;
    color: rgb(86, 92, 108);
    font-weight: bold;
    font-size: 10pt;
}

.listSearchSmaller input {
    border: 1px solid rgb(205, 209, 215);
    border-radius: 4px;
    background: white;
    height: 14px;
    width: 70px;
    padding: 1px 4px 3px 4px;
    font-size: 8.5pt;
}

.listTopOuterSmaller {
    background: #f5f5f5;
    height: 20px;
    border-top: 1px solid rgb(224, 231, 237);
    border-bottom: 1px solid rgb(174, 193, 208);
    padding: 2px;
}

.listTopOuterSmaller .uic-icon {
    margin: 4px 0 0 0;
    font-size: 10.5pt;
}

.listTopLabelSmaller {
    margin-top: 3px;
    padding-left: 4px;
    padding-right: 16px;
    color: rgb(86, 92, 108);
    font-weight: bold;
    font-size: 9pt;
}

thead {
    height: 14px;
}

tr.listHeader35 {
    background-color: #bac9d5;
}

th.listHeader35, th.listHeaderAsc35, th.listHeaderDesc35, th.listSelCheckboxHeader, th.listReorderHeader {
    text-align: left;
    height: 20px;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    border-top: 1px solid rgb(246, 246, 246);
    border-bottom: 1px solid rgb(174, 184, 191);
    padding-left: 4px;
    background: #bac9d5;
    background: -webkit-linear-gradient(top, #e1e8ef 0%, #dbe2e6 50%, #d5dce2 50%, #c8d5e0 100%);
}

th.listReorderHeader {
    width: 12px;
    min-width: 12px;
    max-width: 12px;
}

th.listSelCheckboxHeader {
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    margin-left: 0;
}

th.listSelCheckboxHeader input {
    margin: 0;
    padding: 0;
    border: 0;
}

.listHeaderLabel35 {
    color: #6c7e8a;
    font-size: 12px;
    text-shadow: 0 1px 1px #ffffff;
    font-weight: normal;
    padding: 0 4px 0 4px;
    margin: 2px 0 4px 0;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

th.listHeader35 .listHeaderIcon35,
th.listHeaderAsc35 .listHeaderAscIcon35,
th.listHeaderDesc35 .listHeaderDescIcon35 {
    width: 24px;
    height: 9px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 4px;
}

th .wrapper {
    overflow: hidden;
    height: 19px;
    position: relative;
    top: 0;
    left: 0;
}

th .sortIconWrapper {
    z-index: 1;
    position: absolute;
    right: 0;
    margin-right: 8px;
    height: 18px;
    padding: 0 4px;
}

th.listHeader35 .listHeaderIcon35 {
    background: transparent;
}

th.listHeaderAsc35 .listHeaderAscIcon35 {
    position: relative;
    top: 6px;
    width: 16px;
    display: block;
    background: url(/pg/arrow_small_up.png) no-repeat;
}

th.listHeaderDesc35 .listHeaderDescIcon35 {
    position: relative;
    top: 7px;
    width: 16px;
    display: block;
    background: url(/pg/arrow_small_down.png) no-repeat;
}

th.listHeaderAsc35 p {
}

th.listHeaderDesc35 {
}

th.listHeaderDesc35 p {
}


/* list resize column tabs */
div.listResizeContainer {
    position: relative;

}

div.listResizeContainer .listResizeAbsolute {
    position: absolute;
    width: 8px;
    height: 20px;
    top: 0;
    right: 0;
    background: url(/pg/list/column-divider.png) top right repeat-y;
    cursor: col-resize;
    margin: 0;
    padding: 0;
    z-index: 1;
}

div.listResizeFloater {
    position: absolute;
    z-index: 100000;
    background: url(/pg/list/list_floater_resizer3.png) left center no-repeat;
    width: 96px;
    /*height:318px;*/
    height: 1500px;
    left: -1500px;
    top: -1500px;
    cursor: col-resize;
}

/* LIST REORDERING */
div.listReorderFloater {
    position: absolute;
    z-index: 100000;
    background: url(/pg/list/list_floater_reorder.png) left center repeat-x;
    width: 40px;
    height: 1500px;
    left: -1500px;
    top: -1500px;
    cursor: col-resize;
}

div.listReorderFloaterArrow {
    position: absolute;
    z-index: 100000;
    background: url(/pg/list/list_floater_reorder_arrow.png) top left no-repeat;
    margin-top: 637px;
    width: 12px;
    height: 13px;
    left: -1500px;
    top: -500px;
}


.listColumnValueReadOnlySelected,
.listColumnValue,
.listColumnValueReadOnly {
    color: #3c434a;
}

.listColumnValueReadOnlySelected,
.listColumnValueReadOnlySelected p,
.listColumnValueReadOnlySelected select,
.listColumnValueReadOnlySelected input,
.listColumnValueReadOnly,
.listColumnValueReadOnly p,
.listColumnValueReadOnly select,
.listColumnValueReadOnly input,
.listColumnValueSelected,
.listColumnValueSelected p,
.listColumnValueSelected select,
.listColumnValueSelected input,
.listColumnValue,
.listColumnValue p,
.listColumnValue select,
.listColumnValue input,
.listColumnValue textarea,
.listColumnTotal,
.listColumnTotal p {
    font-size: 8.5pt;
    padding: 3px 4px 3px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listColumnValueExpandable {
    white-space: normal;
}

.listColumnValueReadOnlySelected select,
.listColumnValueReadOnlySelected input,
.listColumnValueReadOnly select,
.listColumnValueReadOnly input,
.listColumnValueSelected select,
.listColumnValueSelected input,
.listColumnValue select,
.listColumnValue input,
.listColumnValue textarea {
    padding: 0 4px 2px 4px;
}

.listColumnValueReadOnlySelected,
.listColumnValueReadOnly,
.listColumnValueSelected,
.listColumnValue,
.listColumnTotal {
    border-top: 1px solid white;
    border-bottom: 1px solid #e0e0e0;
}

.listColumnValueReadOnlySelected input,
.listColumnValueReadOnly input,
.listColumnValueSelected input,
.listColumnValue input {
    background: white;
}

/* !!!! Does not work in webkit */
.listColumnValueReadOnly input[type=checkbox],
.listColumnValueReadOnlySelected input[type=checkbox],
.listColumnValue input[type=checkbox],
.listColumnValueSelected input[type=checkbox] {
    padding: 0;
    border: none;
    margin-top: 4px;
}

/* LIST HOBVER PUSHBUTTONS ################################################################################################### */

.pushButtonsPane {
    clear: both;
    background: white;
    margin: 4px 4px 4px 4px;
}

.pushButtonsPane .dropdown-menu {
    bottom: 100%;
    top: auto;
}

.closeButtonFrame {
    cursor: pointer;
    float: right;
    margin: 2px 2px 0 12px;
}

.closeButtonFrame {
    color: #ababab;
    font-size: 10.5pt;
}

.closeButtonFrame:hover {
    color: #737c94;
    font-size: 10.5pt;
}

.listHoverFrame {
    padding: 3px 4px 2px 7px;
    background: rgb(240, 240, 240);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border: 1px solid #dddddd; /* like listRow and listRowOdd */
    border-right: 0 solid #dddddd;
    box-shadow: -1px 0 1px rgba(1, 1, 1, 0.1);
}

.listHoverButtonSel,
.listHoverButtonNonSel {
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    padding: 2px 8px 2px 0;
}

.listHoverButtonNonSel,
.listHoverButtonSel {
    background: transparent;
}

.listHoverButtonDelete,
.listHoverButtonDuplicate,
.listHoverButtonAddChild,
.listHoverButton {
    cursor: pointer;
}

.listHoverButtonDelete {
    height: 16px;
    width: 13px;
    background: url(/pg/hover-icons/trash.png) no-repeat;
}

.listHoverButtonDelete:hover {
    height: 16px;
    width: 13px;
    background: url(/pg/hover-icons/trash-hover.png) no-repeat;
}

.listHoverButtonGrainger {
    height: 16px;
    width: 16px;
    margin-top: 1px;
    background: url(/pg/hover-icons/grainger_search_icon.png) no-repeat;
}

.listHoverButtonGrainger:hover {
    height: 16px;
    width: 16px;
    margin-top: 1px;
    background: url(/pg/hover-icons/grainger_search_icon_hover.png) no-repeat;
    cursor: pointer;
}

.listHoverButtonGraingerAssociated {
    height: 16px;
    width: 16px;
    background: url(/pg/hover-icons/grainger_restock_icon.png) no-repeat;
}

.listHoverButtonGraingerAssociated:hover {
    height: 16px;
    width: 16px;
    background: url(/pg/hover-icons/grainger_restock_icon_hover.png) no-repeat;
    cursor: pointer;
}

.listHoverButtonDuplicate {
    height: 16px;
    width: 13px;
    background: url(/pg/hover-icons/duplicate.png) no-repeat;
}

.listHoverButtonDuplicate:hover {
    height: 16px;
    width: 13px;
    background: url(/pg/hover-icons/duplicate-hover.png) no-repeat;
    cursor: pointer;
}

.listHoverButtonAddChild {
    height: 16px;
    width: 13px;
    background: url(/pg/hover-icons/add-child.png) no-repeat;
}

.listHoverButtonAddChild:hover {
    height: 16px;
    width: 13px;
    background: url(/pg/hover-icons/add-child-hover.png) no-repeat;
    cursor: pointer;
}

/* ***************************************** */
.listPagingContainer35 {
    color: rgb(102, 115, 136);
    text-shadow: 0 1px 1px white;
    font-weight: normal;
    font-size: 10pt;
    background: #f7f7f7;
    height: 20px;
}

.listPagingContainer35 .listPagingInfo35 {
    float: right;
    margin: 0 5px 0 0;
    padding: 0;
}

.listPagingInfo35 p {
    margin: 0;
    padding: 0 0 0 10px;
}

.listPrevButton,
.listNextButton,
.listPrevButtonOff,
.listNextButtonOff {
    margin-left: 8px;
    float: right;
    border-radius: 4px;
    padding: 4px 12px 4px 12px;
}

.listPrevButton,
.listNextButton {
    border: 1px solid rgb(205, 209, 215);
    cursor: pointer;
}

.listPrevButtonOff,
.listNextButtonOff {
    border: 1px solid transparent;
    cursor: pointer;
    color: white;
}

.listPrevButton .icon,
.listNextButton .icon,
.listPrevButtonOff .icon,
.listNextButtonOff .icon {
    float: left;
    margin-top: 1px;
    width: 10px;
    height: 10px;
}

.listPrevButton .icon {
    background: url(/pg/left-arrow.png) no-repeat;
}

.listNextButton .icon {
    background: url(/pg/right-arrow.png) no-repeat;
}

.listPrevButtonOff .icon,
.listNextButtonOff .icon {
    background: transparent;
}


.listRow35, .listRow35OverEntityLink {
    background: rgb(246, 246, 246);
}

.listRowOdd35, .listRowOdd35OverEntityLink {
    background: rgb(246, 246, 246);
}

.listRow35.special {
    background: #e5ffb8;
}

.listRowOdd35.special {
    background: #e5ffb8;
}

.listRow35.specialWarn {
    background: #fcffb8;
}

.listRowOdd35.specialWarn {
    background: #fcffb8;
}

.listRow35.specialError {
    background: #ff8080;
}

.listRowOdd35.specialError {
    background: #ff8080;
}

.listRow35.specialExclude {
    background: #ff8080;
    text-decoration: line-through;
}

.listRowOdd35.specialExclude {
    background: #ff8080;
    text-decoration: line-through;
}

.listRow35.specialFooter {
    background: #d7e0e7;
    font-weight: bold;
}

.listRowOdd35.specialFooter {
    background: #d7e0e7;
    font-weight: bold;
}

.listLargeTable .embeddedWarning {
    font-size: 8pt;
    color: #f8f8f8;
    background-color: #adad47;
    padding: 3px;
    text-shadow: -1px -1px #8a8a24;
}

.laborTask, .discountLineItem, .childLineItem {
    background: rgb(255, 255, 255);
    color: #999;
    padding-left: 50px;
}

.laborTask .listDragHandle, .discountLineItem .listDragHandle, .childLineItem .listDragHandle {
    display: none;
}

.laborTask .description, .discountLineItem .description, .childLineItem .description {
    padding-left: 15px;
    background: url(/pg/subtask.png) no-repeat;
}

.childItem .description {
    padding-left: 15px;
    background: url(/pg/subtask.png) no-repeat;
}

.listRow35:hover,
.listRowOdd35:hover,
.listRow35Hover,
.listRowOdd35Hover {
    background: rgb(240, 240, 240);
}

.listRowOver35 {
    background: url(/pg/list/background_over.png) left top repeat;
}

.listRowTotal35 {
    background-color: #e8e8e8;
    border: solid 1px #cfcfcf;
}

tr.selected,
tr.selected:hover {
    background-color: #fffce3;
}

/* FORM TABS ################################################################################################### */

.formTabPagesContainer {
    border: solid 1px #e0e0e0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
}

.formTabFormShow35,
.formTabFormHide35 {
    overflow: auto;
}


.formTabFormHide35 {
    display: none;
}

.formTabsContainer35 {
    float: left;
    margin: 4px 0 0 0;
    padding: 0;
}

.formTabs35 {
    float: left;
    border: 1px solid rgb(174, 193, 208);
    background-image: -webkit-linear-gradient(top, rgb(214, 223, 231), rgb(199, 212, 221));
    border-top: 1px solid #d1dae2;
    border-top-left-radius: 1px;
    border-top-right-radius: 2px;
}

.formTabs35 ul {
    padding: 0;
    margin: 0;
    text-align: center; /*set value to "left", "center", or "right"*/
}

.formTabs35 ul li.formTabNotSelected35 {
    float: left;
    height: 32px;
    display: inline;
    background: rgb(207, 217, 226) -webkit-linear-gradient(top, rgb(214, 223, 231), rgb(199, 212, 221));
    border-top: 1px solid rgb(224, 231, 237);
    border-right: 1px solid rgb(174, 193, 208);
    cursor: pointer;
}

.formTabs35 ul li.formTabHover35 {
    float: left;
    height: 32px;
    background-image: -webkit-linear-gradient(top, rgb(214, 223, 231), rgb(179, 196, 209));
    border-top: 1px solid rgb(224, 231, 237);
    border-right: 1px solid rgb(174, 193, 208);
    display: inline;
    cursor: pointer;
}

.formTabs35 ul li.formTabSelected35 {
    float: left;
    height: 32px;
    background: rgb(179, 196, 209) -webkit-linear-gradient(top, rgb(214, 223, 231), rgb(179, 196, 209)) repeat-x;
    display: inline;
    border-top: 1px solid rgb(224, 231, 237);
    border-right: 1px solid rgb(174, 193, 208);
}

/* creates triangle */
.formTabs35 ul li.formTabSelected35:after {
    content: "";
    position: relative;
    bottom: -33px; /* value = - border-top-width - border-bottom-width */
    margin: 0 auto;
    border-width: 6px 6px 0; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: rgb(179, 196, 209) transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}

.formTabs35 ul li p,
.formTabs35 ul li.formTabSelected35 p {
    vertical-align: center;
    float: left;
    font-size: 9.5pt;
    /*text-shadow: white 1px 1px, white 1px 1px;*/
    text-shadow: 0 1px 1px white;
    color: #737c94;
    margin: 0;
    padding: 0 18px 0 18px;
    line-height: 30px;
    background-color: transparent;
}

.formTabs35 ul li p {
}

.formTabs35 ul li.formTabSelected35 p {
}

.formTabsBase35 {
    float: left;
    background: transparent;
    height: 7px;
}

/* FORM LAYOUT ############################################################################## */

.formLabelModal {
    text-shadow: 0 1px 1px white;
    color: #757e95;
    padding-left: 4px;
    float: left;
    height: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 11px;
}

input, textarea, select, .input {
    color: #737c94;
    border-radius: 2px;
    border: 1px solid rgb(205, 209, 215);
}

input.active, textarea.active, select.active, .input.active {
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.15);
}

input.error, textarea.error, select.error, .input.error {
    border: solid 1px #dd0000;
}

input, textarea, select,
input.inputInside, textarea.inputInside, select.inputInside {
    padding: 4px;
}

input.inputInside, textarea.inputInside, select.inputInside {
    color: #737c94;
    border-radius: 0;
    border-width: 0;
}

p {
    margin: 0;
}

.formCellContainer35 {
    padding: 2px;
    /*background:red;*/
}

/* FIXES MCM-1216: IE8 bleeding issue*/
.formCellContainer35 textarea, .formCellContainer35 input, .formCellInside35 input, input {
    background-color: #fff;
}

.formCellContainer35 textarea:disabled, .formCellContainer35 input:disabled, .formCellInside35 input:disabled, input:disabled, textarea:disabled, select:disabled {
    background-color: #efefef;
    color: #999999;
}

.formCellReadonlyList {
    height: 146px;
    width: 400px;
    border-radius: 6px;
    border: solid 1px #dbe3e8;
    padding: 5px;
    overflow-y: auto;
}

.formCellTail35 {
}

.formSection35 {
    cursor: default;

    margin-top: 0;
    margin-bottom: 4px;

    text-align: left;
    height: 20px;
    white-space: nowrap;
    vertical-align: middle;

    background: #e8edf0;
    padding: 5px 0 3px 10px;
    color: #738796;

    font-size: 13px;
}

.formSection35.top {
    margin-top: 0;
    margin-bottom: 2px;
}

.formSection35.top.radius {
    border-radius: 4px;
    padding-left: 10px;
    box-sizing: border-box;
}

.formSubSection35 {
    cursor: default;

    margin-bottom: 5px;
    text-align: left;
    height: 16px;
    white-space: nowrap;
    vertical-align: middle;
    background: #bac9d5;
    padding: 3px 0 2px 4px;
    color: #ffffff;
    font-size: 12px;
    text-shadow: -1px -1px #a3bacc;
}

.formSubSection35.padtop {
    margin-top: 5px;
}


.formExtraLarge input,
.formExtraLarge p {
    font-size: 12pt;
    color: #565c6c;
}

.formLabel35 {
    margin: 0;
    color: #9ba1a7;
    font-size: 10pt;
}

.formLabelLarge {
    float: left;
    font-size: 12pt;
    font-weight: normal;
    color: rgb(86, 92, 108);
    padding: 10px;
}

.formCellInsideSmall35 p,
.formCellInsideSmall35 input,
.formCellInsideSmall35 textarea {
    font-size: 10pt;
    color: rgb(115, 124, 148);
}

.formCellInsideSmall35,
.formCellTail35 {
    font-size: 10pt;
    color: rgb(169, 174, 179);
}

.formCellTail35 {
    position: relative;
    top: 4px;
}

.formCellInside35 {
    padding: 0;
    font-size: 12pt;
    color: rgb(115, 124, 148);
    clear: both;
}

div.autoSuggestDropdownContainer35, span.autoSuggestDropdownContainer35 {
    background: transparent;
}

div.autoSuggestDropdownButton35, span.autoSuggestDropdownButton35 {
    width: 16px;
    height: 9px;
    margin-top: 6px;
    margin-left: 4px;
    background: url(/pg/arrow_small_down.png) top left no-repeat;
    cursor: pointer;
}


/* BREADCRUMBS ############################################################################## */
.breadCrumbHome35 {
    float: left;
    color: #737c94;
    height: 33px;
    width: 35px;
    line-height: 33px;
    padding: 0 12px 0 12px;
    cursor: pointer;
    overflow: hidden;
    background: rgb(233, 238, 244);
    border: 1px solid rgb(205, 209, 215);
    border-radius: 4px 0 0 4px;
}

.breadCrumb35 {
    text-shadow: 0 1px 1px white;
    float: left;
    color: #737c94;
    height: 33px;
    line-height: 33px;
    padding: 0 12px 0 12px;
    overflow: hidden;
    background: rgb(233, 238, 244);
    border: 1px solid rgb(205, 209, 215);
    border-left: 0;
    border-radius: 0 4px 4px 0;
}

/* ACTION/CONTEXT MENU BUTTONS ############################################################################## */
/* "Regular (non-modal) first */

.actionButtons {
    float: left;
    width: 100%;
    margin: 0;
    padding: 8px 8px 1px 8px;
    box-sizing: border-box;
}

.actionButtonsRight {
    float: right;
}

/* avoid ugly padding when the div is empty */
.actionButtons:empty {
    display: none;
}

.actionButton,
button.actionButton,
.actionButtonDisabled {
    float: left;
    cursor: default;
    overflow: hidden;

    font-size: 12pt;
    text-shadow: 0 1px 1px white;
    text-align: center;
    color: #737c94;

    height: 24px;
    line-height: 24px;

    padding: 0 10px 0 10px;

    background: #edeeef;
    border-radius: 3px;
    border: 1px solid rgb(184, 189, 195);
    background: -webkit-linear-gradient(top, #f0f0f1 0%, #e8ebec 50%, #e9eaea 50%, #e0e2e4 100%);
}

.actionButtons .action {
    margin-left: 4px;
}

.actionButtonsRight .action {
    margin-left: 4px;
    margin-right: 0;
}

.actionButton:not(.disabled):hover,
button.actionButton:not(.disabled):hover {
    color: #636c84;
    border: 1px solid rgb(159, 164, 181);
    box-shadow: 0 0 1px rgba(1, 1, 1, 0.1);
}

.actionButton:not(.disabled):active,
.actionButton:not(.disabled).active,
button.actionButton:not(.disabled):active,
button.actionButton:not(.disabled).active {
    text-shadow: 0 1px 1px white;
    color: #737c94;

    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.1);
    line-height: 26px;
}

.actionButtons > .action:first-of-type {
    margin-left: 0;
}

.actionButtonsRight > .action:first-of-type {
    margin-right: 0;
}

.actionButtonDisabled,
.actionButton.disabled {
    color: #d0d0d0;
}

.actionButton:hover {
    cursor: pointer;
}

.actionButtonDisabled:hover {
    cursor: auto;
}


.saveButton {
    cursor: default;
    background: rgb(15, 176, 233) -webkit-linear-gradient(top, rgb(15, 176, 233), rgb(14, 112, 176));
    color: white;
    border: 1px solid rgb(11, 74, 122);
    border-radius: 3px;
    padding: 0 24px 0 24px;
    margin: 0 4px 0 0;

    height: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

.saveButton,
.saveButtonAct,
.saveButtonActDisabled,
.saveButton span,
.saveButtonAct span,
.saveButtonActDisabled span,
.saveButtonActPrint span {
    color: #ffffff;
}

.saveButtonAct,
.saveButtonActPrint {
    cursor: default;
    background: #4498d2;
    border: 1px solid rgb(60, 117, 162);
    border-radius: 3px;
    padding: 0 28px 0 28px;
    height: 24px;
    line-height: 23px;
    display: inline-block;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.05), inset 0 0 1px 1px rgba(255, 255, 255, 0.1);
    background: -webkit-linear-gradient(top, #519fd5 0%, #4193cc 50%, #4293cc 50%, #3289c7 100%);
}

.saveButtonAct:hover,
.saveButtonActPrint:hover {
    border: 1px solid rgb(61, 117, 161);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    background: -webkit-linear-gradient(top, #67aada 0%, #4193cc 50%, #4293cc 50%, #3080bf 100%);
}

.saveButtonAct:active,
.saveButtonActPrint:active {
    cursor: default;
    background: #3289c7;
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    line-height: 24px;
}

.saveButtonActDisabled {
    background: rgb(233, 238, 244);
    border-radius: 4px;
    border: 1px solid rgb(206, 218, 236);

    padding: 0 24px 0 24px;
    margin: 0;

    height: 24px;
    line-height: 24px;
}

.saveButton:first-child,
.saveButtonAct:first-child,
.saveButtonActDisabled:first-child {
    margin: 0;
}

.actonButtonIcon {
    float: left;
    margin-top: 4px;
    margin-right: 8px;
    width: 16px;
    height: 16px;
}

.actionButton #contextButtonPrint,
.actionButton #contextButtonPrintArrow {
    margin-top: 6px;
    background: url(/pg/taskbar/print.png) no-repeat;
}

.actionButtonDisabled #contextButtonPrint,
.actionButtonDisabled #contextButtonPrintArrow {
    margin-top: 6px;
    background: url(/pg/taskbar/print-grayed.png) no-repeat;
}

/* QR CODES */
.actionButton #contextButtonPrintQR {
    margin-top: 6px;
    background: url(/pg/taskbar/qr.png) no-repeat;
}

.actionButtonDisabled #contextButtonPrintQR {
    margin-top: 6px;
    background: url(/pg/taskbar/qr-grayed.png) no-repeat;
}

/* QR CODES */
.actionButton #contextButtonPrintQR {
    margin-top: 6px;
    background: url(/pg/taskbar/qr.png) no-repeat;
}

.actionButtonDisabled #contextButtonPrintQR {
    margin-top: 6px;
    background: url(/pg/taskbar/qr-grayed.png) no-repeat;
}


.actionButton #contextButtonPrintList {
    margin-top: 5px;
    background: url(/pg/taskbar/print.png) no-repeat;
}

.actionButtonDisabled #contextButtonPrintList {
    margin-top: 5px;
    background: url(/pg/taskbar/print-grayed.png) no-repeat;
}

.actionButton #contextButtonImport {
    margin-top: 5px;
    background: url(/pg/taskbar/import.png) no-repeat;
}

.actionButtonDisabled #contextButtonImport {
    margin-top: 5px;
    background: url(/pg/taskbar/import-grayed.png) no-repeat;
}

.actionButton #contextButtonExport {
    margin-top: 5px;
    background: url(/pg/taskbar/export.png) no-repeat;
}

.actionButtonDisabled #contextButtonExport {
    margin-top: 5px;
    background: url(/pg/taskbar/export-grayed.png) no-repeat;
}


.actionButton #contextButtonSave {
    background: url(/pg/taskbar/save.png) no-repeat;
}

.actionButton #contextButtonClose {
    margin-top: 7px;
    background: url(/pg/taskbar/back.png) no-repeat;
}

.actionButtonDisabled #contextButtonClose {
    margin-top: 7px;
    background: url(/pg/taskbar/back-grayed.png) no-repeat;
}

.actionButton #contextButtonNext {
    margin-top: 7px;
    background: url(/pg/taskbar/next.png) no-repeat;
    width: 12px;
    margin-right: 0;
}

.actionButtonDisabled #contextButtonNext {
    margin-top: 7px;
    background: url(/pg/taskbar/next-grayed.png) no-repeat;
    width: 12px;
    margin-right: 0;
}

.actionButton #contextButtonPrev {
    margin-top: 7px;
    background: url(/pg/taskbar/back.png) no-repeat;
    width: 12px;
    margin-right: 0;
}


.actionButtonDisabled #contextButtonPrev {
    margin-top: 7px;
    background: url(/pg/taskbar/back-grayed.png) no-repeat;
    width: 12px;
    margin-right: 0;
}

.actionButton #contextButtonCreateWO {
    margin-top: 3px;
    background: url(/pg/taskbar/generate-work-order.png) no-repeat;
}

.actionButton #contextButtonCreateSM {
    margin-top: 4px;
    background: url(/pg/taskbar/generate-scheduled-maintenance.png) no-repeat;
}

.actionButtonDisabled #contextButtonCreateSM {
    background: url(/pg/taskbar/generate-scheduled-maintenance-grayed.png) no-repeat;
}


.actionButton #contextButtonDelete {
    background: url(/pg/taskbar/trash.png?a) no-repeat;
}

.actionButtonDisabled #contextButtonDelete {
    background: url(/pg/taskbar/trash-grayed.png) no-repeat;
}

.actionButton #contextButtonAdd,
.actionButton #contextButtonNew {
    margin-top: 7px;
    background: url(/pg/taskbar/new.png) no-repeat;
}

.actionButtonDisabled #contextButtonAdd,
.actionButtonDisabled #contextButtonNew {
    margin-top: 7px;
    background: url(/pg/taskbar/new-grayed.png) no-repeat;
}

.actionButton #contextButtonRun {
    background: url(/pg/run-report.png) no-repeat;
}

.actionButtonDisabled #contextButtonRun {
    background: url(/pg/run-report-grayed.png) no-repeat;
}

.actionButton #contextButtonSendMsg,
.actionButtonDisabled #contextButtonSendMsg {
}

.actionButton #contextButtonReply {
    margin-top: 6px;
    background: url(/pg/messaging/reply.png) no-repeat;
}

.actionButtonDisabled #contextButtonReply {
    margin-top: 6px;
    background: url(/pg/messaging/reply-grayed.png) no-repeat;
}

.actionButton #contextButtonReplyAll {
    margin-top: 6px;
    background: url(/pg/messaging/reply-all.png) no-repeat;
}

.actionButtonDisabled #contextButtonReplyAll {
    margin-top: 6px;
    background: url(/pg/messaging/reply-all-grayed.png) no-repeat;
}

.actionButton #contextButtonForward {
    margin-top: 6px;
    background: url(/pg/messaging/forward.png) no-repeat;
}

.actionButtonDisabled #contextButtonForward {
    margin-top: 6px;
    background: url(/pg/messaging/forward-grayed.png) no-repeat;
}

.cbMenu35 {
    font-size: 12pt;
    text-shadow: 0 1px 1px white;
    color: #737c94;

    background: rgb(233, 238, 244);
    border-radius: 4px;
    border: 1px solid rgb(205, 209, 215);
}

.cbMenuItem35 {
    padding: 0 8px 0 8px;
    text-align: left;
    text-shadow: 0 1px 1px white;
    cursor: pointer;
}

.cbMenuItem35:hover {
    background: rgb(30, 30, 30);
    text-shadow: none;
}


/* _______________ LIST ICONS */

.fa.listActionButton {
    font-size: 14px;
    padding: 3px 5px;
    text-align: center;
}

.listActionButton:hover {
    color: #2993c6;
    background: #edf0f3;
}

.iconsListRunning35 {
    width: 16px;
    height: 10px;
    background: url(/pg/special/running-small.png) bottom left no-repeat;
    padding: 0 0 0 16px;
    margin: 4px 0 0 0;
}

.iconsListPaused35 {
    width: 16px;
    height: 10px;
    background: url(/pg/special/paused-small.png) bottom left no-repeat;
    padding: 0 0 0 16px;
    margin: 4px 0 0 0;
}

.iconsListScheduled {
    width: 16px;
    height: 10px;
    background: url(/pg/crm/icons/scheduled-sp.png) bottom left no-repeat;
    padding: 0 0 0 16px;
    margin: 4px 0 0 0;
}

/* report list icons */
.iconsListDesignerReport35 {
    width: 16px;
    height: 16px;
    background: url(/pg/reports/designer_report.png) bottom left no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 16px;
    margin-top: -4px;
}

.iconsListDesignerDashboardMetric35 {
    width: 16px;
    height: 16px;
    background: url(/pg/reports/designer_dashboard_metric.png) bottom left no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 16px;
    margin-top: -4px;
}

.iconsListDesignerDashboardGraph35 {
    width: 16px;
    height: 16px;
    background: url(/pg/reports/designer_dashboard_graph_2.png) bottom left no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 16px;
    margin-top: -4px;
}

.iconsListJasperReport35 {
    width: 16px;
    height: 16px;
    background: url(/pg/reports/jasper_report.png) bottom left no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 16px;
    margin-top: -4px;
}


.iconsListFavouriteOff35 {
    background: url('/pg/list/favourite_off_2.png') top left no-repeat;
    width: 16px;
    height: 16px;
    margin: 1px 0 0 0;
}

.iconsListFavouriteOff35:hover {
    background: url('/pg/list/favourite_off.png') top left no-repeat;
    width: 16px;
    height: 16px;
    margin: 1px 0 0 0;
}

.iconsListFavouriteOn35 {
    background: url('/pg/list/favourite_on.png') top left no-repeat;
    width: 16px;
    height: 16px;
    margin: 1px 0 0 0;
}


/*** Timeline ################################################################### ***/
.timeline-icon:before {
    font-weight: normal;
    font-size: 11px;
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
}

.timeline-icon-CommentEvent:before {
    content: '\f0e5';
    color: #4a831f;
}

.timeline-icon-StatusChangeEvent:before {
    content: '\f07e';
    color: red;
}

.timeline-icon-WorkOrderStatusChangeEvent:before {
    content: '\f07e';
    color: orange;
}

.timeline-icon-LoginEvent:before {
    content: '\f084';
    color: blue;
    font-size: 13px;
}

.timeline-icon-CreatedEvent:before {
    content: '\f055';
    color: #2993c6;
    font-size: 13px;
}


.timeline-comment {
    border-left: solid 1px #bdbdbd;
    border-radius: 0;
    background-color: #ececec;
    padding: 4px;
    color: #232220;
    font-size: 12px;
    margin-top: 5px;
}

.timeline-status {
    font-size: 8pt;
    line-height: 15px;
    color: #4b4b4b;
    font-weight: bold;
}

.timeline-icon {
    color: #7e91a0;
    text-shadow: 1px 1px white;
    border: solid 1px #919ca5;
    padding: 5px;
    margin: 6px;
    border-radius: 3px;
    font-size: 14px;
    opacity: 0.7;
    z-index: 1;
    float: right;
}

/* NOTIFICATION VIEW PORT ################################################################### */
.notificationViewPort {
    width: 130px;
    overflow: hidden;
}

.notificationViewPort .notificationTop {
    float: left;
    margin: 0;
    padding: 0;
    width: 130px;
    height: 6px;
    background: url(/pg/notification/userNotification/notification_top.png) top left no-repeat;
}

.notificationViewPort .notificationBody {
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
    width: 129px;
    height: 69px;
    background: url(/pg/notification/userNotification/notification_background.png) top left repeat-x;
    border-right: solid 1px #004fa1;
    border-bottom: solid 1px #004fa1;
}

.notificationBody .notificationHeader {
    float: left;
    background: url(/pg/notification/userNotification/list_mcentre_newmessage.gif) top left no-repeat;
    padding: 0 0 0 18px;
    margin: 3px 0 0 2px;
}

.notificationBody .notificationHeader p {
    font-family: arial;
    color: #000000;
    font-size: 9px;
    margin: 0;
    padding: 0;
}

.notificationBody p.name {
    font-family: arial;
    color: #000000;
    font-size: 9px;
    margin: 2px 0 0 0;
    padding: 2px 2px 2px 2px;
}

.notificationBody p.subject {
    font-family: arial;
    color: #666666;
    font-size: 9px;
    margin: 0 2px 2px 2px;
    padding: 0;
}

.notificationViewPort .notificationBody .separator {
    float: left;
    clear: left;
    margin: 2px;
    padding: 0;
    width: 125px;
    height: 2px;
    background: url(/pg/notification/userNotification/seperator.png) top left no-repeat;
}


/* FORM NOTICE BOXES #############################################################################*/
.formNoticeLargeForm {
    float: left;
    margin: 0 0 10px 0;
    text-shadow: 1px 1px #ffffff;
    width: 100%;
}

.formNoticeLargeForm .formNoticeContent {
    float: left;
    margin: 10px 5px 10px 5px;
    padding: 0;
    width: 85%;
    font-size: 10pt;
}

.formNoticeLargeForm p {
    float: left;
    font-size: 10pt;
}

.formNoticeLargeForm p.formNoticeHeader {
    margin: 0;
    font-weight: bold;
    font-size: 16px;
}

.formNoticeLargeForm ul {
    float: left;
    clear: left;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
}

.formNoticeLargeForm .formNoticeError .noticeError {
    float: left;
    margin: 8px 0 5px 10px;
    padding: 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.formNoticePopup .formNoticeError .noticeError {
    float: left;
    margin: 7px 0 5px 10px;
    padding: 0;
    font-size: 14px;
}

.formNoticeLargeForm .formNoticeError,
.formNoticeError .noticeError {
    color: #ca4d4d;
}

.formNoticeLargeForm .formNoticeWarning .noticeWarning:before {
    float: left;
    margin: 8px 0 5px 10px;
    padding: 0;
    width: 22px;
    height: 20px;
    font-size: 20px;
}

.formNoticePopup .formNoticeWarning .noticeWarning:before {
    float: left;
    margin: 7px 0 5px 10px;
    padding: 0;
    font-size: 14px;
}

.formNoticeLargeForm .formNoticeWarning,
.formNoticeWarning .noticeWarning {
    color: #b6873e;
}

.formNoticeLargeForm .formNoticeInfo .noticeInfo:before {
    float: left;
    margin: 8px 0 5px 10px;
    padding: 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.formNoticePopup .formNoticeInfo .noticeInfo:before {
    float: left;
    margin: 7px 0 5px 10px;
    padding: 0;
    font-size: 14px;
}

.formNoticeLargeForm .formNoticeInfo,
.formNoticeInfo .noticeInfo:before {
    color: rgb(68, 125, 165);
}

.formNoticeLargeForm .formNoticeSuccess .noticeSuccess:before {
    float: left;
    margin: 8px 0 5px 10px;
    padding: 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.formNoticePopup .formNoticeSuccess .noticeSuccess:before {
    float: left;
    margin: 7px 0 5px 10px;
    padding: 0;
    font-size: 14px;
}

.formNoticeLargeForm .formNoticeSuccess,
.formNoticeSuccess .noticeSuccess:before {
    color: #368b3a;
}


.formNoticePopup {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    box-shadow: inset 1px 1px rgb(229, 229, 229), 0 1px #dddddd;
    max-height: 100px;
    overflow: auto;
    color: #545454;
}

.formNoticeError {
    float: left;
    border-bottom: 2px solid #e4d5d5;
    background: #fdf0f0;
    width: 100%;
}

.formNoticeWarning {
    float: left;
    border-bottom: 2px solid #f2e1c7;
    background: #fffee9;
    width: 100%;
}

.formNoticeInfo {
    float: left;
    border-bottom: 2px solid rgb(203, 215, 223);;
    background: #f5f8fa;
    width: 100%;
}

.formNoticeSuccess {
    float: left;
    border-bottom: 2px solid #c3dfc4;
    background: #eefcef;
    width: 100%;
}

.formNoticePopup .formNoticeContent {
    float: left;
    margin: 6px;
    padding: 0;
    width: 87%;

}

.formNoticePopup p {
    float: left;
}

.formNoticePopup p.formNoticeHeader {
    padding: 0 0 4px 0;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
}

.formNoticeError .noticeError:before {
    font-family: 'FontAwesome';
    float: left;
    content: "\f06a";
}

.formNoticeWarning .noticeWarning:before {
    font-family: 'FontAwesome';
    float: left;
    content: "\f071";
}

.formNoticeInfo .noticeInfo:before {
    font-family: 'FontAwesome';
    float: left;
    content: "\f05a";
}

.formNoticeSuccess .noticeSuccess:before {
    font-family: 'FontAwesome';
    float: left;
    content: "\f058";
}

.columnError {
    color: #ca4d4d;
    margin-top: 0;
    padding-top: 0;
    position: inherit;
}

/* CREATE NEW ENTITY ##################################################################################################################  */
.GenericTypeSelectMainContainer {
    float: left;
    width: 510px;
    margin: 0;
    padding: 0;
}

.GenericTypeSelectContainer {
    float: left;
    width: 450px;
    padding: 30px;
    margin: 0;
}

.GenericTypeSelectContainer .GenericItemContainer {
    float: left;
    cursor: pointer;
    width: 198px;
    height: 75px;
    background: url(/pg/asset/select_asset_type_background.png) top left no-repeat;
    padding-left: 15px;
    margin: 5px;
}

.GenericTypeSelectContainer .GenericItemContainer p {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    padding: 20px 0 0 10px;
    height: 45px;
    text-align: left;
}


/* REPORTS */
.GenericTypeIcon {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    float: left;
    margin: 16px 12px 0 0;
}

.iconReportsDesignerReport {
    background: url("/pg/reports/report_designer.png");
    background-size: 48px 48px;
}

.iconReportsJasperPackage {
    background: url("/pg/reports/jasper_icon.png");
    background-size: 48px 48px;
}

.iconReportsDashboardReport {
    background: url("/pg/reports/dashboard_chart.png");
    background-size: 48px 48px;
}

.iconReportsDashboardMetric {
    background: url("/pg/reports/dashboard_metric.png");
    background-size: 48px 48px;
}


/* CREAT NEW LOCALIZATION ##################################################################################################################  */
.LocalizationTypeSelectMiainContainer {
    float: left;
    width: 510px;
    margin: 0;
    padding: 0;
}

.LocalizationTypeSelectContainer {
    float: left;
    width: 450px;
    padding: 30px;
    margin: 0;
}

.LocalizationTypeSelectContainer .LocalizationItemContainer {
    float: left;
    cursor: pointer;
    width: 198px;
    height: 75px;
    background: url(/pg/asset/select_asset_type_background.png) top left no-repeat;
    padding-left: 15px;
    margin: 5px;
}

.LocalizationTypeSelectContainer .LocalizationItemContainer p {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    padding: 20px 0 0 10px;
    height: 45px;
    text-align: left;
}

.LocalizationTypeSelectContainer .LocalizationItemContainer .RootLocalization {

    float: left;
    background: url(/pg/localization/root-localization-48.png) top left no-repeat;
    width: 48px;
    height: 48px;
    margin: 10px;
}

.LocalizationTypeSelectContainer .LocalizationItemContainer .PrivateLocalization {
    float: left;
    background: url(/pg/localization/private-localization-48.png) top left no-repeat;
    width: 48px;
    height: 48px;
    margin: 10px;
}


/* CREATE NEW INTEGRATION ########################################################################################################### */

.IntegrationTypeSelectContainer {
    float: left;
    width: 450px;
    padding: 30px;
    margin: 0;
}

.IntegrationTypeSelectContainer .IntegrationItemContainer {
    float: left;
    cursor: pointer;
    width: 198px;
    height: 75px;
    background: url(/pg/integration/select_integration_type_background.png) top left no-repeat;
    padding-left: 15px;
    margin: 5px;
}

.IntegrationTypeSelectContainer .IntegrationItemContainer p {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    width: 100%;
    padding-top: 5px;
}

.IntegrationTypeSelectContainer .IntegrationItemContainer p {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    padding: 20px 0 0 10px;
    height: 45px;
    width: 100px;
    text-align: left;
}

.IntegrationTypeSelectContainer .IntegrationItemContainer p.single {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    padding: 30px 0 0 10px;
    height: 45px;
    width: 100px;
    text-align: left;
}

.IntegrationTypeSelectContainer .IntegrationItemContainer .Netsuite {
    float: left;
    background: url(/pg/integration/netsuite-48.png) top left no-repeat;
    width: 48px;
    height: 48px;
    margin: 15px 10px 10px 10px;
}

/* WORKFLOW LIST ICONS  ########################################################################################################### */

.wf_type_multi_action {
    float: left;
    background: url(/pg/workflow/multi-action.png) top left no-repeat;
    margin: 3px;
    padding: 0;
    width: 12px;
    height: 12px;
}

.wf_type_none {
    float: left;
    background: url(/pg/workflow/none.png) top left no-repeat;
    margin: 3px;
    padding: 0;
    width: 12px;
    height: 12px;
}

/* notification */
.wf_type_1000 {
    float: left;
    background: url(/pg/workflow/notification.png) top left no-repeat;
    margin: 3px;
    padding: 0;
    width: 12px;
    height: 12px;
}

/* update column */
.wf_type_1002 {
    float: left;
    background: url(/pg/workflow/update_record.png) top left no-repeat;
    margin: 3px;
    padding: 0;
    width: 12px;
    height: 12px;
}

/* IF ELSE */
.wf_type_1004 {
    float: left;
    background: url(/pg/workflow/if_else.png) top left no-repeat;
    margin: 3px;
    padding: 0;
    width: 12px;
    height: 12px;
}

/* FOR LOOP */
.wf_type_1005 {
    float: left;
    background: url(/pg/workflow/loop.png) top left no-repeat;
    margin: 3px;
    padding: 0;
    width: 12px;
    height: 12px;
}

/* SEND REPORT */
.wf_type_1003 {
    float: left;
    background: url(/pg/workflow/report.png) top left no-repeat;
    margin: 3px;
    padding: 0;
    width: 12px;
    height: 12px;
}

/* INTEGRATION */
.wf_type_1006 {
    float: left;
    background: url(/pg/workflow/multi-action.png) top left no-repeat;
    margin: 3px;
    padding: 0;
    width: 12px;
    height: 12px;
}


/* CREATE NEW Workflow ########################################################################################################### */

.WorkflowTypeSelectContainer {
    float: left;
    width: 450px;
    padding: 30px;
    margin: 0;
}

.WorkflowTypeSelectContainer .WorkflowItemContainer {
    float: left;
    cursor: pointer;
    width: 198px;
    height: 75px;
    background: url(/pg/integration/select_integration_type_background.png) top left no-repeat;
    padding-left: 15px;
    margin: 5px;
}

.WorkflowTypeSelectContainer .WorkflowItemContainer p {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    width: 100%;
    padding-top: 5px;
}

.WorkflowTypeSelectContainer .WorkflowItemContainer p {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    padding: 20px 0 0 10px;
    height: 45px;
    width: 100px;
    text-align: left;
}

.WorkflowTypeSelectContainer .WorkflowItemContainer p.single {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    padding: 30px 0 0 10px;
    height: 45px;
    width: 100px;
    text-align: left;
}

.WorkflowTypeSelectContainer .WorkflowItemContainer .Netsuite {

    float: left;
    background: url(/pg/integration/netsuite-48.png) top left no-repeat;
    width: 48px;
    height: 48px;
    margin: 15px 10px 10px 10px;
}


/* CREAT NEW ASSET ##################################################################################################################  */
.AssetTypeSelectMiainContainer {
    float: left;
    width: 510px;
    margin: 0;
    padding: 0;
}

.AssetTypeSelectContainer {
    float: left;
    width: 450px;
    padding: 30px;
    margin: 0;
}

.AssetTypeSelectContainer .AssetItemContainer {
    float: left;
    cursor: pointer;
    width: 198px;
    height: 75px;
    background: url(/pg/asset/select_asset_type_background.png) top left no-repeat;
    padding-left: 15px;
    margin: 5px;
}

.AssetTypeSelectContainer .AssetItemContainerPro {
    background: url(/pg/asset/select_asset_type_background_pro.png) top left no-repeat;
}

.AssetTypeSelectContainer .ImportItemContainer {
    float: left;
    cursor: pointer;
    width: 198px;
    height: 20px;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
    border: 1px solid #cccccc;
    margin: 5px;
}

.AssetTypeSelectContainer .ImportItemContainer p {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    width: 100%;
    padding-top: 5px;
}

.AssetTypeSelectContainer .AssetItemContainer p {
    float: left;
    font-size: 12px;
    color: #757575;
    font-weight: bold;
    padding: 20px 0 0 10px;
    height: 45px;
    text-align: left;
}

.AssetTypeSelectContainer .AssetItemContainer .LocationsFacilities {

    float: left;
    background: url(/pg/asset/facilities-48.png) top left no-repeat;
    width: 48px;
    height: 48px;
    margin: 10px;
}

.BetaTag {
    float: right;
    background: url(/pg/beta_tag.png) top left no-repeat;
    width: 43px;
    height: 17px;
    margin-right: 60px;
}

.NewTag {
    background: #EBEBFF;
    margin: 0 0 0 5px;
    color: #2C2C2C;
    padding: 1px 6px;
    border-radius: 3px;
    font-weight: bold;
}

.NewTag::before {
    content: 'NEW';
}

.AssetTypeSelectContainer .AssetItemContainer .Equipment {
    float: left;
    background: url(/pg/asset/equipment-48.png) top left no-repeat;
    width: 48px;
    height: 48px;
    margin: 10px;
}

.AssetTypeSelectContainer .AssetItemContainer .Tools {
    float: left;
    background: url(/pg/asset/tools-48.png) top left no-repeat;
    width: 48px;
    height: 48px;
    margin: 13px 10px 10px 10px;
}

.AssetTypeSelectContainer .AssetItemContainer .PartsSupplies {
    float: left;
    background: url(/pg/asset/parts-48.png) top left no-repeat;
    width: 48px;
    height: 48px;
    margin: 10px;
}

.AssetTypeSelectContainer .AssetItemContainer .Regions {
    float: left;
    background: url(/pg/asset/regions-48.png) top left no-repeat;
    width: 48px;
    height: 48px;
    margin: 10px;
}


/* ICONS LIST HEADERS */
.iconsListHeaderEdit,
.iconsListHeaderNotifyOnCreated,
.iconsListHeaderNotifyOnStatusChanged,
.iconsListHeaderNotifyOnCompleted,
.iconsListHeaderNotifyOnTaskCompleted,
.iconsListHeaderNotifyOnOnlineOffline {

    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
}

.iconsListHeaderEdit {
    background: url(/pg/notification/update.png) top left no-repeat;
}

.iconsListHeaderNotifyOnCreated {
    background: url(/pg/notification/assignment.png) top left no-repeat;
}

.iconsListHeaderNotifyOnStatusChanged {
    background: url(/pg/notification/change.png) top left no-repeat;
}

.iconsListHeaderNotifyOnCompleted {
    background: url(/pg/notification/completion.png) top left no-repeat;
}

.iconsListHeaderNotifyOnTaskCompleted {
    background: url(/pg/notification/task-completion.png) top left no-repeat;
}

.iconsListHeaderNotifyOnOnlineOffline {
    background: url(/pg/notification/online.png) top left no-repeat;
}

/* ############################### */
.iconsCalendar35 {
    width: 16px;
    height: 16px;
    background: url(/pg/icons/form_calendar.gif) top left no-repeat;
    padding: 0;
    margin: 0;
    border: solid 2px #ffffff;
}


/* This is for IE, leave at the bottom */
input[type='checkbox'] {
    margin-top: 6px;
    border: none;
}

input[type='radio'] {
    margin-top: 5px;
    border: none;
}


/*###############################################################*/
/* The main calendar widget.  DIV containing a table. */
/*###############################################################*/

div.calendar {
    position: relative;
}

.calendar, .calendar table {
    border: 1px solid #556;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #eef;
    font-family: tahoma, verdana, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
    text-align: center; /* They are the navigation buttons */
    padding: 2px; /* Make the buttons seem like they're pressing */
}

.calendar .nav {
    background: #778 url(/js/jscalendar/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
    font-weight: bold; /* Pressing it will take you to the current date */
    text-align: center;
    background: #fff;
    color: #000;
    padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
    background: #778;
    color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
    background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
    border-bottom: 1px solid #556;
    padding: 2px;
    text-align: center;
    color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
    color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
    background-color: #aaf;
    color: #000;
    border: 1px solid #04f;
    padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
    background-color: #77c;
    padding: 2px 0 0 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
    width: 2em;
    color: #456;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #bbb;
}

.calendar tbody .day.othermonth.oweekend {
    color: #fbb;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000;
    background: #bdf;
}

.calendar tbody .rowhilite td {
    background: #def;
}

.calendar tbody .rowhilite td.wn {
    background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
    background: #def;
    padding: 1px 3px 1px 1px;
    border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
    background: #cde;
    padding: 2px 2px 0 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
    font-weight: bold;
    border: 1px solid #000;
    padding: 1px 3px 1px 1px;
    background: #fff;
    color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
    color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
    font-weight: bold;
    color: #00f;
}

.calendar tbody .disabled {
    color: #999;
}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
    visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
    display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
    text-align: center;
    background: #556;
    color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
    background: #fff;
    color: #445;
    border-top: 1px solid #556;
    padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
    background: #aaf;
    border: 1px solid #04f;
    color: #000;
    padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
    background: #77c;
    padding: 2px 0 0 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 4em;
    cursor: default;
    border: 1px solid #655;
    background: #def;
    color: #000;
    font-size: 90%;
    z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .hilite {
    background: #acf;
}

.calendar .combo .active {
    border-top: 1px solid #46a;
    border-bottom: 1px solid #46a;
    background: #eef;
    font-weight: bold;
}

.calendar td.time {
    border-top: 1px solid #000;
    padding: 1px 0;
    text-align: center;
    background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
    padding: 0 3px 0 4px;
    border: 1px solid #889;
    font-weight: bold;
    background-color: #fff;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0 2px 0 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: #667;
    color: #fff;
}

.calendar td.time span.active {
    border-color: #f00;
    background-color: #000;
    color: #0f0;
}

/* Autosuggest Select Box ########################################################################################################## */

div.autoSuggestDropdownContainer {
    float: left;
    display: inline;
    height: 16px;
    border: 0;
    margin: 0 0 0 8px;
    padding: 0;
}

div.autoSuggestDropdownContainer input {
    border: solid 1px #7f9db9;
    border-right: 0;
    float: left;
    height: 14px;
    margin: 0;
    padding: 2px;
    width: 281px;
    color: #333333;
    font: 11px Arial, Verdana, sans-serif;
}


div.autoSuggestDropdownContainer div.autoSuggestDropdownButtonContainer {
    float: left;
    height: 18px;
    width: 17px;
    border: solid 1px #7f9db9;
    border-left: 0;
    background: #ffffff;
}


div.autosuggest {
    position: absolute;
    padding: 0;
    border-right: solid 1px #7f9db9;
    border-bottom: solid 1px #7f9db9;
    border-left: solid 1px #7f9db9;
    border-top: solid 1px #c3d4e4;

}

div.autosuggest.top {
    border-bottom: solid 1px #c3d4e4;
    border-right: solid 1px #7f9db9;
    border-top: solid 1px #7f9db9;
    border-left: solid 1px #7f9db9;
}

div.autosuggest div.autosuggestlist {
    max-height: 250px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

div.autosuggestlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #eeeeee;
}

div.autosuggestlist ul li {
    color: #333;
    padding: 0;
    margin: 0 1px 1px 2px;
    text-align: left;
    overflow: hidden;
}


div.autosuggestlist ul li a {
    float: left;
    color: #333;
    display: block;
    text-decoration: none;
    background-color: transparent;
    position: relative;
    padding: 0;
    width: 100%;
}

div.autosuggestlist ul li a div {
    display: block;
    padding: 0 6px 6px 18px;
}

div.autosuggestlist ul li a:hover {
    background-color: #999;
}

div.autosuggestlist ul li.as_highlight a:hover {
    background-color: #39a9ff;
}

div.autosuggestlist ul li a span {
    display: block;
    padding: 3px 6px;
    font-weight: bold;
    width: 400px;
}

div.autosuggestlist ul li a span small {
    font-weight: normal;
    color: #999;
}

div.autosuggestlist ul li.as_highlight a span small {
    color: #ccc;
}

div.autosuggestlist ul li.as_highlight a {
    color: #fff;
    background-color: #39a9ff;
}

div.autosuggestlist ul li.as_highlight a span {
}

div.autosuggestlist ul li a .tl,
div.autosuggestlist ul li a .tr {
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
}

div.autosuggestlist ul li a .tr {
    right: 0;
}

div.autosuggestlist ul li.as_highlight a .tl {
    left: 0;
}

div.autosuggestlist ul li.as_highlight a .tr {
    right: 0;
}


div.autosuggestlist ul li.as_warning {
    font-weight: bold;
    text-align: center;
}

div.autosuggestlist ul em {
    font-style: normal;
    color: #0067c6;
}

div.autosuggest div.footer_paging_container {
    background: #dedede;
    height: 18px;
    width: 100%;
}

div.autosuggest div.footer_paging_container p {
    float: right;
    padding: 2px 4px 2px 0;
    margin: 0;
    background: transparent;
}

div.autosuggest div.footer_paging_container div.iconsNextSmall {
    float: right;
    cursor: pointer;
}

div.autosuggest div.footer_paging_container div.iconsBackSmall {
    float: right;
    cursor: pointer;
}

div.autosuggest div.footer_paging_container div.iconsBackSmall {
    float: right;
    cursor: pointer;
}


/* AUTO SUGGEST MULTI CONTAINER */
div.autoSuggestMultiContainer {
    float: left;
    margin: 3px 0 5px 8px;
    background: #f3f6f9;
    border: solid 1px #7f9db9;
    border-top: solid 1px #abc2d7;
    cursor: default;
}

div.autoSuggestMultiContainer div.multiContainerItem {
    float: left;
    margin: 2px 0 2px 2px;
    padding: 2px;
    border: solid 1px #abc2d7;
    background: #ebf1f6;
}

div.autoSuggestMultiContainer div.multiContainerItem p {
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
}

div.autoSuggestMultiContainer div.multiContainerItem div.removeButton {
    float: left;
    width: 7px;
    height: 7px;
    background: url(/pg/icons/form_multi_select_del.gif) top left no-repeat;
    margin: 4px 2px 4px 4px;
    cursor: pointer;
}

div.autoSuggestMultiContainer div.multiContainerItem div.removeButtonOn {
    float: left;
    width: 7px;
    height: 7px;
    background: url(/pg/icons/form_multi_select_del_on.gif) top left no-repeat;
    margin: 4px 2px 4px 4px;
    cursor: pointer;
}


/* HIERARCHY ITEMS */
.listILine {
    float: left;
    width: 15px;
    padding-left: 6px;
    padding-right: 2px;
    height: 20px;
    background: none;
}

.listTLine,
.listLLine {
    float: left;
    margin: 6px 4px 0 4px;
    width: 7px;
    height: 7px;
    background: url(/pg/list/indent.png) top right no-repeat;
}


/* HELP PAGE CONTENT */

.helpSection.help {
    margin: 0 0;
}

.helpSection.help .info {
    margin: 5px 30px;
    float: left;
    clear: both;
}

.helpSection.help img.icon {
    float: left;
    margin-right: 70px;
}

.helpSection.help .text {
    float: left;
    width: 550px;
    padding-top: 15px;
}

.helpSection.help .text .title {
    color: #474646;
    font-size: 20px;
    text-decoration: none;
    line-height: 15px;
    display: block;
    margin-bottom: 9px;
}

.helpSection.help .text a.title {
    color: #3b8fcf;
    font-size: 20px;
    text-decoration: none;
    line-height: 15px;
    display: block;
    margin-bottom: 9px;
}

.helpSection.help .text a:visited.title {
    color: #3b8fcf;
    text-decoration: none;
}

.helpSection.help .text a:hover.title {
    color: #3b8fcf;
    text-decoration: underline;
}

.helpSection.help .text p {
    color: #777;
    line-height: 20px;
    font-size: 14px;
}


/* DASHBOARD */
.dashboardContainer {
    width: 330px;
}

.smallScreen .dashboardContainer {
    width: 290px;
}

.dashboard {
}

.dashboard .widget {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-width: 120px;
    max-width: 120px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    padding: 12px 10px;
    min-height: 90px;
    background-color: #f4f4f5;
    color: #505050;
    text-align: center;
    float: left;
    margin: 15px 0 0 15px;
    overflow: hidden;
}

.smallScreen .dashboard .widget {
    min-width: 100px;
    max-width: 100px;
}

.dashboard .widget .metric,
.dashboard .widget .metric span.units,
.dashboard .widget .date-range {
    vertical-align: baseline;
    font-family: Arial !important;
    color: #646464;
    font-weight: bold;
}

.dashboard .widget span,
.dashboard .widget a {
    vertical-align: baseline;
    font-family: Arial !important;
    font-size: 12px;
    max-width: 50px;
}

.dashboard .widget a {
    color: #3ba2cf;
    text-decoration: underline;
}

.dashboard .widget .metric {
    font-size: 50px;
}

.smallScreen .dashboard .widget .metric {
    font-size: 40px;
}

.dashboard .widget .metric.small {
    font-size: 30px;
    line-height: 58.63px;
}

.smallScreen .dashboard .widget .metric.small {
    font-size: 32px;
}

.dashboard .widget .metric.green {
    color: #4a831f;
}

.dashboard .widget .metric.red {
    color: #9b2323;
}

.dashboard .widget .metric span.units {
    font-size: 22px;
    color: inherit;
    margin-right: -15px;
}

.dashboard .widget .metric.small span.units {
    font-size: 16px;
    line-height: 25.76px;
}

.dashboard .widget .date-range {
    font-size: 11px;
    font-weight: bold;
}

.dashboard .widget a.date-range {
    font-size: 11px;
    font-weight: normal;
    color: #3ba2cf;
}

.dashboard .widget a.arrow-left {
    background: url(/pg/dashboard/arrows.png) no-repeat 0 8px;
    padding: 3px 0 2px 5px;
    margin-right: 15px;
}

.dashboard .widget a.arrow-right {
    background: url(/pg/dashboard/arrows.png) no-repeat -5px 8px;
    padding: 3px 0 2px 5px;
    margin-left: 15px;
}

/* ******** INTRO SCREEN FOR LISTS */
.introScreen {
    margin: 0;
    overflow: auto;
}

.introScreen img.icon {
    float: left;
    margin-right: 70px;
}

.introScreen .text {
    float: left;
    width: 450px;
}

.introScreen h3 {
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 17px;
    font-weight: 600;
}

.introScreen p {
    color: #888;
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 15px;
}

.introScreen .info {
    min-height: 230px;
    padding: 20px;
}

.introScreen img.data {
    float: left;
    margin: 5px 0 0 0;
    clear: both;
}

.introScreen a:visited {
    color: #216fcf;
}

.introScreen a {
    color: #216fcf;
}

.introScreen a.create {
    cursor: pointer;
    background: transparent url(/pg/intro-screen/images/button-create.png) no-repeat 0 0;
    display: block;
    float: left;
    text-decoration: none;
    color: #2a87bc;
    height: 32px;
    margin: 20px 0;

    /* padding, margins and other styles here */
}

.introScreen a.create span {
    background: transparent url(/pg/intro-screen/images/button-create.png) no-repeat right 0;
    display: inline-block;
    font-size: 14px;
    margin: 0 -20px 0 35px;
    padding: 7px 20px 7px 0;
    color: #666;
}


.assetMiniBox {
    float: left;
    text-align: center;
    background: #f4f4f5;
    border-radius: 4px;
    min-height: 140px;
    min-width: 125px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.assetMiniBox div.online {
    clear: both;
    text-align: center;
    padding: 0;
    color: #ffffff;
    font-size: 10px;
    background: #45ab3e;
}

.assetMiniBox div.offline {
    clear: both;
    text-align: center;
    padding: 0;
    color: #ffffff;
    font-weight: bold;
    background: #bb4343;
}

.assetMiniBox div.setOffline {
    float: left;
    text-align: center;
    padding: 0 0 0 4px;
}

.assetMiniBox div.setOffline a {
    font-size: 10px;
    font-weight: bold;
    color: #7a7a7a;
}

.assetMiniBox div.setChange {
    float: right;
    text-align: center;
    padding: 0 4px 0 0;

}

.assetMiniBox div.setChange a {
    font-size: 9px;
    padding: 0;
    margin: 0;
    line-height: 14px;
    color: #7a7a7a;
}

.assetMiniBox div.location {
    border-top: 1px dotted #ffffff;
    margin-top: 14px;
    clear: both;
    padding: 0 0 0 2px;
    max-width: 125px;
    overflow: hidden;
}

.assetMiniBox div.location p {
    font-size: 8pt;
    color: #7a7a7a
}

.assetMiniBox div.location a {
    font-size: 8pt;
    color: #7a7a7a
}


.assetMiniBox div.assetList {
    width: 140px;
    height: 109px;
    overflow: auto;
    padding: 4px 0 0 0;
}

.assetMiniBox div.assetList p {
    font-size: 8pt;
    color: #7a7a7a
}

.assetMiniBox div.assetList a {
    font-size: 8pt;
    color: #7a7a7a
}


.pricingTierFeatureMiniBox {
    float: left;
    text-align: center;
    background: #e8edf1;
    border-radius: 4px;
    min-height: 120px;
    min-width: 125px;
    max-width: 125px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.pricingTierFeatureMiniBox div.featureHeading {
    margin-top: 10px;
    padding: 4px;
    text-align: center;
    background: #bbcbd6;
}

.pricingTierFeatureMiniBox div.featureHeading p {
    padding: 0;
    color: #ffffff;
    font-size: 10px;

}


.accountMiniBox {
    float: left;
    text-align: center;
    background: #e8edf1;
    border-radius: 4px;
    min-height: 130px;
    min-width: 125px;
    max-width: 125px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.accountMiniBox div.accountHeading {
    margin-top: 10px;
    padding: 4px;
    text-align: center;
    background: #bbcbd6;
}

.accountMiniBox div.accountHeading p {
    padding: 0;
    color: #ffffff;
    font-size: 10px;

}

.localizationMiniBox {
    float: left;
    text-align: center;
    background: #e8edf1;
    border-radius: 4px;
    min-height: 130px;
    min-width: 125px;
    max-width: 125px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.localizationMiniBox div.localizationHeading {
    margin-top: 10px;
    padding: 4px;
    text-align: center;
    background: #bbcbd6;
}

.localizationMiniBox div.localizationHeading p {
    padding: 0;
    color: #ffffff;
    font-size: 10px;

}


/* Asset Location GPS controls */
#gpsLatLngSink {
    margin-left: 6px;
}

#gpsLatLngSinkToggle {
    margin-left: 6px
}

.updateMapButton {
    background: rgb(15, 176, 233) !important;
    background-image: -webkit-linear-gradient(top, rgb(15, 176, 233), rgb(14, 112, 176));
    color: white;
    border: 1px solid rgb(11, 74, 122);
    border-radius: 4px;
    padding: 2px;
    font-size: 9px;
    cursor: pointer
}


.vendorMiniBox {
    float: left;
    text-align: center;
    background: #e8edf1;
    border-radius: 4px;
    min-height: 100px;
    min-width: 125px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.vendorMiniBox div.location {
    border-top: 1px dotted #ffffff;
    margin-top: 14px;
    clear: both;
    padding: 8px 0 0 2px;
    max-width: 125px;
    overflow: hidden;
}

.vendorMiniBox div.location p {
    font-size: 8pt;
    color: #7a7a7a
}

.vendorMiniBox div.location a {
    font-size: 8pt;
    color: #7a7a7a
}


/* USED IN SERVER SETTINGS FOR CMMS UP TO DATE OR NEEDS UPDATE ##################################################################################################################  */
.CommunityAccountNotSetup {
    width: 100%;
    border: solid 1px #cc0000;
    background: #fff185;
    margin-bottom: 1px;
}

.CommunityAccountNotSetup p {
    padding: 0 5px 0 10px;
}

.CommunityAccountSetup {
    width: 100%;
    border: solid 1px #62b90f;
    background: #e8f0e1;
    margin-bottom: 1px;
}

.CommunityAccountSetup p {
    padding: 0 5px 0 10px;
}


/* IE WARNING SCREEN *********************************/
.browser-warning {
    margin: 50px 50px 50px 50px;
    padding: 0;
    background-color: white;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.6);
    width: 700px;
}

.browser-warning .info {
    margin: 20px 30px;
    float: left;
    clear: both;
}

.browser-warning .warning {
    background: #f4f4f4 url(/pg/ienag/upgrade.png) no-repeat 35px 32px;
    padding: 20px 30px 30px 30px;
    min-height: 140px;
}

.browser-warning .warning p {
    margin-left: 170px;
    color: #333;
    line-height: 22px;
    font-size: 17px;
}

.browser-warning p.small {
    font-size: 10px;
    color: #666;
    text-align: center;
    width: 500px;
    margin: 0 auto;
    padding: 0 0 40px 0;
}


/* asset events - no events ***********/


.mr-empty-list-helper img.icon {
    float: left;
    margin-right: 70px;
}

.mr-empty-list-helper .text {
    float: left;
    width: 460px;
}

.mr-empty-list-helper h3 {
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 17px;
    font-weight: 700;
}

.mr-empty-list-helper p {
    color: #888;
    line-height: 20px;
    font-size: 15px;
}

.mr-empty-list-helper .info {
    min-height: 200px;
    padding: 50px;
}

.mr-empty-list-helper img.data {
    margin: 25px 0 0 0;
}

.mr-empty-list-helper a:visited {
    color: #216fcf;
}

.mr-empty-list-helper a {
    color: #216fcf;
}

.mr-empty-list-helper a.create {
    background: transparent url(images/button-create.png) no-repeat 0 0;
    display: block;
    float: left;
    text-decoration: none;
    color: #2a87bc;
    height: 32px;
    margin: 20px 0;

    /* padding, margins and other styles here */
}

/*noinspection CssUnknownTarget*/
.mr-empty-list-helper a.create span {
    background: transparent url(images/button-create.png) no-repeat right 0;
    display: inline-block;
    font-size: 14px;
    margin: 0 -20px 0 35px;
    padding: 6px 20px 7px 0;
    color: #666;
}

.mr-empty-list-helper.inner-list {
    width: 700px;
    height: 180px;
    padding: 20px;
}

.mr-empty-list-helper.inner-list h3 {
    font-size: 15px;
    margin-bottom: 10px;
}

.mr-empty-list-helper.inner-list p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0;
}

.mr-empty-list-helper.inner-list .text {
    float: left;
    width: 490px;
    margin-left: 30px;
}

.mr-empty-list-helper.inner-list img.icon {
    float: left;
    margin-right: 0;
}

.mr-empty-list-helper.inner-list .info {
    padding: 20px;
}


/* ################################################################################################## */
/* ################################################################################################## */
/* #######
/* #######      MA MARKET STYLES
/* #######
/* ################################################################################################## */
/* ################################################################################################## */
.mamarketDashboardContainerReport {
    background-color: #d2ffd6;
    background-image: URL('/pg/page/maMarket/mamarketReportIcon.png');
    background-position: 10px 5px;
    background-repeat: no-repeat;
    width: 50%;
    height: 35px;
    display: inline-block;
    float: right;
}

.mamarketDashboardContainerClock {
    background-color: #dff1ff;
    background-image: url(/pg/page/icons/icon_clock_out.gif);
    background-position: 10px 5px;
    background-repeat: no-repeat;
    width: 50%;
    height: 35px;
    display: inline-block;
    float: left;
}

.mamarketcontainer {
    height: 100%;
    position: relative;
    top: 0;
    z-index: 2;
    text-align: left;
    display: inline-block;
    float: left;
    width: 651px;
}

.mamarketcontainer.sidebar {
    float: left;
    width: 200px;
}

.mamarketbackground {
    background-image: URL('/pg/page/maMarket/background.png');
    background-repeat: repeat-x;
    background-color: #f1f1f1;
    width: 100%;
    height: 100%;
    overflow: auto;

}

.mamarketheader {
    background-color: #166eb2;
    border: 1px solid #166eb2;
    border-radius: 0 0 10px 10px;
    height: 200px;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
    position: relative;
}

.mamarkettextbox {
    display: inline-block;
    float: left;
    margin-left: 20px;
    color: white;
    width: 450px;
}

.mamarkettextbox ul {
    margin-top: 0;
    margin-left: 0;
}


.mamarkettextbox ul li {
    text-indent: 0;
    margin-left: -20px;
    margin-top: 0;
    padding-top: 5px;
}

.mamarkettextbox a {
    color: white;
}

.mamarketbuttontext a {
    color: #166eb2;
    display: block;

}

.mamarketsubnavmenu {
    background: URL('/pg/page/maMarket/menu_gradient.png');
    height: 31px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketsubnavmenu a {
    text-decoration: none;
    color: black;
}

.mamarketaddonlisttable {
    width: 100%;
}

.mamarketitemcell {
    height: 60px;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    margin: 0;
    background-color: white;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
    padding: 5px;
    width: 162px;
    font-size: 0.9em;
}

.mamarketitemcell a {
    color: #166eb2;
    text-decoration: underline;
}

.mamarketitemcell.first {
    border-left: 1px solid #d9d9d9;
}

.mamarketitemcell.only {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
}

.mamarketitemcell.only.detail {
    min-height: 194px;
}

.mamarketitemcell.even {
    background-color: #e8f0ff;
}

.mamarketimagecontainer {
    width: 50px;
    height: 50px;
    border: 1px solid #bfbfbf;
    padding: 5px;
    background-color: #f4f4f4;
}

.mamarketimagecontainer.featured {
    box-shadow: 0 0 20px rgba(242, 255, 92, 1);
}

.mamarketbuybadge a {
    text-align: center;
    display: inline-block;
    background-color: #3fb4ff;
    margin-top: 5px;
    border-radius: 3px;
    padding: 2px 4px;
    color: white;
    text-decoration: none;
    width: 60px;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketbuybadge.big a {
    font-size: 1.3em;
    width: 100px;
    padding: 5px;
}

.mamarketbuybadge.wide a {
    width: 200px;
    font-size: 1.3em;
    padding: 5px;
}

.mamarketbuybadge.bottom a {
    position: absolute;
    bottom: 0;
    right: 0;
}

.mamarketbuybadge.downloaded a {
    background-color: #36d92a;
}

.mamarketstyledtext {
    color: #3fb4ff;
    font-weight: bold;
}

.mamarketstyledtext.downloaded {
    color: #36d92a;
}

.mamarketstyledtext.update {
    color: #906d98;
}

.mamarketbuybadge a:hover {
    background-color: #1b9ef2;
}

.mamarketbuybadge.downloaded:hover a {
    background-color: #2db523;
}

.mamarketbuybadge.update a {
    background-color: #906d98;
}

.mamarketbuybadge.update a:hover {
    background-color: #76597c;
}

.mamarketdivider {
    width: 100%;
    height: 1px;
    background-color: #f6f6f6;
    margin-top: 5px;
    margin-bottom: 5px;

}

.mamarketscreenshotcontainer {
    position: relative;
    border: 1px solid #bfbfbf;
    border-radius: 10px 10px 0 0;
    width: 623px;
    margin-top: 20px;
}

.mamarketscreenshot {
    display: block;
    margin: 20px;
}

.mamarketscreenshot img {
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketscreenshotnav {
    border-top: 1px solid #bfbfbf;
    bottom: 0;
    left: 0;
    background: URL('/pg/page/maMarket/screenShotNavGradient.png');
    width: 100%;
    text-align: center;
}

.mamarketscreenshotbutton {
    display: inline-block;
    margin-top: 10px;
    height: 80px;
    width: 80px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 10px;
}

.mamarketscreenshotbutton img {
    margin-top: 5px;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketmenuheading {
    font-size: 1.2em;
    background: URL('/pg/page/maMarket/menu_gradient.png');
    border: 1px solid #d9d9d9;
    border-radius: 5px 5px 0 0;
    padding: 5px;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
    vertical-align: middle;
    padding-left: 10px;
}

.mamarketrecordnav {
    padding-top: 5px;
}

.mamarketrecordnav a {
    text-decoration: none;
    color: black;
}

.mamarketrecordnav .pagebutton {
    border-radius: 5px;
    background-color: #d5d5d5;
    display: inline-block;
    text-align: center;
    vertical-align: center;
    width: 15px;
    height: 15px;
    padding-top: 2px;
}

.mamarketrecordnav .pagebutton.inactive {
    background-color: #e2e2e2;
    color: #979797;
}

.mamarketmenuheading.main {
    height: 20px;
}

.mamarketmenuheading .sortmenu {
    font-size: 0.8em;
    padding-right: 5px;
}

.mamarketmenubody {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: white;
    padding: 5px;
    margin-bottom: 15px;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
}

.mamarketmenubody ol {
    margin-top: 0;
    margin-left: 0;
}

.mamarketmenubody ol li {
    font-size: 9px;
    text-indent: 0;
    padding-top: 5px;
}

.mamarketmenubody ol li a {
    width: 150px;
    font-size: 9px;
    color: #3e3e3e;
    text-decoration: none;
}


.mamarketpopupcontainer {
    visibility: hidden;
    background-color: #f4f4f4;
    border-radius: 5px;
    opacity: 0.95;
    filter: alpha(opacity=95);
    border: 1px solid #bfbfbf;
    padding: 10px;
    min-width: 350px;
    min-height: 120px;
    position: absolute;
    z-index: 3000;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb;
    font-size: 10pt;
    color: #000000;
}

.mamarketpopupcontainer.userguide {
    left: 115px;
    top: -117px;
}

.mamarketpopupcontainer.manage {
    right: 147px;
    top: -135px;
    min-height: 140px;
}

.mamarketpopupcontainertab {
    position: absolute;
    width: 13px;
    height: 26px;
}

.mamarketpopupcontainertab.left {
    background: URL('/pg/page/maMarket/marketpopupTabLeft.png');
    left: -13px;
    top: 97px;
}

.mamarketpopupcontainertab.right {
    background: URL('/pg/page/maMarket/marketpopupTabRight.png');
    right: -12px;
    top: 108px;
}

.mamarketpopuptitle {
    font-weight: bold;
    color: black;
    font-size: 10pt;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}

.mamarketpopupitem {
    padding: 10px;
    text-align: left;
    border-top: 1px solid #dcdcdc;

}

.mamarketpopupitem.active:hover {
    background-color: #e9e9e9;
}

.mamarketuserguideitem a {
    text-decoration: none;
}

.mamarketmessagecontainer {
    font-size: 10pt;
    background-color: #fef49c;
    padding: 10px;
    border: 1px solid #ffe500;
}

.mamarketmessagecontainer a {
    text-decoration: none;
    color: #551a8b;
}


.mamarketerrorcontainer {
    font-size: 10pt;
    background-color: #fdf3f1;
    padding: 10px;
    border: 1px solid #e43712;
}

.mamarketerrorcontainer a {
    display: block;
    background-color: #e43712;
    padding: 5px 10px 5px 10px;
    border-radius: 13px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    width: 115px;
    text-align: center;
    margin-top: 15px;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb
}

.mamarketerrorcontainer a:hover {
    background-color: #d53310;
}

.mamarketerrortitle {
    color: #e43712;
    font-weight: bold;
    padding-bottom: 5px;
}

.mamarketpurchasedcontainer {
    padding: 10px;
    font-size: 10pt;
    color: #00a718;
    border: 1px solid #00cd1d;
    text-align: center;
    background: #e4f9e7 URL('/pg/page/maMarket/purchasedContainerBackground.png');
}

.mamarketpurchasedcontainer a {
    display: block;
    background-color: #00cd1d;
    padding: 5px 10px 5px 10px;
    border-radius: 13px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    width: 115px;
    margin-top: 15px;
    -moz-box-shadow: 2px 2px 2px #dbdbdb;
    -webkit-box-shadow: 2px 2px 2px #dbdbdb;
    box-shadow: 2px 2px 2px #dbdbdb
}

.mamarketpurchasedcontainer a:hover {
    background-color: #00a718;
}

.mamarketheaderbutton {
    display: inline-block;
}

.mamarketheaderbutton a {
    background-color: #185e94;
    padding: 5px 10px 5px 10px;
    color: white;
    font-size: 1.2em;
    text-decoration: none;
    border-radius: 5px;
}

.mamarketheaderbutton.bottom a {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.mamarketheaderbutton a:hover {
    background-color: #114065;
}

.mamarketheaderbutton.addon a {
    background: #185e94 URL('/pg/page/maMarket/mamarketAddonDownloadWhite.png') no-repeat 10px center;
    padding: 10px 10px 10px 33px;
}

.mamarketheaderbutton.addon a:hover {
    background: #114065 URL('/pg/page/maMarket/mamarketAddonDownloadWhite.png') no-repeat 10px center;
}

.mamarketheaderbutton.featured a {
    background: #185e94 URL('/pg/page/maMarket/mamarketAddonFeaturedWhite.png') no-repeat 10px center;
    padding: 10px 10px 10px 33px;
}

.mamarketheaderbutton.featured a:hover {
    background: #114065 URL('/pg/page/maMarket/mamarketAddonFeaturedWhite.png') no-repeat 10px center;
}

.mamarketheaderhiddenpane {
    visibility: hidden;
    position: absolute;
    top: 140px;
}

.mamarkettextarea {
    border: 1px solid #dedede;
    color: #656565;
    height: 40px;
    width: 150px;
}

.mamarketreviewsubmitbutton a {
    background-color: #fffea6;
    border: 1px solid #fffc00;
    font-size: 0.9em;
    color: black;
    display: inline-block;
    padding: 15px 10px 15px 10px;
    text-decoration: none;
    float: right;
}

.mamarketreviewsubmitbutton a:hover {
    background-color: #fffc00;
}

.mamarketstar {
    width: 20px;
    height: 25px;
    display: inline-block;
}

.mamarketstar.full {
    background: URL('/pg/page/maMarket/fullStar.png');
}

.mamarketstar.empty {
    background: URL('/pg/page/maMarket/emptyStar.png');
}

.smallScreen table.mainFormContainer35 > tbody > tr:first-child input[type=text] {
    width: 170px /*!important;*/
}

.smallScreen table.mainFormContainer35 > tbody > tr:first-child textarea {
    width: 500px !important;
}

.laborOnTaskMenu > select {
    max-width: 230px;
}


.listSectionHeaderSpecial {
    background: #ffaaaa;
}

a.liveEntityLink {
    color: rgb(115, 124, 148);
    font-size: 9pt;
}


a.l1iveEntityLink:after {
    padding-left: 4px;
    text-decoration: none;
    content: url(/pg/right-arrow.png);
}


a.liveEntityLink:link {
    padding: 2px;
}

/* unvisited link */

a.liveEntityLink:visited {
    padding: 2px;
}

/* visited link */

a.liveEntityLink:hover {

    margin-top: -4px;
    padding: 2px;
    text-decoration: none;
    background: #dedede;
    border-radius: 4px;
}

/* mouse over link */

a.liveEntityLink:active {
}

/* selected link */


.disabledRow {
    background-color: #f08080 !important;
}

.disabledRowWithNoPointerEvent {
    background-color: #f08080 !important;
    pointer-events: none;
}

.systemTransition {
    background-color: #fafad2 !important;
}

.systemTransitionLabel {
    border-radius: 4px;
    border: 1px solid #cdd1d7;
    padding: 4px;
    width: 220px !important;
}

/** boostrap tooltip override */
.tooltip-inner {
    background-color: #0fb0f0 !important;
    padding: 2px 3px !important;
    max-width: 600px !important;
}

.tooltip {
    font-size: 10px !important;
}

.tooltip.in {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #0fb0f0 !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #0fb0f0 !important;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #0fb0f0 !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #0fb0f0 !important;
}

.listNewGroupInnerListIcon {
    margin-top: 2px;
}

/** File Upload css **/
#__ADD_BUTTON_DROPDOWN_ID {
    padding: 1px;
    margin-top: -1px;
}

.connectSelected {
    text-decoration: line-through
}

/** requester information */
div .requesterField {
    float: left;
    margin-right: 20px;
}

div .requesterBox {
    margin: 0 0 0 0;
    border-radius: 4px;
    padding: 2px 5px 2px 5px;
    width: 720px;
    background: #efefef;
    color: #666666;
    font-size: 9pt;
    font-style: italics;
}

.dropdown-menu {
    color: #636a7d;
}

.actionMenuItemFirst {
    border-top: none;
    text-align: left;
    padding-left: 2px;
}

.actionMenuItem {
    text-align: left;
    padding-left: 2px;
    border-top: 1px solid #ebebeb
}

.ma-warning {
    display: block;
    vertical-align: center;
    border-radius: 3px;
    position: absolute;
    color: #222222;
    height: 20px;
    z-index: 999;
    font-weight: bold;
    border: solid 1px #f7df92;
    background-color: #ffffdd;
    padding: 5px;
    line-height: 19px;
    top: 40px;
    right: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.ma-warning-notice {
    border-radius: 3px;
    color: #222222;
    border: solid 1px #f7df92;
    background-color: #ffffdd;
    padding: 10px;
    font-size: 8pt;
}

.nav-tabs {
    padding-top: 1px;
}

.nav-tabs li {
    border: 1px solid #cccccc;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

.nav-tabs li.active {
    background-color: #ffffff;
    border-bottom: none;
}

.nav-tabs > li > a {
    text-decoration: none;
}


a.amzBodyLinks {
    color: #2993c6 !important;
    font-weight: bold;
}

.amzCatalog {
    padding: 10px;
    margin-left: 20px;
}

.amzCatalog a {
    font-weight: bold;
}

.MASourceRadioLabel {
    line-height: 20px;
}


#MASource_listing_header label {
    font-style: italic;
    color: #666666;
    display: block;
}

#MASource_Shipping label {
    font-style: italic;
    color: #666666;
    display: block;
}

#MASource_Contact label {
    font-style: italic;
    color: #666666;
    display: block;
}

table.MASourceListing {
    border-collapse: collapse;
}


table.MASourceListing th {
    padding: 5px;
    border: 1px solid #ccc;
    font-weight: bold;
}


table.MASourceListing td {
    padding: 5px;
    border: 1px solid #ccc;
}

.MASourceVerticalTab {
    background-color: #ebebeb;
    clear: both;
    border-radius: 0 8px 8px 0;
    height: 65px;
    line-height: 65px;
    border-width: 1px 1px 1px 0;
    border-color: #cccccc;
    border-style: solid;
    color: #2993c6;
    cursor: pointer;
    width: 39px;
    margin-bottom: 2px;
}

.MASourceTabActive {
    background-color: #fff;
    border-style: solid;
    margin-left: -1px;
    color: #000;
}

.maSource_tab {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    vertical-align: bottom;
    font-size: 12px;
    letter-spacing: 1px;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

.MaSourceCtxSearchLabel {
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
    color: #000;
}

.graingerPR, .graingerAdd, .graingerSync {
    cursor: pointer;
    display: inline-block;
}

.MASourceCompareLink {
    cursor: pointer;
    color: #2993c6 !important;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.MASourceCompareLink:hover {
    text-decoration: underline;
}

.masterTooltipText {
    display: none;
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: white;
    border-radius: 4px;
    padding: 8px 16px 8px 12px;
    color: #333333;
    width: 285px;
    z-index: 9999; /*upgrade subscription page order by above this tooltip*/
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    cursor: default;
}

.masterTooltipText div {
    font-size: 8.5pt;
    margin-left: 35px;
}

.progressMeterCanvas {
    margin-top: 5px;
}

.progressMeterInfo {
    padding: 9px 14px;
    height: 150px;
    min-width: 580px;
    z-index: 9999;
    overflow: hidden;
}

.progressMeterInfo .ma-warning-notice {
    margin-right: 25px;
}

.progressMeterInfoWithNotice {
    height: 245px;
}

.progressMeterInfo a.close {
    color: #333;
    font-size: 18px;
    text-decoration: none;
}

.progressMeterInfo p {
    font-style: italic;
    margin-bottom: 6px;
    color: #333;
}

.progressMeterInfo li {
    height: 25px;
    width: 250px;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 30px;
    font-style: normal;
}

.progressMeterInfo li a {
    text-decoration: none;
}

.progressMeterInfo li a.milestone-icon i {
    border: 2px solid #3ba2cf;
    border-radius: 100px;
    margin-right: 10px;
    padding: 6px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
}

.fiix .progressMeterInfo li a.milestone-icon i {
    border-color: #408bd0;
}

.progressMeterInfo li a.milestone-link {
    font-size: 10pt;
    margin-top: 2px;
}

.progressMeterInfo li div.milestone-actions a {
    font-size: 8pt;
    color: #aaa;
}

.progressMeterInfo li div.milestone-actions a.milestone-video-help {
    margin-left: 10px;
}

.progressMeterInfo li div.milestone-actions a span:hover {
    text-decoration: underline;
}

.queenUserReport th {
    font-weight: bold;
}

.queenUserReport th, .queenUserReport td {
    padding: 3px;
}

.queenUserReportNum {
    text-align: right;
}

/*jquery ui css with missing image */

.ui-widget-header {
    background-image: none !important;
}

.ui-widget-content {
    background-image: none !important;
}

/*END JQUERY-ui */


/*
	Used by Report Designer
*/
.rdDraggable {
    padding: 8px 16px 8px 16px;
    background: rgb(15, 176, 233);
    color: white;
    border-radius: 4px;
    border: 1px solid rgb(11, 74, 122);
    background-image: -webkit-linear-gradient(top, rgb(15, 176, 233), rgb(14, 112, 176));
    background-image: linear-gradient(top, rgb(15, 176, 233), rgb(14, 112, 176));
    opacity: 0.7;
}

.rdDraggable .header {
    font-weight: bold;
}

.rdDraggable .label {
}

.rdOverTarget {

    box-shadow: 0 0 2px 2px rgb(11, 74, 122);
}

.rdFieldListRow35, .rdFieldListRowOdd35 {
    border-top: 1px solid white;
    border-bottom: 1px solid #dddddd;
    font-size: 8pt;
    padding: 3px 4px 3px 4px;
    color: #737c94;
}

.rdFieldListRow35 {
    background: rgb(238, 238, 238);
}

.rdFieldListRowOdd35 {
    background: rgb(248, 248, 248);
}

label.formRadioLabel {
    padding-left: 20px;
    margin: 5px 30px 0 0;
}

label.formRadioLabel input {
    margin: 0 10px 0 -20px;
}

.listFilterBtn {
    background-image: url(/pg/list/list-filter-btn.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 29px;
    text-align: center;
}

.listFilterBtnOn {
    background-image: url(/pg/list/list-filter-btn-on.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 29px;
    text-align: center;
}

.rotatingAssetsInfo {
    padding: 13px;
    margin-bottom: 10px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-height: 35px;
    background-color: #f4f4f5;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}

.rotatingAssetsInfo .truck-icon {
    float: left;
    margin-right: 10px;
    color: #4394d3;
}

.rotatingAssetsInfo .move-btn {
    float: right;
    margin-left: 10px;
}

.rotatingAssetsInfoSub {
    border: dotted 1px #56b5ec;
    padding: 4px;
    margin-bottom: 6px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px;
}

.rotatingAssetsInfoSub a {
    font-size: 11px;
}

.rotatingAssetsInfoSub .truck-icon {
    float: left;
    margin-right: 6px;
    color: #56b5ec;
}

.rotatingAssetsInfoSub .move-btn {
    float: right;
    margin-left: 6px;
}

.rotatingAssetsInfoSub .move-lnk {
    float: right;
}


.formInfoMessage {
    color: #737c94;
    background-color: #efefef;
    border-radius: 4px;
    margin: 2px 4px 6px 0;
    padding: 4px;
}

.locationStrAisle {
    color: #fff;
    background-color: #c67d7c;
    font-size: 8pt;
    padding: 2px;
    border-radius: 2px;
}

.locationStrRow {
    color: #fff;
    background-color: #7dc67c;
    font-size: 8pt;
    padding: 2px;
    border-radius: 2px;
}

.locationStrBin {
    color: #fff;
    background-color: #7d7cc6;
    font-size: 8pt;
    padding: 2px;
    border-radius: 2px;
}

/*
 * Below are some color customization for the Boostrap popovers to make them stand out a little bit on forms
 */

.modalWindowFrame .popover, .stackedWindow35 .popover {
    color: #222222;
}

.modalWindowFrame .popover .popover-title, .stackedWindow35 .popover .popover-title {
    color: #555555;
}

.modalWindowFrame .popover a.close, .stackedWindow35 .popover a.close {
    font-size: 10pt;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px;
    color: #555555;
}

/*
 * MCM-3922: set the z-index of all popovers to avoid hiding issues
 */
.popover {
    z-index: 9999;
}

/* MCM-4139: */
div.formPaneModal {
    background: none repeat scroll 0 0 #bac9d5;
    border-bottom: 1px solid rgb(217, 217, 217);
    border-right: 1px solid #a3b7c6;
    cursor: pointer;
    height: 22px;
    padding-left: 4px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding-top: 5px;
    float: left;
}

.media-thumbnail {
    opacity: 1;
    height: 65px;
    display: inline-block;
    position: relative;
    margin-left: 8px;
    text-align: center;
}

.media-thumbnail .actions {
    visibility: hidden;
    position: absolute;
    top: 4px;
    right: 4px;
}

.media-thumbnail .actions a {
    margin-left: 5px;
    background-color: white;
    border: 1px solid rgb(205, 209, 215);
    padding: 2px 4px;
    border-radius: 2px;
}

.media-thumbnail:hover .actions {
    visibility: visible;
}

.media-thumbnail:hover > a > img {
    opacity: 0.9;
}

.media-thumbnail .media-thumbnail-source {
    position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 30px;
    opacity: 0.6;
    color: #ffffff;
}

.media-insert {
    text-align: center;
    height: 63px;
    width: 35px;
    display: inline-block;
}

.media-insert:hover {
    opacity: 1;
}

.media-insert span {
    line-height: 60px;
    font-size: 26px;
}

.media-thumbnail-drophover {
    margin-right: 20px;
}


/*Localization */
.loc-th {
    padding: 2px;
    font-weight: bold;
    border: 1px solid #ebebeb;
}

.loc-green {
    background-color: #ccffcc;
}

.loc-td {
    padding: 2px;
    border: 1px solid #ebebeb;
}

.loc-desc {
    font-size: .88em;
    min-width: 100px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loc-input {
    padding: 2px;
    width: 200px;
}

.loc-table {
    width: 100%;
}

.loc-menu {
    border-radius: 4px;
    background-color: #ebebeb;
    padding: 4px;
    font-size: .9em;
    margin-bottom: 1px;
}

.loc-menu select {
    background-color: #fff;
}

.loc-template-div {
    border: 1px solid #ebebeb;
    padding: 2px;
    margin-bottom: 20px;
}

.loc-template-header {
    font-weight: bold;
    background-color: #ebebeb;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 2px;
}

.loc-auto input {
    font-weight: normal;
    width: 95% !important;
}

/*	**********************************************************************
	Code completion start
*/

.cc-window {
    font-family: Tahoma, Calibri, Helvetica;
    font-size: 9pt;

    color: #737c94;

    border: 1px solid rgb(205, 209, 215);
    border-radius: 4px;

    padding: 4px;

    background-color: white;
    position: absolute;
    width: 450px; /* concern: what is the minimal width allowed on tablets, phablets etc? */
    height: 300px;
}

.cc-error {
    color: red;
}

.cc-error {
    color: green;
}

.cc-inside {
    height: 298px; /* fill cc-window */
    overflow: auto;
}

.cc-section {
    padding: 4px 0 4px 0;
}

.cc-section-label {
    padding: 4px;
    background-color: #bac9d5;
}

.cc-option-even, .cc-option-odd {
    background-color: white;
    padding: 1px 4px 1px 4px;
}

.cc-option-even {
    background-color: rgb(238, 238, 238); /* like listRow35 */
}

.cc-option-odd {
    background-color: rgb(248, 248, 248); /* like listRowOdd35 */
}

.cc-option-selected {
    background: url(/pg/list/background_over.png) left top repeat;
}

.cc-option-selected :hover,
.cc-option-even :hover, .cc-option-odd :hover {
    text-decoration: underline;
    cursor: pointer;
}

.cc-option-expression, .cc-option-label, .cc-option-type-description {
    padding: 1px 4px 1px 4px;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    display: inline-block;
    text-overflow: ellipsis;
}

.cc-option-expression {
}

.cc-option-label {
}

.cc-option-type-description {
}

.cc-error-indicator {
    background: red;
    color: white;
}

/*	**********************************************************************
	Code completion end
*/

.goog-te-banner-frame {
    display: none;

}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*  *********************************************
Diagram
*/

.diagram-controls {
    cursor: pointer;
    color: #3ba2cf;
}

/*  *********************************************
	Form customization
********************************************** */

.form35_Orphans {
}

.tabPage35_Orphans {
}

.section35_Orphans {
}

.subsection35_Orphans {
}

/* The div that covers draggable column/pane */
.form-cust-cover {
    border: dotted 1px #cccccc;
    border-radius: 0;
    cursor: move;
    box-sizing: border-box;
}

.form-cust-cover-inner {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.5;
}

.uic-droppable-active {
    outline: 2px solid blue;
}

.uic-droppable-hover {
    outline: 2px solid red;
}


/*
	The little strip (within cover) that contains buttons such as 'selectVisibleElements', 'customize', 'remove' etc
*/
.form-cust-strip {
    position: absolute;
    top: 0;
    right: 0;
}

.form-cust-strip-spacer {
    display: inline-block;
}

.form-cust-strip-button {
    display: inline-block;
    cursor: pointer;
    z-index: 1;
}

.form-cust-strip-button.selectVisibleElements {
    background: url("/pg/select-visible-columns.png") no-repeat;
}

.form-cust-strip-button.customize {
    background: url("/pg/ab_view.png") no-repeat;
}

.form-cust-strip-button.remove {
    background: url("/pg/ab_delete.png") no-repeat;
}

.form-cust-strip-button:hover {
    outline: 1px solid black;
}

.uic-icon {
    cursor: pointer;
    position: relative;
    top: 2px;
    padding: 0 8px 0 8px;
}

.uic-icon-on-strip {
    display: inline-block;
    padding: 4px;
    height: 11px;
    font-size: 9px;
    width: 11px;
    background-color: rgb(233, 238, 244);
    border-radius: 3px;
    border: solid 1px #cdd1d7;
    color: rgb(102, 115, 136);
}

.uic-profile-picker {
    display: inline-block;
    padding: 0 8px 0 8px;
}

.uic-rearranging {
    border-radius: 3px;
    position: absolute;
    color: rgb(255, 255, 255);
    height: 12px;
    z-index: 999;
    border: 1px solid rgb(19, 108, 177);
    padding: 5px 5px 5px 10px;
    line-height: 12px;
    width: 300px;
    top: 40px;
    right: 10px;
    background-color: rgb(67, 148, 211);
    box-shadow: 0 1px #e8e8e8;
    display: none;
}

.uic-rearranging a {
    color: rgb(255, 255, 255);
    font-weight: bold;
}

/*  *********************************************
	Form customization end
********************************************** */
/* Date-time picker */

.xdsoft_datetimepicker {
    z-index: 70000200; /* greater than MASource */
}

/*  *********************************************
Business tracking
*/

.business-tracking {
    background-color: #efefef;
    border-radius: 4px;
    color: #737c94;
    margin: 2px 4px 6px 0;
    padding: 4px;
}

.business-tracking-label {
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
    text-align: right;
    width: 80px;
}

.business-tracking-header {
    color: #3e4347;
    padding: 4px 4px 4px 6px;
    font-size: 14px;
    background: #d7dfe4;
    border-radius: 6px 6px 0 0;
    margin-top: 1px;
}

/* **********************************************
Dropzone
*/
.dropzone {
    padding: 0;
    border-radius: 5px;
    opacity: 0.8;
}

select.rca {
    width: 98%;
    height: 95%;
}

select.rca option {
    border-bottom: 1px solid #ebebeb;
    padding: 3px 0;
}

.no-asset-image {
    width: 125px;
    padding: 15px 2px;
    font-weight: bold;
    font-size: 14px;
    color: #cbcbd2;
}

select option:disabled {
    color: #cdcdcd;
}

/*  *********************************************
Date-time picker
*/

.xdsoft_datetimepicker {
    z-index: 70000200; /* greater than MASource */
}

.xdsoft_datetimepicker.xdsoft_inline .xdsoft_label {
    z-index: 10;
    font-size: 8pt;
}

.dev-release {
    position: absolute;
    left: 210px;
    color: #ffffff;
    text-shadow: -1px -1px #366179;
    font-size: 10px;
    opacity: 0.9;
    display: none;
}

.listCheckbox {
    cursor: default;
    height: 12px;
    width: 12px;
    margin-top: 3px;
    border: solid 1px #bebebe;
    display: block;
    float: left;
}

.listCheckbox:hover,
li:hover .listCheckbox {
    box-shadow: inset 1px 1px 1px #cccccc;
}

.listCheckbox i {
    color: #666666;
    font-size: 9pt;
    display: none;
    text-shadow: 1px 1px 2px #cccccc;
    margin: 0 0 0 1px;
}

.listCheckbox.checked i {
    display: block;
}

/* *****************************
CSS changes for rebranding
 */

.fiix .pk-topbar-toolbar .pk-logobar-toolbar,
.fiix .pk-sidebar .pk-logobar {
    padding: 5px;
    background: -webkit-linear-gradient(top, #53a0d6 0%, #4498d2 50%, #3991ca 50%, #3084c2 100%);
    background: -o-linear-gradient(top, #53a0d6 0%, #4498d2 50%, #3991ca 50%, #3084c2 100%);
    background: -ms-linear-gradient(top, #53a0d6 0%, #4498d2 50%, #3991ca 50%, #3084c2 100%);
    background: linear-gradient(top, #53a0d6 0%, #4498d2 50%, #3991ca 50%, #3084c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53a0d6', endColorstr='#3084c2', GradientType=0);
    border-bottom: solid 1px #396f9e;
    box-shadow: none;
}

.fiix.fiix-collapsed .pk-topbar-toolbar .pk-logobar-toolbar {
}

.fiix.fiix-collapsed .pk-topbar-toolbar .pk-logobar-toolbar .pk-button.pk-blue span {
}

.fiix .pk-topbar-toolbar .pk-logobar-toolbar .pk-logobar-g {
    padding: 7px 10px;
}

.fiix .pk-topbar-toolbar .pk-button span {
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.25);
}

.fiix .pk-topbar-toolbar .pk-button.pk-blue {
    background: -webkit-linear-gradient(top, #278cc3 0%, #1a5d88 100%);
    background: -o-linear-gradient(top, #278cc3 0%, #1a5d88 100%);
    background: -ms-linear-gradient(top, #278cc3 0%, #1a5d88 100%);
    background: linear-gradient(top, #278cc3 0%, #1a5d88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#278cc3', endColorstr='#1a5d88', GradientType=0);
    background: #2977af;
}

.fiix .pk-topbar-toolbar .pk-button.pk-blue span {
    background: -webkit-linear-gradient(top, #53a0d6 0%, #4498d2 50%, #3991ca 50%, #3084c2 100%);
    background: -o-linear-gradient(top, #53a0d6 0%, #4498d2 50%, #3991ca 50%, #3084c2 100%);
    background: -ms-linear-gradient(top, #53a0d6 0%, #4498d2 50%, #3991ca 50%, #3084c2 100%);
    background: linear-gradient(top, #53a0d6 0%, #4498d2 50%, #3991ca 50%, #3084c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53a0d6', endColorstr='#3084c2', GradientType=0);
}

.fiix .pk-topbar-toolbar .pk-button.pk-blue:hover span {
    background: -webkit-linear-gradient(top, #5ea4d6 0%, #4498d2 50%, #3991ca 50%, #2a80ca 100%);
    background: -o-linear-gradient(top, #5ea4d6 0%, #4491d2 50%, #378fc7 50%, #2a80ca 100%);
    background: -ms-linear-gradient(top, #5ea4d6 0%, #4491d2 50%, #378fc7 50%, #2a80ca 100%);
    background: linear-gradient(top, #5ea4d6 0%, #4491d2 50%, #378fc7 50%, #2a80ca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ea4d6', endColorstr='#2a80ca', GradientType=0);
}

.fiix .pk-topbar-toolbar .pk-button.pk-blue:active,
.fiix .pk-topbar-toolbar .pk-active.pk-splitbutton .pk-blue:first-child + div,
.fiix .pk-topbar-toolbar .pk-active.pk-dropbutton .pk-blue,
.fiix .pk-topbar-toolbar .pk-active.pk-select .pk-blue span {
    background: -webkit-linear-gradient(top, #2870a9 0%, #1a5d88 100%);
    background: -o-linear-gradient(top, #2870a9 0%, #1a5d88 100%);
    background: -ms-linear-gradient(top, #2870a9 0%, #1a5d88 100%);
    background: linear-gradient(top, #2870a9 0%, #1a5d88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2870a9', endColorstr='#1a5d88', GradientType=0);
}

.fiix .pk-topbar-toolbar .pk-button.pk-blue:active span,
.fiix .pk-topbar-toolbar .pk-active.pk-splitbutton .pk-blue:first-child + div span,
.fiix .pk-topbar-toolbar .pk-active.pk-dropbutton .pk-blue span,
.fiix .pk-topbar-toolbar .pk-active.pk-select .pk-blue span {
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    background: #3b99cd;
    background: -webkit-linear-gradient(top, #5790ca 0%, #4491d2 50%, #378fc7 50%, #1767ab 100%);
    background: -o-linear-gradient(top, #5790ca 0%, #4491d2 50%, #378fc7 50%, #1767ab 100%);
    background: -ms-linear-gradient(top, #5790ca 0%, #4491d2 50%, #378fc7 50%, #1767ab 100%);
    background: linear-gradient(top, #5790ca 0%, #4491d2 50%, #378fc7 50%, #1767ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5790ca', endColorstr='#1767ab', GradientType=0);
}

.fiix .pk-topbar-toolbar .pk-button.pk-inset {
}

.fiix .dashboard .widget a {
    color: #3b8fcf;
}

.fiix .pk-sidebar .pk-currentsystem {
    color: #e8e8e8;
}

.fiix-expanded .pk-sidebar .pk-currentsystem {
    padding: 8px;
}

.fiix .pk-sidebar .pk-navigation {
    line-height: 26px;
}

.pk-sidebar .pk-navigation li i {
    display: none;
}

.pk-sidebar .pk-navigation li.pk-active i {
    display: inline;
}

.expand-collapse {
    font-size: 12px;
    padding: 13px;
    text-align: center;
    color: #c1c1c1;
    cursor: pointer;
    width: 40px;
    height: 44px;
    line-height: 18px;
    box-sizing: border-box;
    background: #525658;
    box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.05);
}

.expand-collapse:hover {
    color: #e8e8e8;
    text-shadow: 0 1px 1px #262628;
    box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.05);
}

.expand-collapse.fiix-collapsed {
    left: 0;
    border-top: solid 1px #44474a;
}

.expand-collapse.fiix-expanded {
    left: 165px;
    position: absolute;
    bottom: 0;
    border: solid 1px #44474a;
    border-width: 1px 0 0 1px;
}

.fiix-collapsed .pk-sidebar .pk-account {
    padding: 9px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    width: 40px;
    box-sizing: border-box;
}

.fiix-collapsed .pk-sidebar .pk-account li {
    display: block;
    margin-top: 8px;
    padding: 0;
}

.fiix-collapsed .pk-sidebar .pk-account li:first-of-type {
    margin-top: 0;
}

.fiix-collapsed .pk-sidebar .pk-button.pk-small span {
    width: 20px;
    padding: 0;
}

body.fiix-collapsed .fiix-expanded {
    display: none;
}

body.fiix-collapsed .fiix-collapsed {
    display: block;
}

body.fiix-expanded .fiix-expanded {
    display: block;
}

body.fiix-expanded .fiix-collapsed {
    display: none;
}

body.fiix-collapsed .pk-sidebar .pk-navigation li.pk-active .pk-subnavigation {
    display: none;
}

#maSidebarHover, #maSidebarClick {
    display: none;
    position: absolute;
    left: 40px;
    width: 250px;
    background: #525658;
    z-index: 1980;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 30px;
    padding-bottom: 10px;
}

#maSidebarClick {
    background: #FFFFFF;
    width: 124px;
    border-radius: 4px;
    padding: 2px 0 2px 0;
}

#maMainSidebarPane {
    z-index: 1990;
}

.fiix-collapsed #maMainSidebarPane .pk-navigation li.hovered {
    background: #3f4244;
}

#maSidebarHover > div {
    color: white;
    font-size: 12px;
    padding: 0 6px 0 6px;
    background: #3f4244;
    font-weight: bold;
    line-height: 26px;
}

#maSidebarHover > div i {
    display: none;
}

#maSidebarHover .pk-subnavigation {
    display: none;
    cursor: pointer;
    margin: 0 0 5px 0;
}

#maSidebarHover .pk-subnavigation li {
    padding: 2px 4px 2px 18px;
    margin: 0;
    white-space: normal;
}

#maSidebarHover .pk-subnavigation li:hover {
    background: #5f6264;
}

body.fiix-expanded #maSidebarHover {
    display: none;
}

body.fiix-collapsed #maSidebarHover .fiix-expanded {
    display: block;
}

body.fiix-collapsed #maSidebarHover .fiix-collapsed {
    display: none;
}

#maSidebarClick .header {
    display: none;
}

#maMainSidebarPane .pk-subnavigation-secondary {
    display: none;
}

#maSidebarClick .pk-subnavigation-secondary ul {
    list-style: none;
}

#maSidebarClick .pk-subnavigation-secondary li {
    margin: 0;
    line-height: 25px;
    cursor: pointer;
    text-indent: 10px;
}

#maSidebarClick .pk-subnavigation-secondary li a {
    color: #474747;
    white-space: normal;
    text-decoration: none;
    display: inherit;
}

#maSidebarClick .pk-subnavigation-secondary li a:hover {
    color: inherit;
    background:#4498d2;
}

#maSidebarClick .pk-subnavigation-secondary li:hover {
    color: #ffffff;
    text-shadow: 0px -1px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(0,64,98,0.2);
    background: #4498d2;
}

.pk-subnavigation-secondary {
    padding: 2px 0;
}

body.fiix-collapsed #maSidebarClick .fiix-expanded {
    display: block;
}

body.fiix-collapsed #maSidebarClick .fiix-collapsed {
    display: none;
}

body.fiix-collapsed .pk-sidebar .pk-quickactions .pk-splitbutton {
    display: none;
}

body.fiix-collapsed .pk-popupwindow {
    visibility: visible;
    display: none;
    opacity: 1;
    width: 200px;
    min-width: 0;
    z-index: 29000;
    left: 35px;
}

body.fiix-collapsed .pk-sidebar .pk-notification .pk-notice {
    width: 20px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.fiix .pk-sidebar .pk-currentsite {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.fiix .pk-sidebar .business {
    font-size: 7.5pt;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 175px;
    display: inline-block;
}

.fiix .pk-sidebar #user-timezone-label {
    margin-top: 5px;
    display: inline-block;
    color: #c1c1c1;
    max-width: 145px;
    padding-left: 8px;
}

.fiix .pk-sidebar #userDiv, .fiix .pk-sidebar #user-timezone {
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: italic;
    font-weight: normal;
    display: inline-block;
    color: #c1c1c1;
    max-width: 145px;
    padding-left: 8px;
}

.progressMeterInfo,
body.fiix-expanded .progressMeterInfo {
    left: 200px;
}

body.fiix-collapsed .progressMeterInfo {
    left: 45px;
}

body.fiix-collapsed .pk-sidebar .pk-sidebar-bottom {
    width: 40px;
}

body.fiix-expanded .pk-sidebar .pk-sidebar-bottom {
    min-width: 205px;
    max-width: 350px;
}

.pk-active .fa-caret-down {
    margin-left: 4px;
}

/*******/

.ma-tech-warning {
    color: #ffffff;
    background-color: #d84040;
    border-radius: 4px;
    padding: 0 3px 1px 3px;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
}

.formSectionHeader35 {
    text-shadow: 0 1px white;
    line-height: 24px;
    color: #52616b;
    border-top: solid 1px #e6e6e6;
    height: 24px;
    font-size: 12px;
    border-bottom: solid 1px #caced4;
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #edf0f1 50%, #efefef 50%, #eaeaea 100%);
    padding-left: 4px;
    font-weight: bold;
}

#intercom-container .intercom-launcher-frame, #intercom-container .intercom-launcher-badge-frame {
    margin-bottom: 20px
}


[id*=InspectionTasks] * [class*=listColumnValue] {
    border: 0;
}

[id*=InspectionTasks] * [class*=listColumnValue] * input[type=text] {
    padding: 4px;
    float: left
}

.topbar-notifications {
    float: right;
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.05), inset 0 0 2px 1px rgba(0, 0, 0, 0.15);
    height: 26px;
    line-height: 20px;
    background-color: #4599d2;
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
}

.topbar-notifications:hover {
}

.topbar-notifications:active {
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.05), inset 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.topbar-notifications i.fa {
    text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
    color: #378dcc;
    font-size: 15px;
}

.topbar-notifications.active i.fa {
    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.topbar-notifications span.count {
    border-radius: 2px;
    font-weight: bold;
    font-size: 10px;
    margin-left: 4px;
    padding: 1px 4px;
    margin-bottom: 5px;
    float: right;
    line-height: 11px;
    margin-top: 3px;
    background-color: #297db9;
    color: #4599d2;
}

.topbar-notifications.active span.count {
    background-color: #dd3322;
    color: #ffffff;
}

.unsaved-warning {
    border-radius: 3px;
    position: absolute;
    color: rgb(79, 83, 95);
    height: 20px;
    z-index: 999;
    text-align: center;
    border: 1px solid rgb(188, 191, 194);
    background-color: rgb(248, 248, 248);
    padding: 5px 20px;
    line-height: 20px;
    top: 40px;
    right: 10px;
    box-shadow: 0 1px #e8e8e8;
    font-weight: bold;
    text-shadow: 0 1px white;
}

.unsaved-warning div {
    float: left;
    position: relative;
    left: -10px;
    top: -3px;
    height: 20px;
    width: 30px;
    color: #e4b033;
    font-size: 18px;
    line-height: 26px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    text-shadow: 0 0 rgba(0, 0, 0, 0.3);
}

.unsaved-warning span {
    border-left: solid 1px #e0e0e0;
    padding-left: 20px;
}

.entity-pill a {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.entity-pill a:hover {
    margin-top: 0;
}

#asset-tag-print-settings-modal-wrapper {
    overflow-y: auto;
}

#asset-tag-print-settings-modal-wrapper .formTabFormShow35 {
    height: 351px;
}

#asset-tag-print-settings-modal-wrapper .mainFormContainer35 {
    width: auto !important;
}

.asset-tag-print-settings-modal {
    margin: 0;
}

.asset-tag-print-settings-modal .fa-question-circle {
    color: #447ca5;
}

.asset-tag-print-settings-modal .asset-tag-fields {
    width: 100%;
    margin-top: 10px;
}

.asset-tag-print-settings-modal .asset-tag-fields li {
    float: left;
    box-sizing: border-box;
    display: block;
    margin: 0 0 10px 0;
    padding: 8px 10px;
    background-color: #f6f6f6;
    border-radius: 6px;
    width: 31%;
    color: #737c94;
    font-size: 9pt;
}

.asset-tag-print-settings-modal .asset-tag-fields li.middle-field {
    margin-left: 10px;
    margin-right: 10px
}

.asset-tag-print-settings-modal .asset-tag-fields li input[type='checkbox'] {
    margin: 0;
    vertical-align: middle;
}

.asset-tag-print-settings-modal .asset-tag-fields li label {
    padding-left: 5px;
}

.asset-tag-print-settings-modal .asset-tag-fields .disabled * {
    color: #9ba1a7;
    cursor: not-allowed;
}

.asset-tag-print-settings-modal .print-format-instructions,
.asset-tag-print-settings-modal .asset-tag-examples {
    padding-top: 10px;
}

.asset-tag-print-settings-modal .asset-tag-examples {
    text-align: center;
}

.asset-tag-print-settings-modal .asset-tag-examples .asset-tag-example {
    width: 49%;
    display: inline-block;
}

.asset-tag-print-settings-modal .asset-tag-examples .asset-tag-example img {
    width: 100%;
    height: auto;
    display: block;
}

.asset-tag-print-settings-modal .asset-tag-examples .asset-tag-example span {
    font-size: 8pt;
    display: inline-block;
    padding: 5px 0;
}

.asset-tag-print-settings-modal fieldset legend {
    color: #9ba1a7;
    padding: 5px 0;
    font-size: 10pt;
}

.asset-tag-print-settings-modal .template-options {
    padding: 5px 0;
    margin-bottom: 5px;
}

.asset-tag-print-settings-modal .template-option label {
    padding-left: 5px;
}

.asset-tag-print-settings-modal .template-option {
    float: left;
    margin-right: 20px;
    display: block;
}

.asset-tag-print-settings-modal .template-option input[type="radio"] {
    margin-top: 0;
}

.asset-tag-print-settings-modal .template-option i {
    margin-left: 2px;
}

.asset-tag-print-settings-modal .asset-tag-additional-options {
    display: inline-block;
    margin: 10px 0;
    line-height: 24px;
}

.asset-tag-print-settings-modal .asset-tag-additional-options span {
    padding: 5px 70px;
    font-size: 10pt;
}

.asset-tag-print-settings-modal .asset-tag-additional-options input[type="number"] {
    width: 33px;
    margin-left: 5px;
    margin-right: 5px;
    height: 14px;
    text-align: right;
}

.asset-tag-print-settings-modal .asset-tag-additional-options label {
    padding-left: 5px;
}

.loggers-list tbody tr {
    border-top: solid 1px #dedede;
}

.loggers-list tbody td,
.loggers-list thead th {
    padding: 10px;
}

#guest-mr-tab-container .mainContainer {
    width: 100%;
}

.required-field-text {
    margin: 15px;
    font-style: italic;
}

.request-tab-field-padding {
    margin-bottom: 10px;
}

.guest-optional-site-link {
    margin-top: 10px;
}

#guest-mr-settings-panel-wrapper * .template-option input[type='radio'], #guest-mr-settings-panel-wrapper * .template-option input[type='checkbox'] {
    margin-bottom: 3px;
    margin-top: 1px
}

.section-content {
    margin: 20px;
}

.wrapper .listHeaderLabel35 {
    float: left
}

.wrapper.centeredHeader {
    text-align: center
}

.wrapper.centeredHeader .listHeaderLabel35 {
    float: none !important;
}