:root { /* Red Colors */ --colorRed01: #fffbfb; --colorRed02: #fff7f6; --colorRed05: #ffece9; --colorRed10: #ffd8d3; --colorRed20: #ffafa6; --colorRed30: #ff8075; --colorRed40: #fa4442; --colorRed50: #dd0f21; --colorRed60: #a62927; --colorRed70: #702d29; --colorRed80: #4a201c; --colorRed90: #24110f; /* Green Colors */ --colorGreen01: #f7fff7; --colorGreen02: #efffee; --colorGreen05: #dffadc; --colorGreen10: #c9f4c5; --colorGreen20: #8eda8d; --colorGreen30: #70c770; --colorGreen40: #4cb24d; --colorGreen50: #418a42; --colorGreen60: #306d31; --colorGreen70: #235224; --colorGreen80: #173617; --colorGreen90: #0d1a0d; /* Gold/Yellow Colors */ --colorGold01: #fffdf3; --colorGold02: #fffae1; --colorGold05: #f9f2cd; --colorGold10: #f9e9a1; --colorGold20: #fccc0b; --colorGold30: #d7af1b; --colorGold40: #af8d00; --colorGold50: #907400; --colorGold60: #735b00; --colorGold70: #564400; --colorGold80: #3a2d00; --colorGold90: #1d1500; /* Blue Colors */ --colorBlue01: #fbfcff; --colorBlue02: #f6f9ff; --colorBlue05: #eaf1ff; --colorBlue10: #d4e3ff; --colorBlue20: #a9c7ff; --colorBlue30: #7daaff; --colorBlue40: #598df2; --colorBlue50: #2b6cf0; --colorBlue60: #245bc6; --colorBlue70: #2d4572; --colorBlue80: #1c2e4f; --colorBlue90: #0e1625; /* Cyan Colors */ --colorCyan01: #fafdff; --colorCyan02: #f4faff; --colorCyan05: #e5f3ff; --colorCyan10: #c9e7ff; --colorCyan20: #90cfff; --colorCyan30: #4bb2f8; --colorCyan40: #2e99de; --colorCyan50: #007ebf; --colorCyan60: #006499; --colorCyan70: #144a6d; --colorCyan80: #08314c; --colorCyan90: #00182a; /* Purple Colors */ --colorPurple01: #fcfcff; --colorPurple02: #f9f8ff; --colorPurple05: #f1eeff; --colorPurple10: #e4ddff; --colorPurple20: #cabbff; --colorPurple30: #b297ff; --colorPurple40: #9c6fff; --colorPurple50: #854beb; --colorPurple60: #6e20d4; --colorPurple70: #493c6d; --colorPurple80: #31274b; --colorPurple90: #18112a; /* Orange Colors */ --colorOrange01: #fffbf9; --colorOrange02: #fff8f3; --colorOrange05: #ffede1; --colorOrange10: #ffdbc1; --colorOrange20: #ffb47c; --colorOrange30: #f19041; --colorOrange40: #d3751e; --colorOrange50: #b25d00; --colorOrange60: #8e4900; --colorOrange70: #663914; --colorOrange80: #462508; --colorOrange90: #260f00; /* Teal Colors */ --colorTeal01: #f4fffe; --colorTeal02: #e8fffe; --colorTeal05: #d4fdfb; --colorTeal10: #b3f4f1; --colorTeal20: #69dcd9; --colorTeal30: #4ac0be; --colorTeal40: #25a5a2; --colorTeal50: #008987; --colorTeal60: #006c6b; --colorTeal70: #005150; --colorTeal80: #003635; --colorTeal90: #001b1b; /* Magenta Colors */ --colorMagenta01: #fffbfc; --colorMagenta02: #fff7f9; --colorMagenta05: #ffebf0; --colorMagenta10: #ffd6e1; --colorMagenta20: #ffabc2; --colorMagenta30: #ff78a5; --colorMagenta40: #ef4889; --colorMagenta50: #d0266f; --colorMagenta60: #ac0057; --colorMagenta70: #6e2c43; --colorMagenta80: #481f2c; --colorMagenta90: #270b15; /* Gray Colors */ --colorWhite: #ffffff; --colorGray01: #fcfcfc; --colorGray02: #f9f9f9; --colorGray05: #f1f1f1; --colorGray10: #e2e2e2; --colorGray20: #c6c6c6; --colorGray30: #ababab; --colorGray40: #919191; --colorGray50: #767676; --colorGray60: #5e5e5e; --colorGray70: #474747; --colorGray80: #2e2e2e; --colorGray85: #222222; --colorGray88: #1e1e1e; --colorGray90: #191919; --colorGray92: #111111; --colorBlack: #000000; /* Brand Colors */ --colorBrandBlue: #1463ff; --colorBrandRed: #d61549; --colorBrandGreen: #4ec375; --colorBrandGold: #fccc0b; } :root { /*Texts and Links*/ --colorTextDefault: var(--colorGray80); --colorTextMedium: var(--colorGray60); --colorTextLight: var(--colorGray50); --colorTextDanger: var(--colorRed50); --colorTextWarn: var(--colorGold60); --colorTextSuccess: var(--colorGreen60); --colorTextInformational: var(--colorCyan60); --colorTextDiscount: var(--colorRed50); --colorTextNeutralWhite: var(--colorWhite); --colorTextNeutralBlack: var(--colorGray80); --colorTextNeutralInvert: var(--colorWhite); /* TODO: update all link colors to new theme */ --colorLinkDefault: #3781b8; --colorLinkHover: #3274a6; /* TODO: [darkmode] once all links are themed, replace and drop these */ --colorLinkDefaultNext: var(--colorBlue60); --colorLinkHoverNext: var(--colorBlue60); /*Icons*/ --colorIconDefault: var(--colorGray70); --colorIconLight: var(--colorGray40); --colorIconNeutralWhite: var(--colorWhite); --colorIconNeutralBlack: var(--colorGray70); /*Surfaces and main Backgrounds*/ --surfaceBackgroundDefault: var(--colorWhite); --surfaceBackgroundLight: var(--colorGray01); --surfaceBackgroundMedium: var(--colorGray02); --surfaceBackgroundDark: var(--colorGray05); /*Card Backgrounds*/ --bgCardBase: var(--colorWhite); --bgCardLight: var(--colorGray01); --bgCardMedium: var(--colorGray02); --bgCardDark: var(--colorGray05); --bgCardHover: var(--colorWhite); --bgCardDrag: var(--colorWhite); /* Tooltip */ --colorBgTooltip: var(--colorGray70); --colorBgTooltipKey: var(--colorGray60); /*Other Backgrounds*/ --bgLight: var(--colorWhite); --bgDefault: var(--colorGray10); --bgInformational: var(--colorCyan50); --bgInformationalMuted: var(--colorCyan05); --bgWarn: var(--colorGold20); --bgWarnMuted: var(--colorGold05); --bgDanger: var(--colorRed50); --bgDangerMuted: var(--colorRed05); --bgSuccess: var(--colorGreen20); --bgSuccessMuted: var(--colorGreen05); --bgActive: var(--colorBlue50); --bgActiveMuted: var(--colorBlue05); /*Borders*/ --borderDefault: var(--colorGray10); --borderLight: var(--colorGray05); --borderHover: var(--colorGray20); --borderDanger: var(--colorRed50); --borderSuccess: var(--colorGreen40); --borderWarn: var(--colorGold40); --borderActive: var(--colorBlue40); --borderFocused: var(--colorBlue40); --borderDangerMuted: var(--colorRed10); --borderSuccessMuted: var(--colorGreen10); --borderWarnMuted: var(--colorGold10); --borderInformationalMuted: var(--colorCyan10); --borderActiveMuted: var(--colorBlue10); /*Forms e.g. Text areas, Selects, Input Fields*/ --formBackground: var(--colorWhite); --formBackgroundDisabled: var(--colorGray02); --formBorder: var(--colorGray10); --formBorderFocused: var(--colorBlue40); --formBorderDanger: var(--colorRed50); /*Form Controls e.g. Switches, Radio buttons, Checkboxes*/ --bgFormControlEnabledUnchecked: var(--colorWhite); --bgFormControlEnabledChecked: var(--colorBlue50); --bgFormControlDisabled: var(--colorGray10); --bgFormControlToggleEnabledUnchecked: var(--colorGray20); --borderFormControlEnabledUnchecked: var(--colorGray10); --fillFormControlEnabled: var(--colorWhite); --fillFormControlDisabled: var(--colorGray40); /*Menus and Popovers*/ --bgPopover: var(--colorWhite); --bgMenuItemDefault: var(--colorWhite); --bgMenuItemHover: var(--colorGray05); --bgMenuItemActive: var(--colorBlue50); --bgMenuItemDangerHover: var(--colorRed50); /*Modals*/ --bgModalHeader: var(--colorWhite); --bgModalContent: var(--colorWhite); --bgModalFooter: var(--colorGray05); /*Search*/ --bgSearchEnabled: var(--colorGray05); --bgSearchHover: var(--colorGray05); --bgSearchActive: var(--colorWhite); --borderSearchActive: var(--colorGray10); /*Skeleton Loader*/ --bgSkeleton: var(--colorGray05); /*Tables*/ --bgTableHeaderDefault: var(--colorGray02); --bgTableHeaderHover: var(--colorGray05); --bgTableHeaderHighlighted: var(--colorBlue05); --bgTableCellDefault: var(--colorWhite); --bgTableCellHover: var(--colorGray01); --bgTableCellHighlighted: var(--colorBlue02); /*Tokens*/ --bgTokenDefault: var(--colorBlue05); --bgTokenHover: var(--colorBlue10); --bgTokenPressed: var(--colorBlue20); --bgTokenConditionDefault: var(--colorBlue20); --bgTokenConditionPressed: var(--colorBlue30); /*Lead Sidebar*/ --bgSidebarHeader: var(--colorGray02); --bgSidebarBodyPrimary: var(--colorWhite); --bgSidebarBodySecondary: var(--colorGray02); /*Primary Button*/ --bgButtonPrimaryEnabled: var(--colorBlue50); /* --bgButtonPrimaryHover: color-mix(in srgb, var(--colorBlue50) 90%, #000000); */ --bgButtonPrimaryHover: rgb(39, 97, 216); /* --bgButtonPrimaryPressed: color-mix(in srgb, var(--colorBlue50) 85%, #000000); */ --bgButtonPrimaryPressed: rgb(37, 92, 204); /* --borderButtonPrimary: color-mix(in srgb, var(--colorBlue50) 80%, #000000); */ --borderButtonPrimary: rgb(34, 86, 192); /*Default Button*/ --bgButtonDefaultEnabled: var(--colorWhite); --bgButtonDefaultHover: var(--colorGray05); --bgButtonDefaultPressed: var(--colorGray05); --borderButtonDefaultEnabled: var(--colorGray10); --borderButtonDefaultHover: var(--colorGray10); /*Danger Button*/ --bgButtonDangerEnabled: var(--colorWhite); --bgButtonDangerHover: var(--colorRed50); /* --bgButtonDangerPressed: color-mix(in srgb, var(--colorRed50) 85%, #000000); */ --bgButtonDangerPressed: rgb(188, 13, 28); /* --borderButtonDanger: color-mix(in srgb, var(--colorRed50) 80%, #000000); */ --borderButtonDanger: rgb(177, 12, 26); /*Borderless Button*/ --bgButtonBorderlessEnabled: transparent; --bgButtonBorderlessHover: rgba(0, 0, 0, 0.1); --bgButtonBorderlessPressed: rgba(0, 0, 0, 0.15); /*Fills for Avatars, Datepickers*/ --fillActive: var(--colorBlue50); --fillInformational: var(--colorCyan40); --fillDanger: var(--colorRed50); --fillWarn: var(--colorGold20); --fillSuccess: var(--colorGreen40); --fillLight: var(--colorWhite); /* Pill Tabs */ --colorBgTabPillPrimaryActive: var(--colorBlue50); --colorBgTabPillPrimaryHovered: var(--colorBlue05); --colorBgTabPillSecondaryActive: var(--colorGray05); --colorBgTabPillSecondaryHovered: var(--colorGray02); /*Colors for Reporting Charts and Graphs*/ --fillDataVisCategorical1: var(--colorPurple60); --fillDataVisCategorical2: var(--colorCyan40); --fillDataVisCategorical3: var(--colorTeal50); --fillDataVisCategorical4: var(--colorMagenta40); --fillDataVisCategorical5: var(--colorRed50); --fillDataVisCategorical6: var(--colorRed20); --fillDataVisCategorical7: var(--colorGreen30); --fillDataVisCategorical8: var(--colorBlue50); --fillDataVisCategorical9: var(--colorMagenta60); --fillDataVisCategorical10: var(--colorGold40); --fillDataVisCategorical11: var(--colorTeal30); --fillDataVisCategorical12: var(--colorCyan20); --fillDataVisCategorical13: var(--colorOrange40); --fillDataVisCategorical14: var(--colorPurple30); /*Left Navigation Sidebar*/ --bgNavSidebar: var(--colorGray90); --bgNavSidebarMenuitemHover: var(--colorGray80); --bgNavSidebarMenuitemActive: var(--colorGray80); /* Activity Icons */ --colorBgActivityCall: var(--colorGreen10); --colorIconActivityCall: var(--colorGreen70); --colorBgActivityOpportunity: var(--colorGreen10); --colorIconActivityOpportunity: var(--colorGreen70); --colorBgActivityNote: var(--colorGold10); --colorIconActivityNote: var(--colorGold70); --colorBgActivityCustomActivity: var(--colorGold10); --colorIconActivityCustomActivity: var(--colorGold70); --colorBgActivityLeadUpdate: var(--colorGray10); --colorIconActivityLeadUpdate: var(--colorGray70); --colorBgActivityTrigger: var(--colorGray10); --colorIconActivityTrigger: var(--colorGray70); --colorBgActivityTask: var(--colorOrange10); --colorIconActivityTask: var(--colorOrange70); --colorBgActivityAssignUser: var(--colorOrange10); --colorIconActivityAssignUser: var(--colorOrange70); --colorBgActivityMeeting: var(--colorPurple10); --colorIconActivityMeeting: var(--colorPurple70); --colorBgActivityEmail: var(--colorCyan10); --colorIconActivityEmail: var(--colorCyan70); --colorBgActivitySMS: var(--colorTeal10); --colorIconActivitySMS: var(--colorTeal70); --colorBgActivityMissedCall: var(--colorRed10); --colorIconActivityMissedCall: var(--colorRed50); /* Empty State */ --colorGradientEmptyState: linear-gradient( 180deg, #f2f3f9 -7.99%, rgba(242, 243, 249, 0) 20.37% ); } body.sb-theme-dark, :root[data-color-mode='dark'] { /* Texts and Links */ --colorTextDefault: var(--colorGray10); --colorTextMedium: var(--colorGray30); --colorTextLight: var(--colorGray40); --colorTextDanger: var(--colorRed30); --colorTextWarn: var(--colorGold20); --colorTextSuccess: var(--colorGreen20); --colorTextInformational: var(--colorCyan20); --colorTextDiscount: var(--colorWhite); --colorTextNeutralWhite: var(--colorWhite); --colorTextNeutralBlack: var(--colorGray80); --colorTextNeutralInvert: var(--colorGray80); --colorLinkDefault: var(--colorBlue40); --colorLinkHover: var(--colorBlue40); /* TODO: [darkmode] update light-mode link color and then drop these */ --colorLinkDefaultNext: var(--colorLinkDefault); --colorLinkHoverNext: var(--colorLinkHover); /* Icons */ --colorIconDefault: var(--colorGray20); --colorIconLight: var(--colorGray50); --colorIconNeutralWhite: var(--colorWhite); --colorIconNeutralBlack: var(--colorGray70); /* Surfaces and main Backgrounds */ --surfaceBackgroundDefault: var(--colorGray90); --surfaceBackgroundLight: var(--colorGray92); --surfaceBackgroundMedium: var(--colorGray92); --surfaceBackgroundDark: var(--colorGray92); /* Card Backgrounds */ --bgCardBase: var(--colorGray90); --bgCardLight: var(--colorGray88); --bgCardMedium: var(--colorGray92); --bgCardDark: var(--colorGray85); --bgCardHover: var(--colorGray88); --bgCardDrag: var(--colorGray85); /* Tooltip */ --colorBgTooltip: var(--colorGray70); --colorBgTooltipKey: var(--colorGray60); /* Other Backgrounds */ --bgLight: var(--colorGray90); --bgDefault: var(--colorGray80); --bgInformationalMuted: var(--colorCyan80); --bgWarn: var(--colorGold10); --bgWarnMuted: var(--colorGold80); --bgDanger: var(--colorRed40); --bgDangerMuted: var(--colorRed80); --bgSuccess: var(--colorGreen10); --bgSuccessMuted: var(--colorGreen80); --bgActive: var(--colorBlue50); --bgActiveMuted: var(--colorBlue80); /* Borders */ --borderDefault: var(--colorGray80); --borderLight: var(--colorGray85); --borderHover: var(--colorGray70); --borderDanger: var(--colorRed30); --borderSuccess: var(--colorGreen20); --borderWarn: var(--colorGold20); --borderActive: var(--colorBlue40); --borderFocused: var(--colorBlue40); --borderDangerMuted: var(--colorRed70); --borderSuccessMuted: var(--colorGreen70); --borderWarnMuted: var(--colorGold70); --borderInformationalMuted: var(--colorCyan70); --borderActiveMuted: var(--colorBlue70); /* Forms e.g. Text areas, Selects, Input Fields */ --formBackground: var(--colorGray90); --formBackgroundDisabled: var(--colorGray88); --formBorder: var(--colorGray80); --formBorderFocused: var(--colorBlue40); --formBorderDanger: var(--colorRed30); /* Form Controls e.g. Switches, Radio buttons, Checkboxes */ --bgFormControlEnabledUnchecked: var(--colorGray90); --bgFormControlEnabledChecked: var(--colorBlue40); --bgFormControlDisabled: var(--colorGray80); --bgFormControlToggleEnabledUnchecked: var(--colorGray80); --borderFormControlEnabledUnchecked: var(--colorGray80); --fillFormControlEnabled: var(--colorWhite); --fillFormControlDisabled: var(--colorGray50); /* Menus and Popovers */ --bgPopover: var(--colorGray88); --bgMenuItemDefault: var(--colorGray88); --bgMenuItemHover: var(--colorGray80); --bgMenuItemActive: var(--colorBlue50); --bgMenuItemDangerHover: var(--colorRed60); /* Modals */ --bgModalHeader: var(--colorGray90); --bgModalContent: var(--colorGray90); --bgModalFooter: var(--colorGray85); /* Search */ --bgSearchEnabled: var(--colorGray80); --bgSearchHover: var(--colorGray80); --bgSearchActive: var(--colorGray90); --borderSearchActive: var(--colorGray80); /* Skeleton Loader */ --bgSkeleton: var(--colorGray85); /* Tables */ --bgTableHeaderDefault: var(--colorGray88); --bgTableHeaderHover: var(--colorGray85); --bgTableHeaderHighlighted: var(--colorBlue80); --bgTableCellDefault: var(--colorGray90); --bgTableCellHover: var(--colorGray88); --bgTableCellHighlighted: var(--colorBlue90); /* Tokens */ --bgTokenDefault: var(--colorBlue80); --bgTokenHover: var(--colorBlue70); --bgTokenPressed: var(--colorBlue60); --bgTokenConditionDefault: var(--colorBlue60); --bgTokenConditionPressed: var(--colorBlue50); /* Left Navigation Sidebar */ --bgNavSidebar: var(--colorGray92); --bgNavSidebarMenuitemHover: var(--colorGray85); --bgNavSidebarMenuitemActive: var(--colorGray85); /* Primary Button */ --bgButtonPrimaryEnabled: var(--colorBlue50); --bgButtonPrimaryHover: color-mix(in srgb, var(--colorBlue50) 90%, #000000); --bgButtonPrimaryPressed: color-mix(in srgb, var(--colorBlue50) 85%, #000000); --borderButtonPrimary: color-mix(in srgb, var(--colorBlue50) 80%, #000000); /* Default Button */ --bgButtonDefaultEnabled: var(--colorGray90); --bgButtonDefaultHover: var(--colorGray85); --bgButtonDefaultPressed: var(--colorGray85); --borderButtonDefaultEnabled: var(--colorGray80); --borderButtonDefaultHover: var(--colorGray70); /* Danger Button */ --bgButtonDangerEnabled: var(--colorGray90); --bgButtonDangerHover: var(--colorRed40); --bgButtonDangerPressed: color-mix(in srgb, var(--colorRed40) 85%, #000000); --borderButtonDanger: color-mix(in srgb, var(--colorRed40) 80%, #000000); /* Borderless Button */ --bgButtonBorderlessEnabled: transparent; --bgButtonBorderlessHover: var(--colorGray85); --bgButtonBorderlessPressed: var(--colorGray80); /* Fills for Avatars, Datepickers */ --fillActive: var(--colorBlue50); --fillInformational: var(--colorCyan30); --fillDanger: var(--colorRed30); --fillWarn: var(--colorGold20); --fillSuccess: var(--colorGreen30); --fillLight: var(--colorGray90); /* Pill Tabs */ --colorBgTabPillPrimaryActive: var(--colorBlue50); --colorBgTabPillPrimaryHovered: var(--colorBlue80); --colorBgTabPillSecondaryActive: var(--colorGray80); --colorBgTabPillSecondaryHovered: var(--colorGray85); /* Colors for Reporting Charts and Graphs */ --fillDataVisCategorical1: var(--colorPurple50); --fillDataVisCategorical2: var(--colorCyan40); --fillDataVisCategorical3: var(--colorTeal50); --fillDataVisCategorical4: var(--colorMagenta30); --fillDataVisCategorical5: var(--colorRed40); --fillDataVisCategorical6: var(--colorRed20); --fillDataVisCategorical7: var(--colorGreen30); --fillDataVisCategorical8: var(--colorBlue40); --fillDataVisCategorical9: var(--colorMagenta50); --fillDataVisCategorical10: var(--colorGold40); --fillDataVisCategorical11: var(--colorTeal30); --fillDataVisCategorical12: var(--colorCyan20); --fillDataVisCategorical13: var(--colorOrange40); --fillDataVisCategorical14: var(--colorPurple30); /* Left Navigation Sidebar */ --bgNavSidebar: var(--colorGray92); --bgNavSidebarMenuitemHover: var(--colorGray85); --bgNavSidebarMenuitemActive: var(--colorGray85); /* Dark Mode */ --colorBgActivityCall: var(--colorGreen70); --colorIconActivityCall: var(--colorGreen10); --colorBgActivityOpportunity: var(--colorGreen70); --colorIconActivityOpportunity: var(--colorGreen10); --colorBgActivityNote: var(--colorGold70); --colorIconActivityNote: var(--colorGold10); --colorBgActivityCustomActivity: var(--colorGold70); --colorIconActivityCustomActivity: var(--colorGold10); --colorBgActivityLeadUpdate: var(--colorGray70); --colorIconActivityLeadUpdate: var(--colorGray10); --colorBgActivityTrigger: var(--colorGray70); --colorIconActivityTrigger: var(--colorGray10); --colorBgActivityTask: var(--colorOrange70); --colorIconActivityTask: var(--colorOrange10); --colorBgActivityAssignUser: var(--colorOrange70); --colorIconActivityAssignUser: var(--colorOrange10); --colorBgActivityMeeting: var(--colorPurple70); --colorIconActivityMeeting: var(--colorPurple10); --colorBgActivityEmail: var(--colorCyan70); --colorIconActivityEmail: var(--colorCyan10); --colorBgActivitySMS: var(--colorTeal70); --colorIconActivitySMS: var(--colorTeal10); --colorBgActivityMissedCall: var(--colorRed70); --colorIconActivityMissedCall: var(--colorRed40); /* Empty State */ --colorGradientEmptyState: linear-gradient( 180deg, rgba(242, 243, 249, 0.1) -7.99%, rgba(242, 243, 249, 0) 20.37% ); } #main, #main > .container { width: 100%; height: 100%; } .container { display: flex; flex-direction: column; } .container .content-area-wrap { display: flex; flex-direction: row; flex: 1 1 auto; overflow: hidden; /* necessary for Firefox scrolling to work */ } .container .content-area-wrap .content-area { display: flex; flex-direction: column; flex: 1 1 auto; background: #f9f9f9; background: var(--surfaceBackgroundMedium); min-width: 0; position: relative; } .container .content-area-wrap .content-area .top-shadow { position: relative; display: flex; flex-direction: column; width: 100%; flex: 0 0 auto; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05); } .container .content-area-wrap .content-area .app-top { flex: 0 0 auto; } .container .content-area-wrap .content-area .app-top .active-call, .container .content-area-wrap .content-area .app-top .error-message { /* See active-call.less for nested styles for active call bar */ font-size: 16px; line-height: 37px; padding: 0 20px; } .container .content-area-wrap .content-area .app-top .error-message { border-bottom: 1px solid #ff9d9d; background: #fbbfbb; } .container .content-area-wrap .content-area .app-top .error-message .Btn { margin-top: 4px; } .container .content-area-wrap .content-area .app-content { display: flex; flex-direction: column; flex: 1 1 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch; /* for iPad */ height: 100%; padding: 24px; } /* For pages that don't include the full app layout, such as login, register, etc. */ .external { box-sizing: border-box; padding: 35px; } .SearchBox { --searchInputHeight: 40px; --clearButtonSize: 24px; --searchWidthInitial: 410px; --searchTransitionDuration: 200ms; flex-grow: 1; flex-shrink: 0; margin: 8px 0; position: relative; z-index: 4; /* above lead page stuff, but below bootstrap modals */ /* Definitions: .wide = textbox is full/large width .multiline = CAN be multiline .during-transition = during width transition for .wide */ } .SearchBox .search-container { position: absolute; left: 0; top: 0; width: var(--searchWidthInitial); transition: width var(--searchTransitionDuration) cubic-bezier(0.4, 0, 0.2, 1); transition: width var(--searchTransitionDuration) var(--standardCurve); } .SearchBox textarea { transition: height var(--searchTransitionDuration) cubic-bezier(0.4, 0, 0.2, 1); transition: height var(--searchTransitionDuration) var(--standardCurve); } .SearchBox form.form-search { padding: 0; margin: 0; } .SearchBox form.form-search .glyphicons { line-height: 16px; font-size: 14px; position: absolute; top: 12px; left: 12px; pointer-events: none; color: currentColor; } .SearchBox .search-query { box-shadow: none !important; } .SearchBox .search-query { line-height: 16px; color: rgb(150, 150, 150); background-color: rgba(0, 0, 0, 0.05); display: block; width: 100%; resize: none; border-radius: 3px; height: 100%; box-sizing: border-box; border: 1px solid transparent; border-right: 36px solid #f2f2f2; outline: none; transition: background-color 200ms, border-right-color 200ms; /* Don't use "padding: 11px 30px" or jquery-autosize won't work properly */ padding-top: 11px; padding-bottom: 11px; padding-left: 34px; padding-right: 34px; } @supports (color: color-mix(in lch, red, blue)) { .SearchBox .search-query { color: color-mix(in srgb, #fff 50%, var(--colorTextDefault)); } } .SearchBox .search-query:focus { box-shadow: 0 0 0 1px #eee !important; } .SearchBox .search-query:focus { background-color: #ffffff; background-color: var(--surfaceBackgroundDefault); border-right-color: #fff; padding-right: 0; } .SearchBox .search-query:focus { color: #2e2e2e; color: var(--colorTextDefault); } .SearchBox .form-search:not(.multiline) textarea, .SearchBox .form-search.during-transition textarea { height: var(--searchInputHeight) !important; } .SearchBox .form-search:not(.multiline) textarea, .SearchBox .form-search.during-transition textarea { /* when it's a 1-line non-expanded, make it look like an input (no wrapping) */ overflow: hidden; white-space: nowrap; } .SearchBox .form-search.wide .search-container { width: 100%; } .SearchBox .clear-btn { position: absolute; border: 1px solid transparent; border-radius: calc(var(--clearButtonSize) / 2); right: calc((var(--searchInputHeight) - var(--clearButtonSize)) / 2); padding: 0; top: calc((var(--searchInputHeight) - var(--clearButtonSize)) / 2); width: var(--clearButtonSize); height: var(--clearButtonSize); color: rgb(150, 150, 150); background: none; cursor: pointer; -webkit-user-select: none; user-select: none; overflow: hidden; outline: none; } @supports (color: color-mix(in lch, red, blue)) { .SearchBox .clear-btn { color: color-mix(in srgb, #fff 50%, var(--colorTextDefault)); } } .SearchBox .clear-btn svg { display: block; } .SearchBox .clear-btn:hover { color: rgb(67, 67, 67); } @supports (color: color-mix(in lch, red, blue)) { .SearchBox .clear-btn:hover { color: color-mix(in srgb, #fff 10%, var(--colorTextDefault)); } } .SearchBox .arrow { font-size: 8px; position: relative; right: -365px; top: -22px; cursor: pointer; } @media screen and (max-width: 767px) { .SearchBox .search-container { min-width: 100%; max-width: 100%; } .SearchBox .search-query { background-color: #f2f2f2; -webkit-appearance: none; appearance: none; } } .page-search h1 { display: inline-block; margin-right: 15px; } .page-search h4 { margin-bottom: 9px; } .page-search .search-main-inner .results-error { display: none; } .page-search p.count { margin: 2px 0 8px 0; } .page-search .list-keyboard-navigable tr.active > :first-child:before { width: 2px; } .page-search .list-leads .loader { margin-top: 5px; } .page-search .list-leads table { border: none; margin-bottom: 10px; table-layout: fixed; font-size: 13px; /* we'd use this if .customize-columns was actually inside the */ /*thead th {*/ /*vertical-align: top;*/ /*&:last-child {*/ /*padding-right: 4px;*/ /*}*/ /*}*/ } .page-search .list-leads table td { cursor: pointer; background: #ffffff; background: var(--bgTableCellDefault); } .page-search .list-leads table td.lead-link { color: #3781b8; color: var(--linkColor); } .page-search .list-leads table td.numeric { text-align: right; } .page-search .list-leads table td > .users-loading { color: #777; } .page-search .list-leads table td, .page-search .list-leads table th { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-color: #f1f1f1; border-color: var(--borderLight); } .page-search .list-leads table th { border-bottom: solid 1px #e2e2e2; border-bottom: solid 1px var(--borderDefault); } .page-search .list-leads table tr:first-child td { border-top-width: 0; } .page-search .list-leads table tr td:first-child, .page-search .list-leads table tr th:first-child { border-radius: 0 !important; } .page-search .list-leads table tr td:first-child, .page-search .list-leads table tr th:first-child { /* overwrite bootstrap defaults */ border-left: none; } .page-search .list-leads table th:not(.contact-buttons), .page-search .list-leads table td:not(.contact-buttons) { padding-right: 16px; padding-left: 16px; } .page-search .list-leads table td:not(.contact-buttons) { padding-top: 6px; padding-bottom: 6px; } .page-search .list-leads table th { font-weight: 600; font-weight: var(--fontWeightBold); font-size: 14px; line-height: 24px; background-image: none; } .page-search .list-leads table .sortable { --sorting-space: 12px; cursor: pointer; /* If sorting in descending order, centerize the downwards arrow and hide the other one. */ /* If sorting in ascending order, centerize the upwards arrow and hide the other one. */ } .page-search .list-leads table .sortable.is-narrow .sortable-value { padding-right: 0; } .page-search .list-leads table .sortable.is-narrow .sortable-value::before, .page-search .list-leads table .sortable.is-narrow .sortable-value::after { display: none; } .page-search .list-leads table .sortable.is-narrow:hover .sortable-value { /* Make space for sort arrows. */ padding-right: var(--sorting-space); } .page-search .list-leads table .sortable.is-narrow:hover .sortable-value::before, .page-search .list-leads table .sortable.is-narrow:hover .sortable-value::after { display: block; } .page-search .list-leads table .sortable.is-narrow.is-sortingAsc .sortable-value { /* Make space for sort arrows. */ padding-right: var(--sorting-space); } .page-search .list-leads table .sortable.is-narrow.is-sortingAsc .sortable-value::after { display: block; } .page-search .list-leads table .sortable.is-narrow.is-sortingAsc .sortable-value::before { display: none; } .page-search .list-leads table .sortable.is-narrow.is-sortingDesc .sortable-value { /* Make space for sort arrows. */ padding-right: var(--sorting-space); } .page-search .list-leads table .sortable.is-narrow.is-sortingDesc .sortable-value::after { display: none; } .page-search .list-leads table .sortable.is-narrow.is-sortingDesc .sortable-value::before { display: block; } .page-search .list-leads table .sortable.is-sortingAsc .sortable-value::before { display: none; } .page-search .list-leads table .sortable.is-sortingAsc .sortable-value::after { top: 10px; } .page-search .list-leads table .sortable.is-sortingDesc .sortable-value::before { top: 10px; } .page-search .list-leads table .sortable.is-sortingDesc .sortable-value::after { display: none; } .page-search .list-leads table .sortable.is-sortingAsc .sortable-value::before, .page-search .list-leads table .sortable.is-sortingDesc .sortable-value::before, .page-search .list-leads table .sortable:hover .sortable-value::before { border-top-color: #111; } .page-search .list-leads table .sortable.is-sortingAsc .sortable-value::after, .page-search .list-leads table .sortable.is-sortingDesc .sortable-value::after, .page-search .list-leads table .sortable:hover .sortable-value::after { border-bottom-color: #111; } .page-search .list-leads table .sortable .sortable-value { display: block; position: relative; padding-right: 12px; /* Make space for sort arrows. */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /* Sort arrows. before */ } .page-search .list-leads table .sortable .sortable-value::before, .page-search .list-leads table .sortable .sortable-value::after { content: ''; position: absolute; right: 0; display: inline-block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; } .page-search .list-leads table .sortable .sortable-value::before { top: 13px; border-top: 4px solid #b2b2b2; border-top: 4px solid var(--closeSilverChalice); } .page-search .list-leads table .sortable .sortable-value::after { top: 7px; border-bottom: 4px solid #b2b2b2; border-bottom: 4px solid var(--closeSilverChalice); } /* // smart filter tags .view { color: #3A87AD; background-color: #D9EDF7; padding: 2px 5px 0 5px; border: 1px solid #BCE8F1; margin: 2px 0 0 0; vertical-align: top; font-size: 12px; border-radius: 4px; .close-x { cursor: pointer; font-size: 1.2em; font-weight: bold; padding: 0 1px; } } */ .settingsGlobalStyles .phone-settings .phone-settings-alert { display: none; } .settingsGlobalStyles .phone-settings ul.list { margin-left: 0px; } .settingsGlobalStyles .phone-settings ul.list li { list-style: none; margin-top: 10px; } .settingsGlobalStyles .phone-settings h4 { line-height: 26px; /* 17.5px from Bootstrap */ width: 402px; } .settingsGlobalStyles .phone-settings p { width: 402px; margin-bottom: 25px; } .settingsGlobalStyles .phone-settings hr { margin-top: 30px; margin-bottom: 30px; border-top-color: rgba(0, 0, 0, 0.1); } .settingsGlobalStyles .phone-settings .popover { width: 500px; } .settingsGlobalStyles .phone-settings .popover p { width: auto; } .settingsGlobalStyles .phone-settings label { margin-top: 5px; } .settingsGlobalStyles .phone-settings .hangup-recording-upload { position: relative; } .settingsGlobalStyles .phone-settings .hangup-recording-upload input[type='file'] { height: auto; line-height: 1; } .settingsGlobalStyles .phone-settings .group-numbers-empty-state:not(:empty) { margin-bottom: 16px; } .settingsGlobalStyles .phone-settings .predictive-calling-abandonment-recording-upload .VoicemailRecording { margin-bottom: 16px; } .settingsGlobalStyles .phone-settings .microcopy { font-size: 13px; color: #5e5e5e; color: var(--colorTextMedium); } .settingsGlobalStyles .phone-settings .loading { margin-top: 20px; display: none; } .settingsGlobalStyles .phone-settings .phone-number { width: 400px; border: solid 1px #f1f1f1; border: solid 1px var(--borderLight); border-radius: 7px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); padding: 0; } .settingsGlobalStyles .phone-settings .phone-number:hover { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); box-shadow: var(--shadowLevel2); } .settingsGlobalStyles .phone-settings .phone-number .phoneLabelAndNumber { display: flex; gap: 6px; height: 20px; align-items: center; } .settingsGlobalStyles .phone-settings .phone-number .phoneLabelAndNumber .phoneLabel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 180px; color: #303030; /* Heading/H5 */ font-size: 14px; font-style: normal; font-weight: 600; line-height: 18px; } .settingsGlobalStyles .phone-settings .phone-number .phoneLabelAndNumber .phoneNumber { color: #303030; /* UI / Base - Regular */ font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; } .settingsGlobalStyles .phone-settings .phone-number .phoneNumberSpace { flex-grow: 1; } .settingsGlobalStyles .phone-settings .phone-number .js-navigate-to-edit { cursor: pointer; } .settingsGlobalStyles .phone-settings .phone-number:hover .edit-link, .settingsGlobalStyles .phone-settings .phone-number:hover .edit-label, .settingsGlobalStyles .phone-settings .phone-number:hover .edit-page-icon { display: inline-block !important; } .settingsGlobalStyles .phone-settings .phone-number .header { height: 45px; border-bottom: solid 1px #f1f1f1; border-bottom: solid 1px var(--borderLight); padding: 0 16px; margin-bottom: 0; border-radius: 4px 4px 0 0; display: flex; flex-direction: row; align-items: center; } .settingsGlobalStyles .phone-settings .phone-number .header h5 { display: inline; margin-bottom: 0; } .settingsGlobalStyles .phone-settings .phone-number .header .edit-label, .settingsGlobalStyles .phone-settings .phone-number .header .edit-page-icon, .settingsGlobalStyles .phone-settings .phone-number .header .delete-number { outline: 0; color: #bbb; position: relative; /* for each vertical icon position tweaks without affecting header height */ } .settingsGlobalStyles .phone-settings .phone-number .header .edit-label:hover, .settingsGlobalStyles .phone-settings .phone-number .header .edit-page-icon:hover, .settingsGlobalStyles .phone-settings .phone-number .header .delete-number:hover { color: #777; } .settingsGlobalStyles .phone-settings .phone-number .header .delete-number-disabled { color: #d8d8d8; } .settingsGlobalStyles .phone-settings .phone-number .header .edit-label, .settingsGlobalStyles .phone-settings .phone-number .header .edit-page-icon { display: none; margin: 0 5px; top: 1px; /* tweak icon position */ } .settingsGlobalStyles .phone-settings .phone-number .no-config { font-size: 13px; padding: 16px; } .settingsGlobalStyles .phone-settings .phone-number .no-config .glyphicons-question-sign { margin-left: 3px; vertical-align: baseline; } .settingsGlobalStyles .phone-settings .phone-number .config { border-radius: 0 0 7px 7px; padding: 16px; } .settingsGlobalStyles .phone-settings .phone-number .config > div:not(:last-child) { margin-bottom: 12px; } .settingsGlobalStyles .phone-settings .phone-number .config > div, .settingsGlobalStyles .phone-settings .phone-number .config > div h6 { color: #303030; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; } .settingsGlobalStyles .phone-settings .phone-number .config > div h6 { margin: 2px 0 0 0; display: inline-block; } .settingsGlobalStyles .phone-settings .phone-number .config > div .enable-link { margin-left: 3px; } .settingsGlobalStyles .phone-settings .phone-number .config > div .edit-link { display: none; margin-left: 5px; color: #bbb; } .settingsGlobalStyles .phone-settings .phone-number .config > div .edit-link:hover { color: #777; } .settingsGlobalStyles .phone-settings .phone-number .config > div > p { margin-bottom: 5px; } .settingsGlobalStyles .phone-settings .phone-number .config > div .play-recording { -webkit-text-decoration: none !important; text-decoration: none !important; } .settingsGlobalStyles .phone-settings .phone-number .config > div.group-number-members { display: flex; align-items: center; } .settingsGlobalStyles .phone-settings .phone-number .config > div.group-number-members .pic { display: inline-block; vertical-align: -5px; } .settingsGlobalStyles .phone-settings .phone-number .config > div.group-number-members .pic:first-of-type { margin-left: 3px; } .settingsGlobalStyles .phone-settings .phone-number .config > div.sms-mms-disabled-warning { margin-top: 3px; } .settingsGlobalStyles .phone-settings .phone-number .config > div.byoc-info { margin-top: 3px; } .settingsGlobalStyles .phone-settings .phone-number em { font-style: normal; font-weight: normal; margin-left: 5px; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .settingsGlobalStyles .phone-settings .phone-number audio { margin: 0 10px 5px 10px; width: calc(100% - 20px); } .change-phone-modal .modal-body { overflow-y: visible; /* because of Chosen.js */ } .change-phone-modal .modal-body .success .glyphicons { font-size: 20px; } .change-phone-modal .modal-body .success .message { display: inline-block; vertical-align: top; margin-top: 2px; } .change-phone-modal .modal-body .port-number-info { margin-top: 5px; } .change-phone-modal .modal-body .port-number-info a { margin-left: 3px; } .change-phone-modal form { margin-bottom: 0; } .change-phone-modal form .extra-error { text-align: right; float: right; } .change-phone-modal form .bbf-field { float: left; } .change-phone-modal form .bbf-field.field-ack { margin-bottom: 10px; } .change-phone-modal form .bbf-field.field-ack label { float: right; width: 500px; padding-left: 10px; font-weight: normal; } .change-phone-modal form .bbf-field.field-ack .bbf-editor { float: left; } .change-phone-modal form .bbf-field.field-ack .bbf-editor input { vertical-align: middle; } .change-phone-modal form .bbf-field.field-prefix { margin-left: 10px; } .change-phone-modal form .bbf-field.field-prefix input { padding: 2px 15px; height: 24px; width: 40px; } /* Edit Voicemail modal */ .edit-vm-modal-description { text-align: center; font-size: 16px; line-height: 20px; width: 80%; padding-bottom: 20px; margin: 0 auto 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .edit-vm-modal-hint { width: 80%; margin: 20px auto 5px; font-style: italic; font-size: 20px; line-height: 24px; font-weight: 600; font-weight: var(--fontWeightBold); } .edit-vm-modal-hint:before { content: 'Here is a compliant example:'; display: block; margin-bottom: 5px; color: #464a55; color: var(--colorMako); font-size: 14px; font-style: normal; font-weight: normal; line-height: 16px; } .edit-vm-modal-hint:empty { display: none; } button.edit-vm-modal-delete, button.edit-vm-modal-delete:hover { color: #da4f49; } /* Voicemail recorder */ .voicemail-recorder .form { overflow: hidden; margin: 0; } .voicemail-recorder .form div[type] > * { display: none; } .voicemail-recorder .form .dropzone { align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff; background: var(--surfaceBackgroundDefault); border: dashed 1px #999; color: #777; font-size: 16px; } .voicemail-recorder .form .dropzone:after { content: 'Drop files here to attach them'; } .voicemail-recorder .form .dropzone.active { color: #3781b8; color: var(--linkColor); border-color: #3781b8; border-color: var(--linkColor); } .voicemail-recorder .button-wrapper { text-align: center; padding: 20px 0; } .voicemail-recorder .button-wrapper > .Btn { margin-left: 8px; margin-right: 8px; } .voicemail-recorder label { display: inline-block; margin: 0; padding: 0; color: #3770b8; } .voicemail-recorder .loading { line-height: 32px; display: none; padding: 20px 0; margin: 10px 0 0; text-align: center; } .voicemail-recorder .description { text-align: center; margin-top: 10px; } .voicemail-recorder .unsupported { display: none; } .voicemail-recorder .play-recording, .voicemail-recorder .stop-recording, .voicemail-recorder .stop-playback, .voicemail-recorder .restart, .voicemail-recorder .start-recording, .voicemail-recorder .loading, .voicemail-recorder .description { display: none; } .voicemail-recorder[data-state='initial'] .start-recording, .voicemail-recorder[data-state='error'] .start-recording { display: inline-block; } .voicemail-recorder[data-state='initial'] .description, .voicemail-recorder[data-state='error'] .description { display: block; } .voicemail-recorder[data-state='initial'].no-recording .button-wrapper, .voicemail-recorder[data-state='error'].no-recording .button-wrapper { display: none; } .voicemail-recorder[data-state='initial'].no-recording .unsupported, .voicemail-recorder[data-state='error'].no-recording .unsupported { display: block; } .voicemail-recorder[data-state='initial'].no-recording .supported, .voicemail-recorder[data-state='error'].no-recording .supported { display: none; } .voicemail-recorder[data-state='initial'].no-recording .alert, .voicemail-recorder[data-state='error'].no-recording .alert { margin-top: 20px; } .voicemail-recorder[data-state='recording'] .stop-recording { display: inline-block; } .voicemail-recorder[data-state='recorded'] .play-recording, .voicemail-recorder[data-state='recorded'] .restart { display: inline-block; } .voicemail-recorder[data-state='playing'] .stop-playback, .voicemail-recorder[data-state='playing'] .restart { display: inline-block; } .voicemail-recorder[data-state='uploading'] .button-wrapper { display: none; } .voicemail-recorder[data-state='uploading'] .loading { display: block; } body.filedragging .voicemail-recorder .form .dropzone { display: flex; } .edit-forwarding-modal-form form { margin: 10px 0 0; } .edit-forwarding-modal-form form .field-forward_to_enabled label { display: inline-block; margin: 1px 0 0 5px; } .edit-forwarding-modal-form form .field-forward_to_enabled .bbf-editor { float: left; } .group-number-container { display: flex; } .group-number-container .group-number-add-user-container { display: flex; } .group-number-container .group-number-add-user-container .selectize-input { font-size: 14px; /* To match Bootstrap */ border-radius: 7px; border-radius: var(--baseInputBorderRadius); border-bottom-left-radius: 0; border-top-left-radius: 0; } .group-number-container-left, .group-number-container-right { flex: 1; box-sizing: border-box; width: 50%; /* Needed for overflow-text */ } .group-number-container-left { padding-right: 10px; } .group-number-container-right { padding-left: 10px; } .group-number-user { line-height: 28px; clear: both; display: flex; align-items: flex-start; /* Prevent image stretching */ flex-wrap: wrap; /* Allow error to be on a new line */ } .group-number-user-icon { font-size: 12px; } .group-number-media-item { margin-right: 6px; /* Match in input padding */ display: flex; align-items: center; justify-content: center; } .group-number-user-pic { align-self: normal; /* Correct flex weirdness in Firefox */ vertical-align: top; width: 28px; height: 28px; } .group-number-user-name { font-weight: 600; font-weight: var(--fontWeightBold); } .group-number-list-item { margin: -1px 0 0 0; /* 16px with nested list item */ padding: 8px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } .group-number-list-item > .group-number-error { margin-top: 0; padding-bottom: 4px; /* Balance the spacing at the top */ } .group-number-list { margin: 16px 0 0 0; padding: 0; } .group-number-overflow { text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; flex: 1; } /* class is applied to both the input element and the selectize popover */ .group-number-user-input:not(.selectize-dropdown) { flex: 1; display: inline; height: 30px; } .group-number-add-user-container-icon { width: 28px; padding-left: 0; padding-right: 0; margin-bottom: 0; border-radius: 7px; border-radius: var(--baseInputBorderRadius); } .group-number-phone { line-height: 28px; display: flex; clear: both; flex-wrap: wrap; } .group-number-add-phone-container { display: flex; align-items: center; } .group-number-add-phone-container-input { display: flex; flex: 1; margin-right: 5px; } input[type='text'].group-number-phone-input { flex: 1; width: auto; margin-bottom: 0; } .group-number-member-remove { border: 0; background: transparent; margin-right: -10px; width: 28px; height: 28px; } .group-number-error { line-height: 16px; width: 100%; /* So it appears on new line with flex-wrap */ margin-top: 8px; /* Hide errors with no content */ } .group-number-error:empty { display: none; } .group-number-loader { margin-top: 5px; margin-bottom: 5px; } #new-member-user-selectized { margin-left: -4px !important; } #new-member-user-selectized { /* Make it look like normal input */ /* Needed because selectize also has `!important` */ font-size: 14px; } .Gap--large { margin-top: 24px; margin-top: var(--spacing-24); } @media screen and (max-width: 767px) { .Gap--large { margin-top: 16px; margin-top: var(--spacing-16); } } .bbf-label-append { margin-left: 5px; font-style: normal; font-weight: normal; color: #5e5e5e; color: var(--colorTextMedium); } .no-permission-modal-header { border-bottom: 0; } .no-permission-modal-footer { border-top: 0; } .settingsGlobalStyles { /* TODO: use component when migrating the screen to React */ /* label elements not rendered by backbone-form are */ /* styled at the component level */ /* adapted from http://css-tricks.com/css3-progress-bars/ */ } .settingsGlobalStyles h3 { margin: 0 0 8px 0; font-size: 18px; line-height: 24px; font-weight: 600; font-weight: var(--fontWeightBold); } .settingsGlobalStyles h3 + p { color: #767676; color: var(--gray-50); } .settingsGlobalStyles .bbf-field label { font-weight: 600; font-weight: var(--fontWeightBold); font-size: 0.9em; } .settingsGlobalStyles .manage-organizations li { line-height: 30px; } .settingsGlobalStyles .manage-organizations .leave { margin: -5px 0 0 15px; } .settingsGlobalStyles .email-settings { --formWidth: 468px; /* enough room to fit all editor toolbar buttons */ } .settingsGlobalStyles .email-settings form { margin: 0; width: var(--formWidth); } .settingsGlobalStyles .email-settings .signature-form label { display: none; } .settingsGlobalStyles .email-settings .signature-form textarea { width: 100%; height: 70px; resize: vertical; box-sizing: border-box; } .settingsGlobalStyles .email-settings form.track-email-opens-form { width: auto; margin-bottom: 20px; } .settingsGlobalStyles .email-settings form.track-email-opens-form label { font-weight: normal; } .settingsGlobalStyles .email-settings .lead-from-email { display: block; width: var(--formWidth); margin: 5px 0 20px 0; /* since it's readonly */ cursor: auto; background-color: #ffffff; background-color: var(--surfaceBackgroundDefault); } .settingsGlobalStyles .org-settings { position: relative; } .settingsGlobalStyles .org-settings .integration-links .table { width: auto; } .settingsGlobalStyles .org-settings .integration-links .add-button { margin-bottom: 10px; } .settingsGlobalStyles .audio-level { position: relative; margin: 6px 0; background: #999; border-radius: 12px; padding: 1px; width: 220px; } .settingsGlobalStyles .audio-level .meter { height: 12px; position: relative; background: #ffffff; background: var(--surfaceBackgroundDefault); border-radius: 12px; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); } .settingsGlobalStyles .audio-level .meter > span { display: block; height: 100%; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); position: relative; overflow: hidden; } .settingsGlobalStyles .audio-level .yellow > span { background-color: #ff3; background-image: linear-gradient(#ff3, #cc3); } .settingsGlobalStyles .audio-level .red > span { background-color: #ff0; background-image: linear-gradient(#f99, #f33); } .settingsGlobalStyles .audio-level .green > span { background-color: #6f6; background-image: linear-gradient(#6f6, #393); } .settingsGlobalStyles .audio-volume input[type='range'] { margin-top: -4px; margin-bottom: 6px; width: 220px; } .settingsGlobalStyles .audio-volume input[type='range'] input[type='range'] { -webkit-appearance: none !important; } .settingsGlobalStyles .audio-volume input[type='range'] input[type='range'] { background: red; height: 4px; background-color: #ccc; border: 1px solid #999; border-radius: 12px; } .settingsGlobalStyles .audio-volume input[type='range'] input[type='range']::-webkit-slider-thumb { -webkit-appearance: none !important; } .settingsGlobalStyles .audio-volume input[type='range'] input[type='range']::-webkit-slider-thumb { height: 16px; width: 16px; border: 1px solid #999; box-shadow: 0 0 3px #000; border-radius: 14px; background-color: white; } .settingsGlobalStyles .audio-adjust { display: none; } .settingsGlobalStyles .audio-adjust label { font-weight: normal; } .settingsGlobalStyles .audio-adjust input { margin-top: -4px; } .merge-custom-fields-form select { width: 240px; } .sortable-dragging { border-radius: 5px; border: solid 1px #ccc; } .drag-to-sort-container { position: relative; } .drag-to-sort-container .drag-to-sort-handle-wrapper { position: absolute; opacity: 0; left: -21px; padding-right: 5px; cursor: move; height: 30px; } .drag-to-sort-container .drag-to-sort-handle-wrapper .drag-to-sort-handle { cursor: inherit; -webkit-text-decoration: none; text-decoration: none; padding: 5px; margin-top: 5px; font-size: 8px; vertical-align: middle; outline: none; border-radius: 50%; background: white; border: solid 1px #eaeaea; color: #808080; } .drag-to-sort-container .drag-to-sort-handle-wrapper.sorting { opacity: 0 !important; } .drag-to-sort-container:only-child .drag-to-sort-handle-wrapper { display: none; } .drag-to-sort-container.hover .drag-to-sort-handle-wrapper, .drag-to-sort-container.sortable-chosen .drag-to-sort-handle-wrapper { opacity: 1; } .drag-to-sort-container.sortable-ghost { opacity: 0.5; opacity: var(--disabledOpacity); } .VoicemailRecording { border: red; } .VoicemailRecording .recording-present .Btn { margin-right: 12px; } /*! * Bootstrap v2.0.4 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { /* Responsive images (ensure images don't scale beyond their parents) */ max-width: 100%; /* Part 1: Set a maximum relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } label, select, button, input[type='button'], input[type='reset'], input[type='submit'], input[type='radio'], input[type='checkbox'] { cursor: pointer; } input[type='search'] { box-sizing: content-box; -webkit-appearance: textfield; } input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { -webkit-text-decoration: underline; text-decoration: underline; } a[href]:after { content: ' (' attr(href) ')'; } abbr[title]:after { content: ' (' attr(title) ')'; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ''; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 32px; box-sizing: border-box; } body { margin: 0; font-family: -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; font-size: 14px; line-height: 20px; color: #2e2e2e; color: var(--colorTextDefault); background-color: #f9f9f9; background-color: var(--surfaceBackgroundMedium); } a { color: #3781b8; -webkit-text-decoration: none; text-decoration: none; } a:hover, a:focus { color: #3274a6; color: var(--linkColorHover); -webkit-text-decoration: underline; text-decoration: underline; } .img-rounded { border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #ffffff; background-color: var(--surfaceBackgroundDefault); border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { border-radius: 500px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: 600; font-weight: var(--fontWeightBold); } em { font-style: italic; } cite { font-style: normal; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: var(--iconLight); } h1, h2, h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } ul.inline, ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: 600; font-weight: var(--fontWeightBold); } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ''; line-height: 0; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #e2e2e2; border-top: 1px solid var(--borderDefault); border-bottom: 1px solid #ffffff; border-bottom: 1px solid var(--surfaceBackgroundDefault); } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #e2e2e2; border-bottom: 1px dotted var(--borderDefault); } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #e2e2e2; border-left: 5px solid var(--borderDefault); } blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } q:before, q:after, blockquote:before, blockquote:after { content: ''; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, .GlobalInput { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #5e5e5e; color: var(--colorTextMedium); border-radius: 7px; vertical-align: middle; } input, textarea { width: 206px; } textarea { height: auto; } textarea, .GlobalInput { background-color: #ffffff; background-color: var(--surfaceBackgroundDefault); border: 1px solid #e2e2e2; border: 1px solid var(--borderDefault); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear .2s, box-shadow linear .2s; } textarea:focus, .GlobalInput:focus { border-color: #598df2; border-color: var(--borderFocused); outline: 0; outline: thin dotted \9; /* IE6-9 */ } input[type='radio'], input[type='checkbox'] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type='file'], input[type='image'], input[type='submit'], input[type='reset'], input[type='button'], input[type='radio'], input[type='checkbox'] { width: auto; } select, input[type='file'] { height: 32px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 32px; } select { width: 220px; border: 1px solid #e2e2e2; border: 1px solid var(--borderDefault); background-color: #ffffff; background-color: var(--surfaceBackgroundDefault); } select[multiple], select[size] { height: auto; } select:focus, input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input::placeholder, textarea::placeholder { color: #767676; color: var(--colorTextLight); } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type='radio'], .checkbox input[type='checkbox'] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"] { float: none; margin-left: 0; } .input-append input[class*='span'], .input-prepend input[class*='span'], .row-fluid input[class*='span'], .row-fluid select[class*='span'], .row-fluid textarea[class*='span'], .row-fluid .input-prepend [class*='span'], .row-fluid .input-append [class*='span'] { display: inline-block; } input, textarea { margin-left: 0; } .controls-row [class*='span'] + [class*='span'] { margin-left: 20px; } input.span12, textarea.span12 { width: 926px; } input.span11, textarea.span11 { width: 846px; } input.span10, textarea.span10 { width: 766px; } input.span9, textarea.span9 { width: 686px; } input.span8, textarea.span8 { width: 606px; } input.span7, textarea.span7 { width: 526px; } input.span6, textarea.span6 { width: 446px; } input.span5, textarea.span5 { width: 366px; } input.span4, textarea.span4 { width: 286px; } input.span3, textarea.span3 { width: 206px; } input.span2, textarea.span2 { width: 126px; } input.span1, textarea.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; content: ''; line-height: 0; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*='span'], .controls-row .radio[class*='span'] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #f9f9f9; background-color: var(--formBackgroundDisabled); } input[type='radio'][disabled], input[type='checkbox'][disabled], input[type='radio'][readonly], input[type='checkbox'][readonly] { background-color: transparent; } .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } .GlobalInput:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } .GlobalInput:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ''; line-height: 0; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #455367; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 5px; } .input-append, .input-prepend { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .popover, .input-prepend .popover { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; border-radius: 0 7px 7px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; background-color: #f1f1f1; background-color: var(--surfaceBackgroundDark); border: 1px solid #e2e2e2; border: 1px solid var(--borderDefault); } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .active, .input-prepend .active { background-color: #edf9f1; background-color: var(--successBackgroundColor); border-color: #dce6df; border-color: var(--successBorderColor); } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { border-radius: 7px 0 0 7px; } .input-append input, .input-append select { border-radius: 7px 0 0 7px; } .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child { border-radius: 0 7px 7px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child { border-radius: 0 7px 7px 0; } .input-prepend.input-append input, .input-prepend.input-append select { border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn { border-radius: 0 7px 7px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; border-radius: 7px 0 0 7px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; border-radius: 0 7px 7px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { border-radius: 0; } .form-search .input-append .search-query { border-radius: 14px 0 0 14px; } .form-search .input-append .btn { border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-bottom: 0; vertical-align: middle; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type='radio'], .form-search .checkbox input[type='checkbox'], .form-inline .radio input[type='radio'], .form-inline .checkbox input[type='checkbox'] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ''; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } .table { width: 100%; margin-bottom: 20px; border-collapse: collapse; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } .table th { font-weight: 600; font-weight: var(--fontWeightBold); } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table-bordered { border: 1px solid #ddd; border-collapse: separate; border-spacing: 0; border-left: 0; border-radius: 3px; } .table-bordered th, .table-bordered td { border-left: 1px solid #ddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { border-top-left-radius: 3px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { border-top-right-radius: 3px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { border-bottom-left-radius: 3px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { border-bottom-right-radius: 3px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { border-top-left-radius: 3px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { border-top-right-radius: 3px; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #fafbfb; } .dropup, .dropdown { position: relative; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; background-color: var(--surfaceBackgroundDefault); border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: 600; font-weight: var(--fontWeightBold); line-height: 20px; color: #2e2e2e; color: var(--colorTextDefault); text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #2e2e2e; color: var(--colorTextDefault); -webkit-text-decoration: none; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-radius: 3px; background-color: #fcf8e3; } .alert h4 { color: #c09853; margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #dff0d8; } .alert-success h4 { color: #468847; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .tooltip { position: absolute; z-index: 1060; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; } .tooltip.in { opacity: 1; } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 380px; padding: 8px; color: #ffffff; color: var(--colorTextNeutralWhite); text-align: center; -webkit-text-decoration: none; text-decoration: none; background-color: #474747; background-color: var(--colorBgTooltip); border-radius: 3px; border-radius: var(--baseBorderRadius); white-space: pre-wrap; word-break: break-word; } .tooltip-inner a { color: inherit; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #474747; border-top-color: var(--colorBgTooltip); } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #474747; border-right-color: var(--colorBgTooltip); } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #474747; border-left-color: var(--colorBgTooltip); } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #474747; border-bottom-color: var(--colorBgTooltip); } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 3px; } .progress .bar { width: 0%; height: 100%; color: #ffffff; color: var(--surfaceBackgroundDefault); float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; transition: width 0.6s ease; } .progress .bar + .bar { box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); } .progress-striped .bar { background-color: #149bdf; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .bar { animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { padding: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-bottom: 6px solid var(--surfaceBackgroundDefault); border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; border-top: 6px solid var(--surfaceBackgroundDefault); } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #5e5e5e; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #5e5e5e; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { border-color: #fdf59a #fdf59a #fbed50; *background-color: #fdf59a; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #000; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { color: #fff; background-color: #fdf59a; *background-color: #fcf282; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eee; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { border-color: #f3e97a #f3e97a #edde34; *background-color: #f3e97a; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { color: #fff; background-color: #f3e97a; *background-color: #f1e663; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { border-color: #454545 #454545 #1e1e1e; *background-color: #454545; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { color: #fff; background-color: #454545; *background-color: #383838; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #2b2b2b \9; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { border-color: #3756b8 #3756b8 #253a7d; *background-color: #3756b8; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { color: #fff; background-color: #3756b8; *background-color: #314da4; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #2b4491 \9; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover { background: #eee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #5e5e5e; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { border-color: #3756b8 #3756b8 #253a7d; *background-color: #3756b8; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { color: #fff; background-color: #3756b8; *background-color: #314da4; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #2b4491 \9; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #5e5e5e; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-append.date .add-on i, .input-prepend.date .add-on i { cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 20px; padding: 4px 5px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 var(--surfaceBackgroundDefault); vertical-align: middle; background-color: #eee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } .ui-timepicker-wrapper { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); outline: none; z-index: 10001; margin: 0; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 11em; } .ui-timepicker-list { margin: 0; padding: 0; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: #888; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888; } .ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; } /* Override Bootstrap variables – keep in sync with globals.css */ /* We (Close) edited this file - only using .woff and woff2 formats - commented out all the animation stuff - made similar changes to glyphicons-social.less - fyi also we AREN'T also including glyphicons-bootstrap.css b/c it does more harm than good */ /* Glyphicons */ /* Since icons are fonts, they can be placed anywhere text is placed and are */ /* thus automatically sized to match the surrounding child. To use, create an */ /* inline element with the appropriate classes, like so: */ /* Star */ /* Import the fonts */ @font-face { font-family: 'Glyphicons Regular'; src: url(https://app.closeiocdn.com/dist/fonts/glyphicons-regular-1.9.2b.aca35251952e72d9e32d41217f0f97ab.woff2) format('woff2'), url(https://app.closeiocdn.com/dist/fonts/glyphicons-regular-1.9.2b.5db52c10f4dda7110727a22d4f2be780.woff) format('woff'); } /* Catchall baseclass */ .glyphicons { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Regular'; font-style: normal; font-weight: normal; line-height: 1; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*&:before{*/ /*display:inline-block;*/ /*padding:6px 8px;*/ /*}*/ } .glyphicons.x05 { font-size: 12px; } .glyphicons.x2 { font-size: 48px; /*&:before{*/ /*padding:8px 12px;*/ /*}*/ } .glyphicons.x3 { font-size: 72px; /*&:before{*/ /*padding:16px 20px;*/ /*}*/ } .glyphicons.x4 { font-size: 96px; /*&:before{*/ /*padding:20px 28px;*/ /*}*/ } .glyphicons.x5 { font-size: 120px; /*&:before{*/ /*padding:28px 36px;*/ /*}*/ } /* Light */ .glyphicons.light:before { color: #f2f2f2; } /* Drop shadow */ .glyphicons.drop:before { text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3); } /* Horizontal Flip */ .glyphicons.flip { transform: scaleX(-1); filter: FlipH; } .glyphicons.flipv { transform: scaleY(-1); filter: FlipV; } /* Rotate */ .glyphicons.rotate45 { transform: rotate(45deg); } .glyphicons.rotate90 { transform: rotate(90deg); } .glyphicons.rotate180 { transform: rotate(180deg); } .glyphicons.rotate270 { transform: rotate(270deg); } /* Individual icons */ .glyphicons-glass:before { content: '\E001'; } .glyphicons-leaf:before { content: '\E002'; } .glyphicons-dog:before { content: '\E003'; } .glyphicons-user:before { content: '\E004'; } .glyphicons-girl:before { content: '\E005'; } .glyphicons-car:before { content: '\E006'; } .glyphicons-user-add:before { content: '\E007'; } .glyphicons-user-remove:before { content: '\E008'; } .glyphicons-film:before { content: '\E009'; } .glyphicons-magic:before { content: '\E010'; } .glyphicons-envelope:before { content: '\E011'; } .glyphicons-camera:before { content: '\E012'; } .glyphicons-heart:before { content: '\E013'; } .glyphicons-beach-umbrella:before { content: '\E014'; } .glyphicons-train:before { content: '\E015'; } .glyphicons-print:before { content: '\E016'; } .glyphicons-bin:before { content: '\E017'; } .glyphicons-music:before { content: '\E018'; } .glyphicons-music-alt:before { content: '\E019'; } .glyphicons-heart-empty:before { content: '\E020'; } .glyphicons-home:before { content: '\E021'; } .glyphicons-snowflake:before { content: '\E022'; } .glyphicons-fire:before { content: '\E023'; } .glyphicons-magnet:before { content: '\E024'; } .glyphicons-parents:before { content: '\E025'; } .glyphicons-binoculars:before { content: '\E026'; } .glyphicons-road:before { content: '\E027'; } .glyphicons-search:before { content: '\E028'; } .glyphicons-cars:before { content: '\E029'; } .glyphicons-notes-2:before { content: '\E030'; } .glyphicons-pencil:before { content: '\E031'; } .glyphicons-bus:before { content: '\E032'; } .glyphicons-wifi-alt:before { content: '\E033'; } .glyphicons-luggage:before { content: '\E034'; } .glyphicons-old-man:before { content: '\E035'; } .glyphicons-woman:before { content: '\E036'; } .glyphicons-file:before { content: '\E037'; } .glyphicons-coins:before { content: '\E038'; } .glyphicons-plane:before { content: '\E039'; } .glyphicons-notes:before { content: '\E040'; } .glyphicons-stats:before { content: '\E041'; } .glyphicons-charts:before { content: '\E042'; } .glyphicons-pie-chart:before { content: '\E043'; } .glyphicons-group:before { content: '\E044'; } .glyphicons-keys:before { content: '\E045'; } .glyphicons-calendar:before { content: '\E046'; } .glyphicons-router:before { content: '\E047'; } .glyphicons-camera-small:before { content: '\E048'; } .glyphicons-star-empty:before { content: '\E049'; } .glyphicons-star:before { content: '\E050'; } .glyphicons-link:before { content: '\E051'; } .glyphicons-eye-open:before { content: '\E052'; } .glyphicons-eye-close:before { content: '\E053'; } .glyphicons-alarm:before { content: '\E054'; } .glyphicons-clock:before { content: '\E055'; } .glyphicons-stopwatch:before { content: '\E056'; } .glyphicons-projector:before { content: '\E057'; } .glyphicons-history:before { content: '\E058'; } .glyphicons-truck:before { content: '\E059'; } .glyphicons-cargo:before { content: '\E060'; } .glyphicons-compass:before { content: '\E061'; } .glyphicons-keynote:before { content: '\E062'; } .glyphicons-paperclip:before { content: '\E063'; } .glyphicons-power:before { content: '\E064'; } .glyphicons-lightbulb:before { content: '\E065'; } .glyphicons-tag:before { content: '\E066'; } .glyphicons-tags:before { content: '\E067'; } .glyphicons-cleaning:before { content: '\E068'; } .glyphicons-ruler:before { content: '\E069'; } .glyphicons-gift:before { content: '\E070'; } .glyphicons-umbrella:before { content: '\E071'; } .glyphicons-book:before { content: '\E072'; } .glyphicons-bookmark:before { content: '\E073'; } .glyphicons-wifi:before { content: '\E074'; } .glyphicons-cup:before { content: '\E075'; } .glyphicons-stroller:before { content: '\E076'; } .glyphicons-headphones:before { content: '\E077'; } .glyphicons-headset:before { content: '\E078'; } .glyphicons-warning-sign:before { content: '\E079'; } .glyphicons-signal:before { content: '\E080'; } .glyphicons-retweet:before { content: '\E081'; } .glyphicons-refresh:before { content: '\E082'; } .glyphicons-roundabout:before { content: '\E083'; } .glyphicons-random:before { content: '\E084'; } .glyphicons-heat:before { content: '\E085'; } .glyphicons-repeat:before { content: '\E086'; } .glyphicons-display:before { content: '\E087'; } .glyphicons-log-book:before { content: '\E088'; } .glyphicons-address-book:before { content: '\E089'; } .glyphicons-building:before { content: '\E090'; } .glyphicons-eyedropper:before { content: '\E091'; } .glyphicons-adjust:before { content: '\E092'; } .glyphicons-tint:before { content: '\E093'; } .glyphicons-crop:before { content: '\E094'; } .glyphicons-vector-path-square:before { content: '\E095'; } .glyphicons-vector-path-circle:before { content: '\E096'; } .glyphicons-vector-path-polygon:before { content: '\E097'; } .glyphicons-vector-path-line:before { content: '\E098'; } .glyphicons-vector-path-curve:before { content: '\E099'; } .glyphicons-vector-path-all:before { content: '\E100'; } .glyphicons-font:before { content: '\E101'; } .glyphicons-italic:before { content: '\E102'; } .glyphicons-bold:before { content: '\E103'; } .glyphicons-text-underline:before { content: '\E104'; } .glyphicons-text-strike:before { content: '\E105'; } .glyphicons-text-height:before { content: '\E106'; } .glyphicons-text-width:before { content: '\E107'; } .glyphicons-text-resize:before { content: '\E108'; } .glyphicons-left-indent:before { content: '\E109'; } .glyphicons-right-indent:before { content: '\E110'; } .glyphicons-align-left:before { content: '\E111'; } .glyphicons-align-center:before { content: '\E112'; } .glyphicons-align-right:before { content: '\E113'; } .glyphicons-justify:before { content: '\E114'; } .glyphicons-list:before { content: '\E115'; } .glyphicons-text-smaller:before { content: '\E116'; } .glyphicons-text-bigger:before { content: '\E117'; } .glyphicons-embed:before { content: '\E118'; } .glyphicons-embed-close:before { content: '\E119'; } .glyphicons-table:before { content: '\E120'; } .glyphicons-message-full:before { content: '\E121'; } .glyphicons-message-empty:before { content: '\E122'; } .glyphicons-message-in:before { content: '\E123'; } .glyphicons-message-out:before { content: '\E124'; } .glyphicons-message-plus:before { content: '\E125'; } .glyphicons-message-minus:before { content: '\E126'; } .glyphicons-message-ban:before { content: '\E127'; } .glyphicons-message-flag:before { content: '\E128'; } .glyphicons-message-lock:before { content: '\E129'; } .glyphicons-message-new:before { content: '\E130'; } .glyphicons-inbox:before { content: '\E131'; } .glyphicons-inbox-plus:before { content: '\E132'; } .glyphicons-inbox-minus:before { content: '\E133'; } .glyphicons-inbox-lock:before { content: '\E134'; } .glyphicons-inbox-in:before { content: '\E135'; } .glyphicons-inbox-out:before { content: '\E136'; } .glyphicons-cogwheel:before { content: '\E137'; } .glyphicons-cogwheels:before { content: '\E138'; } .glyphicons-picture:before { content: '\E139'; } .glyphicons-adjust-alt:before { content: '\E140'; } .glyphicons-database-lock:before { content: '\E141'; } .glyphicons-database-plus:before { content: '\E142'; } .glyphicons-database-minus:before { content: '\E143'; } .glyphicons-database-ban:before { content: '\E144'; } .glyphicons-folder-open:before { content: '\E145'; } .glyphicons-folder-plus:before { content: '\E146'; } .glyphicons-folder-minus:before { content: '\E147'; } .glyphicons-folder-lock:before { content: '\E148'; } .glyphicons-folder-flag:before { content: '\E149'; } .glyphicons-folder-new:before { content: '\E150'; } .glyphicons-edit:before { content: '\E151'; } .glyphicons-new-window:before { content: '\E152'; } .glyphicons-check:before { content: '\E153'; } .glyphicons-unchecked:before { content: '\E154'; } .glyphicons-more-windows:before { content: '\E155'; } .glyphicons-show-big-thumbnails:before { content: '\E156'; } .glyphicons-show-thumbnails:before { content: '\E157'; } .glyphicons-show-thumbnails-with-lines:before { content: '\E158'; } .glyphicons-show-lines:before { content: '\E159'; } .glyphicons-playlist:before { content: '\E160'; } .glyphicons-imac:before { content: '\E161'; } .glyphicons-macbook:before { content: '\E162'; } .glyphicons-ipad:before { content: '\E163'; } .glyphicons-iphone:before { content: '\E164'; } .glyphicons-iphone-transfer:before { content: '\E165'; } .glyphicons-iphone-exchange:before { content: '\E166'; } .glyphicons-ipod:before { content: '\E167'; } .glyphicons-ipod-shuffle:before { content: '\E168'; } .glyphicons-ear-plugs:before { content: '\E169'; } .glyphicons-record:before { content: '\E170'; } .glyphicons-step-backward:before { content: '\E171'; } .glyphicons-fast-backward:before { content: '\E172'; } .glyphicons-rewind:before { content: '\E173'; } .glyphicons-play:before { content: '\E174'; } .glyphicons-pause:before { content: '\E175'; } .glyphicons-stop:before { content: '\E176'; } .glyphicons-forward:before { content: '\E177'; } .glyphicons-fast-forward:before { content: '\E178'; } .glyphicons-step-forward:before { content: '\E179'; } .glyphicons-eject:before { content: '\E180'; } .glyphicons-facetime-video:before { content: '\E181'; } .glyphicons-download-alt:before { content: '\E182'; } .glyphicons-mute:before { content: '\E183'; } .glyphicons-volume-down:before { content: '\E184'; } .glyphicons-volume-up:before { content: '\E185'; } .glyphicons-screenshot:before { content: '\E186'; } .glyphicons-move:before { content: '\E187'; } .glyphicons-more:before { content: '\E188'; } .glyphicons-brightness-reduce:before { content: '\E189'; } .glyphicons-brightness-increase:before { content: '\E190'; } .glyphicons-plus-sign:before { content: '\E191'; } .glyphicons-minus-sign:before { content: '\E192'; } .glyphicons-remove-sign:before { content: '\E193'; } .glyphicons-ok-sign:before { content: '\E194'; } .glyphicons-question-sign:before { content: '\E195'; } .glyphicons-info-sign:before { content: '\E196'; } .glyphicons-exclamation-sign:before { content: '\E197'; } .glyphicons-remove-circle:before { content: '\E198'; } .glyphicons-ok-circle:before { content: '\E199'; } .glyphicons-ban-circle:before { content: '\E200'; } .glyphicons-download:before { content: '\E201'; } .glyphicons-upload:before { content: '\E202'; } .glyphicons-shopping-cart:before { content: '\E203'; } .glyphicons-lock:before { content: '\E204'; } .glyphicons-unlock:before { content: '\E205'; } .glyphicons-electricity:before { content: '\E206'; } .glyphicons-ok:before { content: '\E207'; } .glyphicons-remove:before { content: '\E208'; } .glyphicons-cart-in:before { content: '\E209'; } .glyphicons-cart-out:before { content: '\E210'; } .glyphicons-arrow-left:before { content: '\E211'; } .glyphicons-arrow-right:before { content: '\E212'; } .glyphicons-arrow-down:before { content: '\E213'; } .glyphicons-arrow-up:before { content: '\E214'; } .glyphicons-resize-small:before { content: '\E215'; } .glyphicons-resize-full:before { content: '\E216'; } .glyphicons-circle-arrow-left:before { content: '\E217'; } .glyphicons-circle-arrow-right:before { content: '\E218'; } .glyphicons-circle-arrow-top:before { content: '\E219'; } .glyphicons-circle-arrow-down:before { content: '\E220'; } .glyphicons-play-button:before { content: '\E221'; } .glyphicons-unshare:before { content: '\E222'; } .glyphicons-share:before { content: '\E223'; } .glyphicons-chevron-right:before { content: '\E224'; } .glyphicons-chevron-left:before { content: '\E225'; } .glyphicons-bluetooth:before { content: '\E226'; } .glyphicons-euro:before { content: '\E227'; } .glyphicons-usd:before { content: '\E228'; } .glyphicons-gbp:before { content: '\E229'; } .glyphicons-retweet-2:before { content: '\E230'; } .glyphicons-moon:before { content: '\E231'; } .glyphicons-sun:before { content: '\E232'; } .glyphicons-cloud:before { content: '\E233'; } .glyphicons-direction:before { content: '\E234'; } .glyphicons-brush:before { content: '\E235'; } .glyphicons-pen:before { content: '\E236'; } .glyphicons-zoom-in:before { content: '\E237'; } .glyphicons-zoom-out:before { content: '\E238'; } .glyphicons-pin:before { content: '\E239'; } .glyphicons-albums:before { content: '\E240'; } .glyphicons-rotation-lock:before { content: '\E241'; } .glyphicons-flash:before { content: '\E242'; } .glyphicons-map-marker:before { content: '\E243'; } .glyphicons-anchor:before { content: '\E244'; } .glyphicons-conversation:before { content: '\E245'; } .glyphicons-chat:before { content: '\E246'; } .glyphicons-note-empty:before { content: '\E247'; } .glyphicons-note:before { content: '\E248'; } .glyphicons-asterisk:before { content: '\E249'; } .glyphicons-divide:before { content: '\E250'; } .glyphicons-snorkel-diving:before { content: '\E251'; } .glyphicons-scuba-diving:before { content: '\E252'; } .glyphicons-oxygen-bottle:before { content: '\E253'; } .glyphicons-fins:before { content: '\E254'; } .glyphicons-fishes:before { content: '\E255'; } .glyphicons-boat:before { content: '\E256'; } .glyphicons-delete:before { content: '\E257'; } .glyphicons-sheriffs-star:before { content: '\E258'; } .glyphicons-qrcode:before { content: '\E259'; } .glyphicons-barcode:before { content: '\E260'; } .glyphicons-pool:before { content: '\E261'; } .glyphicons-buoy:before { content: '\E262'; } .glyphicons-spade:before { content: '\E263'; } .glyphicons-bank:before { content: '\E264'; } .glyphicons-vcard:before { content: '\E265'; } .glyphicons-electrical-plug:before { content: '\E266'; } .glyphicons-flag:before { content: '\E267'; } .glyphicons-credit-card:before { content: '\E268'; } .glyphicons-keyboard-wireless:before { content: '\E269'; } .glyphicons-keyboard-wired:before { content: '\E270'; } .glyphicons-shield:before { content: '\E271'; } .glyphicons-ring:before { content: '\E272'; } .glyphicons-cake:before { content: '\E273'; } .glyphicons-drink:before { content: '\E274'; } .glyphicons-beer:before { content: '\E275'; } .glyphicons-fast-food:before { content: '\E276'; } .glyphicons-cutlery:before { content: '\E277'; } .glyphicons-pizza:before { content: '\E278'; } .glyphicons-birthday-cake:before { content: '\E279'; } .glyphicons-tablet:before { content: '\E280'; } .glyphicons-settings:before { content: '\E281'; } .glyphicons-bullets:before { content: '\E282'; } .glyphicons-cardio:before { content: '\E283'; } .glyphicons-t-shirt:before { content: '\E284'; } .glyphicons-pants:before { content: '\E285'; } .glyphicons-sweater:before { content: '\E286'; } .glyphicons-fabric:before { content: '\E287'; } .glyphicons-leather:before { content: '\E288'; } .glyphicons-scissors:before { content: '\E289'; } .glyphicons-bomb:before { content: '\E290'; } .glyphicons-skull:before { content: '\E291'; } .glyphicons-celebration:before { content: '\E292'; } .glyphicons-tea-kettle:before { content: '\E293'; } .glyphicons-french-press:before { content: '\E294'; } .glyphicons-coffee-cup:before { content: '\E295'; } .glyphicons-pot:before { content: '\E296'; } .glyphicons-grater:before { content: '\E297'; } .glyphicons-kettle:before { content: '\E298'; } .glyphicons-hospital:before { content: '\E299'; } .glyphicons-hospital-h:before { content: '\E300'; } .glyphicons-microphone:before { content: '\E301'; } .glyphicons-webcam:before { content: '\E302'; } .glyphicons-temple-christianity-church:before { content: '\E303'; } .glyphicons-temple-islam:before { content: '\E304'; } .glyphicons-temple-hindu:before { content: '\E305'; } .glyphicons-temple-buddhist:before { content: '\E306'; } .glyphicons-bicycle:before { content: '\E307'; } .glyphicons-life-preserver:before { content: '\E308'; } .glyphicons-share-alt:before { content: '\E309'; } .glyphicons-comments:before { content: '\E310'; } .glyphicons-flower:before { content: '\E311'; } .glyphicons-baseball:before { content: '\E312'; } .glyphicons-rugby:before { content: '\E313'; } .glyphicons-ax:before { content: '\E314'; } .glyphicons-table-tennis:before { content: '\E315'; } .glyphicons-bowling:before { content: '\E316'; } .glyphicons-tree-conifer:before { content: '\E317'; } .glyphicons-tree-deciduous:before { content: '\E318'; } .glyphicons-more-items:before { content: '\E319'; } .glyphicons-sort:before { content: '\E320'; } .glyphicons-filter:before { content: '\E321'; } .glyphicons-gamepad:before { content: '\E322'; } .glyphicons-playing-dices:before { content: '\E323'; } .glyphicons-calculator:before { content: '\E324'; } .glyphicons-tie:before { content: '\E325'; } .glyphicons-wallet:before { content: '\E326'; } .glyphicons-piano:before { content: '\E327'; } .glyphicons-sampler:before { content: '\E328'; } .glyphicons-podium:before { content: '\E329'; } .glyphicons-soccer-ball:before { content: '\E330'; } .glyphicons-blog:before { content: '\E331'; } .glyphicons-dashboard:before { content: '\E332'; } .glyphicons-certificate:before { content: '\E333'; } .glyphicons-bell:before { content: '\E334'; } .glyphicons-candle:before { content: '\E335'; } .glyphicons-pushpin:before { content: '\E336'; } .glyphicons-iphone-shake:before { content: '\E337'; } .glyphicons-pin-flag:before { content: '\E338'; } .glyphicons-turtle:before { content: '\E339'; } .glyphicons-rabbit:before { content: '\E340'; } .glyphicons-globe:before { content: '\E341'; } .glyphicons-briefcase:before { content: '\E342'; } .glyphicons-hdd:before { content: '\E343'; } .glyphicons-thumbs-up:before { content: '\E344'; } .glyphicons-thumbs-down:before { content: '\E345'; } .glyphicons-hand-right:before { content: '\E346'; } .glyphicons-hand-left:before { content: '\E347'; } .glyphicons-hand-up:before { content: '\E348'; } .glyphicons-hand-down:before { content: '\E349'; } .glyphicons-fullscreen:before { content: '\E350'; } .glyphicons-shopping-bag:before { content: '\E351'; } .glyphicons-book-open:before { content: '\E352'; } .glyphicons-nameplate:before { content: '\E353'; } .glyphicons-nameplate-alt:before { content: '\E354'; } .glyphicons-vases:before { content: '\E355'; } .glyphicons-bullhorn:before { content: '\E356'; } .glyphicons-dumbbell:before { content: '\E357'; } .glyphicons-suitcase:before { content: '\E358'; } .glyphicons-file-import:before { content: '\E359'; } .glyphicons-file-export:before { content: '\E360'; } .glyphicons-bug:before { content: '\E361'; } .glyphicons-crown:before { content: '\E362'; } .glyphicons-smoking:before { content: '\E363'; } .glyphicons-cloud-upload:before { content: '\E364'; } .glyphicons-cloud-download:before { content: '\E365'; } .glyphicons-restart:before { content: '\E366'; } .glyphicons-security-camera:before { content: '\E367'; } .glyphicons-expand:before { content: '\E368'; } .glyphicons-collapse:before { content: '\E369'; } .glyphicons-collapse-top:before { content: '\E370'; } .glyphicons-globe-af:before { content: '\E371'; } .glyphicons-global:before { content: '\E372'; } .glyphicons-spray:before { content: '\E373'; } .glyphicons-nails:before { content: '\E374'; } .glyphicons-claw-hammer:before { content: '\E375'; } .glyphicons-classic-hammer:before { content: '\E376'; } .glyphicons-hand-saw:before { content: '\E377'; } .glyphicons-riflescope:before { content: '\E378'; } .glyphicons-electrical-socket-eu:before { content: '\E379'; } .glyphicons-electrical-socket-us:before { content: '\E380'; } .glyphicons-message-forward:before { content: '\E381'; } .glyphicons-coat-hanger:before { content: '\E382'; } .glyphicons-dress:before { content: '\E383'; } .glyphicons-bathrobe:before { content: '\E384'; } .glyphicons-shirt:before { content: '\E385'; } .glyphicons-underwear:before { content: '\E386'; } .glyphicons-log-in:before { content: '\E387'; } .glyphicons-log-out:before { content: '\E388'; } .glyphicons-exit:before { content: '\E389'; } .glyphicons-new-window-alt:before { content: '\E390'; } .glyphicons-video-sd:before { content: '\E391'; } .glyphicons-video-hd:before { content: '\E392'; } .glyphicons-subtitles:before { content: '\E393'; } .glyphicons-sound-stereo:before { content: '\E394'; } .glyphicons-sound-dolby:before { content: '\E395'; } .glyphicons-sound-5-1:before { content: '\E396'; } .glyphicons-sound-6-1:before { content: '\E397'; } .glyphicons-sound-7-1:before { content: '\E398'; } .glyphicons-copyright-mark:before { content: '\E399'; } .glyphicons-registration-mark:before { content: '\E400'; } .glyphicons-radar:before { content: '\E401'; } .glyphicons-skateboard:before { content: '\E402'; } .glyphicons-golf-course:before { content: '\E403'; } .glyphicons-sorting:before { content: '\E404'; } .glyphicons-sort-by-alphabet:before { content: '\E405'; } .glyphicons-sort-by-alphabet-alt:before { content: '\E406'; } .glyphicons-sort-by-order:before { content: '\E407'; } .glyphicons-sort-by-order-alt:before { content: '\E408'; } .glyphicons-sort-by-attributes:before { content: '\E409'; } .glyphicons-sort-by-attributes-alt:before { content: '\E410'; } .glyphicons-compressed:before { content: '\E411'; } .glyphicons-package:before { content: '\E412'; } .glyphicons-cloud-plus:before { content: '\E413'; } .glyphicons-cloud-minus:before { content: '\E414'; } .glyphicons-disk-save:before { content: '\E415'; } .glyphicons-disk-open:before { content: '\E416'; } .glyphicons-disk-saved:before { content: '\E417'; } .glyphicons-disk-remove:before { content: '\E418'; } .glyphicons-disk-import:before { content: '\E419'; } .glyphicons-disk-export:before { content: '\E420'; } .glyphicons-tower:before { content: '\E421'; } .glyphicons-send:before { content: '\E422'; } .glyphicons-git-branch:before { content: '\E423'; } .glyphicons-git-create:before { content: '\E424'; } .glyphicons-git-private:before { content: '\E425'; } .glyphicons-git-delete:before { content: '\E426'; } .glyphicons-git-merge:before { content: '\E427'; } .glyphicons-git-pull-request:before { content: '\E428'; } .glyphicons-git-compare:before { content: '\E429'; } .glyphicons-git-commit:before { content: '\E430'; } .glyphicons-construction-cone:before { content: '\E431'; } .glyphicons-shoe-steps:before { content: '\E432'; } .glyphicons-plus:before { content: '\E433'; } .glyphicons-minus:before { content: '\E434'; } .glyphicons-redo:before { content: '\E435'; } .glyphicons-undo:before { content: '\E436'; } .glyphicons-golf:before { content: '\E437'; } .glyphicons-hockey:before { content: '\E438'; } .glyphicons-pipe:before { content: '\E439'; } .glyphicons-wrench:before { content: '\E440'; } .glyphicons-folder-closed:before { content: '\E441'; } .glyphicons-phone-alt:before { content: '\E442'; } .glyphicons-earphone:before { content: '\E443'; } .glyphicons-floppy-disk:before { content: '\E444'; } .glyphicons-floppy-saved:before { content: '\E445'; } .glyphicons-floppy-remove:before { content: '\E446'; } .glyphicons-floppy-save:before { content: '\E447'; } .glyphicons-floppy-open:before { content: '\E448'; } .glyphicons-translate:before { content: '\E449'; } .glyphicons-fax:before { content: '\E450'; } .glyphicons-factory:before { content: '\E451'; } .glyphicons-shop-window:before { content: '\E452'; } .glyphicons-shop:before { content: '\E453'; } .glyphicons-kiosk:before { content: '\E454'; } .glyphicons-kiosk-wheels:before { content: '\E455'; } .glyphicons-kiosk-light:before { content: '\E456'; } .glyphicons-kiosk-food:before { content: '\E457'; } .glyphicons-transfer:before { content: '\E458'; } .glyphicons-money:before { content: '\E459'; } .glyphicons-header:before { content: '\E460'; } .glyphicons-blacksmith:before { content: '\E461'; } .glyphicons-saw-blade:before { content: '\E462'; } .glyphicons-basketball:before { content: '\E463'; } .glyphicons-server:before { content: '\E464'; } .glyphicons-server-plus:before { content: '\E465'; } .glyphicons-server-minus:before { content: '\E466'; } .glyphicons-server-ban:before { content: '\E467'; } .glyphicons-server-flag:before { content: '\E468'; } .glyphicons-server-lock:before { content: '\E469'; } .glyphicons-server-new:before { content: '\E470'; } .glyphicons-charging-station:before { content: '\E471'; } .glyphicons-gas-station:before { content: '\E472'; } .glyphicons-target:before { content: '\E473'; } .glyphicons-bed:before { content: '\E474'; } .glyphicons-mosquito:before { content: '\E475'; } .glyphicons-dining-set:before { content: '\E476'; } .glyphicons-plate-of-food:before { content: '\E477'; } .glyphicons-hygiene-kit:before { content: '\E478'; } .glyphicons-blackboard:before { content: '\E479'; } .glyphicons-marriage:before { content: '\E480'; } .glyphicons-bucket:before { content: '\E481'; } .glyphicons-none-color-swatch:before { content: '\E482'; } .glyphicons-bring-forward:before { content: '\E483'; } .glyphicons-bring-to-front:before { content: '\E484'; } .glyphicons-send-backward:before { content: '\E485'; } .glyphicons-send-to-back:before { content: '\E486'; } .glyphicons-fit-frame-to-image:before { content: '\E487'; } .glyphicons-fit-image-to-frame:before { content: '\E488'; } .glyphicons-multiple-displays:before { content: '\E489'; } .glyphicons-handshake:before { content: '\E490'; } .glyphicons-child:before { content: '\E491'; } .glyphicons-baby-formula:before { content: '\E492'; } .glyphicons-medicine:before { content: '\E493'; } .glyphicons-atv-vehicle:before { content: '\E494'; } .glyphicons-motorcycle:before { content: '\E495'; } .glyphicons-bed-alt:before { content: '\E496'; } .glyphicons-tent:before { content: '\E497'; } .glyphicons-glasses:before { content: '\E498'; } .glyphicons-sunglasses:before { content: '\E499'; } .glyphicons-family:before { content: '\E500'; } .glyphicons-education:before { content: '\E501'; } .glyphicons-shoes:before { content: '\E502'; } .glyphicons-map:before { content: '\E503'; } .glyphicons-cd:before { content: '\E504'; } .glyphicons-alert:before { content: '\E505'; } .glyphicons-piggy-bank:before { content: '\E506'; } .glyphicons-star-half:before { content: '\E507'; } .glyphicons-cluster:before { content: '\E508'; } .glyphicons-flowchart:before { content: '\E509'; } .glyphicons-commodities:before { content: '\E510'; } .glyphicons-duplicate:before { content: '\E511'; } .glyphicons-copy:before { content: '\E512'; } .glyphicons-paste:before { content: '\E513'; } .glyphicons-bath-bathtub:before { content: '\E514'; } .glyphicons-bath-shower:before { content: '\E515'; } .glyphicons-shower:before { content: '\E516'; } .glyphicons-menu-hamburger:before { content: '\E517'; } .glyphicons-option-vertical:before { content: '\E518'; } .glyphicons-option-horizontal:before { content: '\E519'; } .glyphicons-currency-conversion:before { content: '\E520'; } .glyphicons-user-ban:before { content: '\E521'; } .glyphicons-user-lock:before { content: '\E522'; } .glyphicons-user-flag:before { content: '\E523'; } .glyphicons-user-asterisk:before { content: '\E524'; } .glyphicons-user-alert:before { content: '\E525'; } .glyphicons-user-key:before { content: '\E526'; } .glyphicons-user-conversation:before { content: '\E527'; } .glyphicons-database:before { content: '\E528'; } .glyphicons-database-search:before { content: '\E529'; } .glyphicons-list-alt:before { content: '\E530'; } .glyphicons-hazard-sign:before { content: '\E531'; } .glyphicons-hazard:before { content: '\E532'; } .glyphicons-stop-sign:before { content: '\E533'; } .glyphicons-lab:before { content: '\E534'; } .glyphicons-lab-alt:before { content: '\E535'; } .glyphicons-ice-cream:before { content: '\E536'; } .glyphicons-ice-lolly:before { content: '\E537'; } .glyphicons-ice-lolly-tasted:before { content: '\E538'; } .glyphicons-invoice:before { content: '\E539'; } .glyphicons-cart-tick:before { content: '\E540'; } .glyphicons-hourglass:before { content: '\E541'; } .glyphicons-cat:before { content: '\E542'; } .glyphicons-lamp:before { content: '\E543'; } .glyphicons-scale-classic:before { content: '\E544'; } .glyphicons-eye-plus:before { content: '\E545'; } .glyphicons-eye-minus:before { content: '\E546'; } .glyphicons-quote:before { content: '\E547'; } .glyphicons-bitcoin:before { content: '\E548'; } .glyphicons-yen:before { content: '\E549'; } .glyphicons-ruble:before { content: '\E550'; } .glyphicons-erase:before { content: '\E551'; } .glyphicons-podcast:before { content: '\E552'; } .glyphicons-firework:before { content: '\E553'; } .glyphicons-scale:before { content: '\E554'; } .glyphicons-king:before { content: '\E555'; } .glyphicons-queen:before { content: '\E556'; } .glyphicons-pawn:before { content: '\E557'; } .glyphicons-bishop:before { content: '\E558'; } .glyphicons-knight:before { content: '\E559'; } .glyphicons-mic-mute:before { content: '\E560'; } .glyphicons-voicemail:before { content: '\E561'; } .glyphicons-paragraph-alt:before { content: '\E562'; } .glyphicons-person-walking:before { content: '\E563'; } .glyphicons-person-wheelchair:before { content: '\E564'; } .glyphicons-underground:before { content: '\E565'; } .glyphicons-car-hov:before { content: '\E566'; } .glyphicons-car-rental:before { content: '\E567'; } .glyphicons-transport:before { content: '\E568'; } .glyphicons-taxi:before { content: '\E569'; } .glyphicons-ice-cream-no:before { content: '\E570'; } .glyphicons-uk-rat-u:before { content: '\E571'; } .glyphicons-uk-rat-pg:before { content: '\E572'; } .glyphicons-uk-rat-12a:before { content: '\E573'; } .glyphicons-uk-rat-12:before { content: '\E574'; } .glyphicons-uk-rat-15:before { content: '\E575'; } .glyphicons-uk-rat-18:before { content: '\E576'; } .glyphicons-uk-rat-r18:before { content: '\E577'; } .glyphicons-tv:before { content: '\E578'; } .glyphicons-sms:before { content: '\E579'; } .glyphicons-mms:before { content: '\E580'; } .glyphicons-us-rat-g:before { content: '\E581'; } .glyphicons-us-rat-pg:before { content: '\E582'; } .glyphicons-us-rat-pg-13:before { content: '\E583'; } .glyphicons-us-rat-restricted:before { content: '\E584'; } .glyphicons-us-rat-no-one-17:before { content: '\E585'; } .glyphicons-equalizer:before { content: '\E586'; } .glyphicons-speakers:before { content: '\E587'; } .glyphicons-remote-control:before { content: '\E588'; } .glyphicons-remote-control-tv:before { content: '\E589'; } .glyphicons-shredder:before { content: '\E590'; } .glyphicons-folder-heart:before { content: '\E591'; } .glyphicons-person-running:before { content: '\E592'; } .glyphicons-person:before { content: '\E593'; } .glyphicons-voice:before { content: '\E594'; } .glyphicons-stethoscope:before { content: '\E595'; } .glyphicons-paired:before { content: '\E596'; } .glyphicons-activity:before { content: '\E597'; } .glyphicons-watch:before { content: '\E598'; } .glyphicons-scissors-alt:before { content: '\E599'; } .glyphicons-car-wheel:before { content: '\E600'; } .glyphicons-chevron-up:before { content: '\E601'; } .glyphicons-chevron-down:before { content: '\E602'; } .glyphicons-superscript:before { content: '\E603'; } .glyphicons-subscript:before { content: '\E604'; } .glyphicons-text-size:before { content: '\E605'; } .glyphicons-text-color:before { content: '\E606'; } .glyphicons-text-background:before { content: '\E607'; } .glyphicons-modal-window:before { content: '\E608'; } .glyphicons-newspaper:before { content: '\E609'; } .glyphicons-tractor:before { content: '\E610'; } .glyphicons-camping:before { content: '\E611'; } .glyphicons-camping-benches:before { content: '\E612'; } .glyphicons-forest:before { content: '\E613'; } .glyphicons-park:before { content: '\E614'; } .glyphicons-field:before { content: '\E615'; } .glyphicons-mountains:before { content: '\E616'; } .glyphicons-fees-payments:before { content: '\E617'; } .glyphicons-small-payments:before { content: '\E618'; } .glyphicons-mixed-buildings:before { content: '\E619'; } .glyphicons-industrial-zone:before { content: '\E620'; } .glyphicons-visitor-tag:before { content: '\E621'; } .glyphicons-businessman:before { content: '\E622'; } .glyphicons-meditation:before { content: '\E623'; } .glyphicons-bath:before { content: '\E624'; } .glyphicons-donate:before { content: '\E625'; } .glyphicons-sauna:before { content: '\E626'; } .glyphicons-bedroom-nightstand:before { content: '\E627'; } .glyphicons-bedroom-lamp:before { content: '\E628'; } .glyphicons-doctor:before { content: '\E629'; } .glyphicons-engineering-networks:before { content: '\E630'; } .glyphicons-washing-machine:before { content: '\E631'; } .glyphicons-dryer:before { content: '\E632'; } .glyphicons-dishwasher:before { content: '\E633'; } .glyphicons-luggage-group:before { content: '\E634'; } .glyphicons-teenager:before { content: '\E635'; } .glyphicons-person-stick:before { content: '\E636'; } .glyphicons-person-stick-old:before { content: '\E637'; } .glyphicons-traveler:before { content: '\E638'; } .glyphicons-veteran:before { content: '\E639'; } .glyphicons-group-chat:before { content: '\E640'; } .glyphicons-elections:before { content: '\E641'; } .glyphicons-law-justice:before { content: '\E642'; } .glyphicons-judiciary:before { content: '\E643'; } .glyphicons-house-fire:before { content: '\E644'; } .glyphicons-firefighters:before { content: '\E645'; } .glyphicons-police:before { content: '\E646'; } .glyphicons-ambulance:before { content: '\E647'; } .glyphicons-light-beacon:before { content: '\E648'; } .glyphicons-important-day:before { content: '\E649'; } .glyphicons-bike-park:before { content: '\E650'; } .glyphicons-object-align-top:before { content: '\E651'; } .glyphicons-object-align-bottom:before { content: '\E652'; } .glyphicons-object-align-horizontal:before { content: '\E653'; } .glyphicons-object-align-left:before { content: '\E654'; } .glyphicons-object-align-vertical:before { content: '\E655'; } .glyphicons-object-align-right:before { content: '\E656'; } .glyphicons-reflect-y:before { content: '\E657'; } .glyphicons-reflect-x:before { content: '\E658'; } .glyphicons-tick:before { content: '\E659'; } .glyphicons-lawnmower:before { content: '\E660'; } .glyphicons-call-redirect:before { content: '\E661'; } .glyphicons-call-ip:before { content: '\E662'; } .glyphicons-call-record:before { content: '\E663'; } .glyphicons-call-ringtone:before { content: '\E664'; } .glyphicons-call-traffic:before { content: '\E665'; } .glyphicons-call-hold:before { content: '\E666'; } .glyphicons-call-incoming:before { content: '\E667'; } .glyphicons-call-outgoing:before { content: '\E668'; } .glyphicons-call-video:before { content: '\E669'; } .glyphicons-call-missed:before { content: '\E670'; } .glyphicons-theater:before { content: '\E671'; } .glyphicons-heartbeat:before { content: '\E672'; } .glyphicons-kettlebell:before { content: '\E673'; } .glyphicons-fireplace:before { content: '\E674'; } .glyphicons-street-lights:before { content: '\E675'; } .glyphicons-pedestrian:before { content: '\E676'; } .glyphicons-flood:before { content: '\E677'; } .glyphicons-open-water:before { content: '\E678'; } .glyphicons-for-sale:before { content: '\E679'; } .glyphicons-dustbin:before { content: '\E680'; } .glyphicons-door:before { content: '\E681'; } .glyphicons-camp-fire:before { content: '\E682'; } .glyphicons-fleur-de-lis:before { content: '\E683'; } .glyphicons-temperature-settings:before { content: '\E684'; } .glyphicons-article:before { content: '\E685'; } .glyphicons-sunbath:before { content: '\E686'; } .glyphicons-balanced-diet:before { content: '\E687'; } .glyphicons-ticket:before { content: '\E688'; } .glyphicons-parking-ticket:before { content: '\E689'; } .glyphicons-parking-meter:before { content: '\E690'; } .glyphicons-laptop:before { content: '\E691'; } .glyphicons-tree-structure:before { content: '\E692'; } .glyphicons-weather-warning:before { content: '\E693'; } .glyphicons-temperature-low:before { content: '\E694'; } .glyphicons-temperature-high:before { content: '\E695'; } .glyphicons-temperature-low-warning:before { content: '\E696'; } .glyphicons-temperature-high-warning:before { content: '\E697'; } .glyphicons-hurricane:before { content: '\E698'; } .glyphicons-storm:before { content: '\E699'; } .glyphicons-sorted-waste:before { content: '\E700'; } .glyphicons-ear:before { content: '\E701'; } .glyphicons-ear-deaf:before { content: '\E702'; } .glyphicons-file-plus:before { content: '\E703'; } .glyphicons-file-minus:before { content: '\E704'; } .glyphicons-file-lock:before { content: '\E705'; } .glyphicons-file-cloud:before { content: '\E706'; } .glyphicons-file-cloud-download:before { content: '\E707'; } .glyphicons-file-cloud-upload:before { content: '\E708'; } .glyphicons-paragraph:before { content: '\E709'; } .glyphicons-list-numbered:before { content: '\E710'; } .glyphicons-donate-heart:before { content: '\E711'; } .glyphicons-government:before { content: '\E712'; } .glyphicons-maze:before { content: '\E713'; } .glyphicons-chronicle:before { content: '\E714'; } .glyphicons-user-structure:before { content: '\E715'; } .glyphicons-recycle:before { content: '\E716'; } .glyphicons-gas:before { content: '\E717'; } .glyphicons-waste-pipe:before { content: '\E718'; } .glyphicons-water-pipe:before { content: '\E719'; } .glyphicons-parking:before { content: '\E720'; } .glyphicons-closed:before { content: '\E721'; } .glyphicons-mouse:before { content: '\E722'; } .glyphicons-mouse-double-click:before { content: '\E723'; } .glyphicons-mouse-left-click:before { content: '\E724'; } .glyphicons-mouse-right-click:before { content: '\E725'; } .glyphicons-mouse-middle-click:before { content: '\E726'; } .glyphicons-mouse-scroll:before { content: '\E727'; } .glyphicons-resize-vertical:before { content: '\E728'; } .glyphicons-resize-horizontal:before { content: '\E729'; } .glyphicons-temperature:before { content: '\E730'; } .glyphicons-puzzle:before { content: '\E731'; } .glyphicons-puzzle-2:before { content: '\E732'; } .glyphicons-puzzle-3:before { content: '\E733'; } .glyphicons-nearby-square:before { content: '\E734'; } .glyphicons-nearby-circle:before { content: '\E735'; } .glyphicons-rotate-right:before { content: '\E736'; } .glyphicons-rotate-left:before { content: '\E737'; } .glyphicons-pictures:before { content: '\E738'; } .glyphicons-photo-album:before { content: '\E739'; } .glyphicons-cadastral-map:before { content: '\E740'; } .glyphicons-fingerprint-scan:before { content: '\E741'; } .glyphicons-fingerprint:before { content: '\E742'; } .glyphicons-fingerprint-lock:before { content: '\E743'; } .glyphicons-fingerprint-ok:before { content: '\E744'; } .glyphicons-fingerprint-remove:before { content: '\E745'; } .glyphicons-fingerprint-reload:before { content: '\E746'; } .glyphicons-pending-notifications:before { content: '\E747'; } .glyphicons-synchronization:before { content: '\E748'; } .glyphicons-synchronization-ban:before { content: '\E749'; } .glyphicons-hash:before { content: '\E750'; } .glyphicons-gender-male:before { content: '\E751'; } .glyphicons-gender-female:before { content: '\E752'; } .glyphicons-gender-virgin-female:before { content: '\E753'; } .glyphicons-gender-intersex:before { content: '\E754'; } .glyphicons-gender-transgender:before { content: '\E755'; } .glyphicons-gender-ori-lesbian:before { content: '\E756'; } .glyphicons-gender-ori-gay:before { content: '\E757'; } .glyphicons-gender-ori-hetero:before { content: '\E758'; } .glyphicons-gender-other:before { content: '\E759'; } .glyphicons-gender-unknown:before { content: '\E760'; } .glyphicons-scanner:before { content: '\E761'; } .glyphicons-multifunction-printer:before { content: '\E762'; } .glyphicons-lasso:before { content: '\E763'; } .glyphicons-view-360:before { content: '\E764'; } .glyphicons-battery-charging:before { content: '\E765'; } .glyphicons-battery-full:before { content: '\E766'; } .glyphicons-battery-75:before { content: '\E767'; } .glyphicons-battery-50:before { content: '\E768'; } .glyphicons-battery-25:before { content: '\E769'; } .glyphicons-battery-10:before { content: '\E770'; } .glyphicons-satellite:before { content: '\E771'; } .glyphicons-satellite-dish:before { content: '\E772'; } .glyphicons-satellite-dish-alt:before { content: '\E773'; } .glyphicons-auction:before { content: '\E774'; } .glyphicons-directions:before { content: '\E775'; } .glyphicons-race:before { content: '\E776'; } .glyphicons-robot:before { content: '\E777'; } .glyphicons-ruler-alt:before { content: '\E778'; } .glyphicons-cube-empty:before { content: '\E779'; } .glyphicons-cube-black:before { content: '\E780'; } .glyphicons-move-square:before { content: '\E781'; } .glyphicons-drop:before { content: '\E782'; } .glyphicons-vr-headset:before { content: '\E783'; } .glyphicons-vr-charging:before { content: '\E784'; } .glyphicons-vr-low-battery:before { content: '\E785'; } .glyphicons-vr-paired:before { content: '\E786'; } .glyphicons-vr-settings:before { content: '\E787'; } .glyphicons-vr-maintenance:before { content: '\E788'; } .glyphicons-filter-remove:before { content: '\E789'; } .glyphicons-filter-applied:before { content: '\E790'; } .glyphicons-one-day:before { content: '\E791'; } .glyphicons-user-vr:before { content: '\E792'; } .glyphicons-user-vr-add:before { content: '\E793'; } .glyphicons-user-vr-remove:before { content: '\E794'; } .glyphicons-dice-1:before { content: '\E795'; } .glyphicons-dice-2:before { content: '\E796'; } .glyphicons-dice-3:before { content: '\E797'; } .glyphicons-dice-4:before { content: '\E798'; } .glyphicons-dice-5:before { content: '\E799'; } .glyphicons-dice-6:before { content: '\E800'; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #262e39; font-family: -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; font-size: 14px; line-height: 20px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; background: var(--surfaceBackgroundDefault); cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 4px 10px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; box-shadow: none; border-radius: 7px; } .selectize-control.multi .selectize-input.has-items { padding: 3px 10px 0px; } .selectize-input.full { background-color: #ffffff; background-color: var(--surfaceBackgroundDefault); } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input.dropdown-active { border-radius: 7px 7px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 0 4px; background: #e6e6e6; color: #262e39; border: 1px solid #ccc; } .selectize-control.multi .selectize-input > div.active { background: #3781b8; color: #ffffff; color: var(--surfaceBackgroundDefault); border: 1px solid #999999; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #444444; background: #fafafa; border: 1px solid #e0e0e0; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #e5e5e5; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #e2e2e2; border: 1px solid var(--borderDefault); background: #ffffff; background: var(--surfaceBackgroundDefault); margin: -1px 0 0 0; border-top: 0 none; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 0 0 7px 7px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(255, 237, 40, 0.4); border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 3px 10px; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #262e39; background: #ffffff; background: var(--surfaceBackgroundDefault); cursor: default; } .selectize-dropdown .active { background-color: #3781b8; color: #ffffff; color: var(--surfaceBackgroundDefault); } .selectize-dropdown .active.create { color: #ffffff; color: var(--surfaceBackgroundDefault); } .selectize-dropdown .create { color: rgba(38, 46, 57, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #2e2e2e transparent transparent transparent; border-color: var(--colorTextDefault) transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #2e2e2e transparent; border-color: transparent transparent var(--colorTextDefault) transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #ffffff; background-color: var(--surfaceBackgroundDefault); } /** * We moved selectize in-house for better control over variables. * @see https://github.com/selectize/selectize.js/blob/v0.12.4/src/less/selectize.less */ /** * selectize.bootstrap2.css (v@@version) - Bootstrap 2 Theme * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-dropdown { margin: 2px 0 0 0; z-index: 1000; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .selectize-dropdown .optgroup-header { font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .selectize-dropdown .optgroup:first-child:before { display: none; } .selectize-dropdown .optgroup:before { content: ' '; display: block; margin-left: -10px; margin-right: -10px; } .selectize-dropdown [data-selectable].active { background-color: #357bb0; background-image: linear-gradient(to bottom, #3781b8, #3173a4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3781b8', endColorstr='#ff3173a4', GradientType=0); } .selectize-dropdown-content { padding: 5px 0; } .selectize-dropdown-header { padding: 6px 10px; } .selectize-input { transition: border linear .2s, box-shadow linear .2s; } .selectize-input.dropdown-active { border-radius: 7px; } .selectize-input.dropdown-active::before { display: none; } .selectize-input.input-active, .selectize-input.input-active:hover, .selectize-control.multi .selectize-input.focus { background: #ffffff !important; background: var(--surfaceBackgroundDefault) !important; border-color: rgba(82, 168, 236, 0.8) !important; outline: 0 !important; outline: thin dotted \9 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important; } .selectize-control.single .selectize-input { /* TODO [darkmode] update this CSS, we don't need the mixin */ border-color: #e6e6e6 #e6e6e6 #bfbfbf; *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .selectize-control.single .selectize-input:hover, .selectize-control.single .selectize-input:focus, .selectize-control.single .selectize-input:active, .selectize-control.single .selectize-input.active, .selectize-control.single .selectize-input.disabled, .selectize-control.single .selectize-input[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } .selectize-control.single .selectize-input:active, .selectize-control.single .selectize-input.active { background-color: #cccccc \9; } .selectize-control.single .selectize-input:hover { color: #333; -webkit-text-decoration: none; text-decoration: none; background-position: 0 -15px; transition: background-position 0.1s linear; } .selectize-control.single .selectize-input.disabled { background: #e6e6e6 !important; } .selectize-control.single .selectize-input.disabled { box-shadow: none; } .selectize-control.multi .selectize-input { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .selectize-control.multi .selectize-input.has-items { padding-left: 6px; padding-right: 6px; } .selectize-control.multi .selectize-input > div { border-color: #e6e6e6 #e6e6e6 #bfbfbf; *background-color: #e6e6e6; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .selectize-control.multi .selectize-input > div.active { box-shadow: 0 1px 2px rgba(0,0,0,.05); border-color: #999999 #999999 #737373; *background-color: #3781b8; border: 1px solid #3781b8; } .input-prepend.input-block-level > .selectize-control { line-height: 1; } .input-prepend.input-block-level > .selectize-control .selectize-input { border-radius: 0 7px 7px 0; border-radius: 0 var(--baseInputBorderRadius) var(--baseInputBorderRadius) 0; border-left-style: none; } .selectize-control .selectize-input input { vertical-align: 0; } .selectize-control .selectize-input input:focus { box-shadow: none !important; } .selectize-control .selectize-input .email { color: #777; padding-left: 3px; font-size: 11px; } .selectize-control .selectize-input > div { word-break: break-all; } .selectize-control .selectize-input > div.active { border-color: #e6e6e6 #e6e6e6 #bfbfbf !important; border: 1px solid #999999 !important; } .selectize-control .selectize-dropdown { line-height: 18px; font-size: 13px; } .selectize-control .selectize-dropdown .selectize-dropdown-content > div { padding-top: 4px; padding-bottom: 4px; } .selectize-control .selectize-dropdown .name, .selectize-control .selectize-dropdown .email { display: block; } .selectize-control .selectize-dropdown .email { color: #aaa; font-size: 12px; } .selectize-control .selectize-dropdown [data-selectable].active .email { color: #aaa; } .selectize-dropdown { z-index: 1060; } .selectize-dropdown .selectize-dropdown-content .selectize-avatar { position: relative; float: left; margin-right: 10px; } .selectize-dropdown .selectize-dropdown-content .selectize-avatar:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; pointer-events: none; } .selectize-dropdown .selectize-dropdown-content .selectize-avatar > img { display: block; } .selectize-dropdown .selectize-dropdown-content .selectize-avatar > img { width: 32px; height: 32px; } .selectize-dropdown .selectize-dropdown-content .selectize-name { line-height: 18px; font-weight: 600; font-weight: var(--fontWeightBold); font-size: 14px; } .selectize-dropdown .selectize-dropdown-content .selectize-email { line-height: 14px; font-size: 12px; } .selectize-dropdown .selectize-dropdown-content .selectize-email, .selectize-dropdown .selectize-dropdown-content .selectize-name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .selectize-dropdown .selectize-dropdown-content [data-selectable] { padding: 10px 10px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-top: -1px; } .selectize-dropdown .selectize-dropdown-content [data-selectable].active { background: #f2f2f2; color: #222; } .selectize-input.input-active, .selectize-input.input-active:hover, .selectize-control.multi .selectize-input.focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(155, 191, 219, 0.6) !important; outline: 0 !important; } .selectize-control .selectize-input.disabled { opacity: 1; background-color: #eee; } .selectize-control .selectize-input.disabled *, .selectize-control .selectize-input.disabled { cursor: not-allowed !important; } _::-webkit-full-page-media, _:future, :root .selectize-input .name { white-space: nowrap; } @media print { a[href]:after { content: ''; } html, body { overflow: visible !important; height: auto !important; } .top-shadow, .LeftNav, .TopNav, .app-top, .reporting .filters, .opportunities-page .filters, .LeadOverview__AddMissing { display: none !important; } /* Mobile sets the position. */ #main, #main > .container { height: auto !important; position: static !important; } /* Mobile sets that margin. */ .container .content-area-wrap .content-area { margin-left: 0 !important; } .container .content-area-wrap .content-area .app-content { max-width: none !important; height: auto !important; } .content-area-wrap .content-area { border: 0 !important; } .app-content { position: static !important; } .search-main-inner { padding-right: 20px !important; } .opportunities-page .opportunities .value-boxes { border: 0 !important; } } #nocss { display: none; } body { height: 100%; /* The following line does two things: 1) disables scroll elasticity for the native app web view (can also be done in cocoa) 2) fixes issue where quickly scrolling an overflow auto element would try to scroll the body both in the app, and in browsers (chrome) */ overflow: hidden; } body.app-is-loading { background: white; } .clear { clear: both; } .hide { display: none !important; } .blockcenter { margin-left: auto; margin-right: auto; } .textcenter { text-align: center; } .closeio-employee-only { display: none !important; } body.closeio-employee .closeio-employee-only { display: inherit !important; } ul.noui { margin-left: 0; list-style-type: none; } small, .small { font-size: 0.9em; } code { display: inline-block; padding-left: 3px; padding-right: 3px; font-family: monospace; font-size: 90%; color: #474a54; border: 1px solid #cecece; border-radius: 3px; background-color: #eaeaea; } hr { border-top-color: #ccc; border-bottom-color: transparent; } h1, h2, h3, h4 { margin: 0 0 10px 0; font-weight: normal; color: #2e2e2e; color: var(--colorTextDefault); } h1 { font-size: 29px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h3 { font-size: 18px; } h5 { margin: 0 0 10px 0; } .bbf-form fieldset > ul, .bbf-form .bbf-list > ul, .bbf-form ul.bbf-radio { margin: 0; list-style: none; } .bbf-form form { margin: 0; } .bbf-form .actions-main { float: right; } .bbf-form .bbf-field { margin-bottom: 10px; } .bbf-form .bbf-field input, .bbf-form .bbf-field select, .bbf-form .bbf-field textarea { margin: 0; } .bbf-form .bbf-field .bbf-error { margin-bottom: 0; } .bbf-form .bbf-field .bbf-radio input[type='radio'], .bbf-form .bbf-field .bbf-checkboxes input[type='radio'], .bbf-form .bbf-field .bbf-radio input[type='checkbox'], .bbf-form .bbf-field .bbf-checkboxes input[type='checkbox'] { margin: 0 5px 0 0; vertical-align: 0; } .bbf-form .bbf-field .bbf-radio label, .bbf-form .bbf-field .bbf-checkboxes label { display: inline-block; } .input-prepend, .input-append { margin: 0; } .bbf-input-info { display: inline-block; margin-left: 5px; width: 14px; height: 14px; color: #464a55; color: var(--colorMako); } .input-prepend.input-block-level { display: table; width: 100%; } .input-prepend.input-block-level .add-on { display: table-cell; } .input-prepend.input-block-level > input { box-sizing: border-box; height: 30px; display: table-cell; width: 100%; border-left-style: none; } .error, .bbf-error { color: #dd0f21; color: var(--failurePrimaryColor); } .success { color: darkgreen; } form .bbf-help, form .help-block { color: #dd0f21; color: var(--failurePrimaryColor); } form .actions { *zoom: 1; } form .actions:before, form .actions:after { display: table; content: ''; line-height: 0; } form .actions:after { clear: both; } form .msg { display: none; } form.form-horizontal .control-group { margin-bottom: 0; } form input[type='file'] { line-height: inherit; height: auto; } .delete .glyphicons { color: #999; } .editable-model-view .edit-side { display: none; } .editable-model-view.editing .view-side { display: none; } .editable-model-view.editing .edit-side { display: block; } .editable-model-view .bbf-form .actions { margin: 10px 0; text-align: right; } .editable-model-view .bbf-form .actions .delete { width: 16px; height: 16px; display: inline-block; margin: 8px 0 0 5px; } .editable-model-view .bbf-form .actions .delete ::before { font-size: 14px; color: #999; } .editable-model-view .bbf-form .actions .delete:hover i::before { color: #777; } .editable-model-view .bbf-form .actions .delete:not(.pull-right) { float: left; } .bbf-form .date-time-picker, .date-time-picker { *zoom: 1; } .bbf-form .date-time-picker:before, .date-time-picker:before, .bbf-form .date-time-picker:after, .date-time-picker:after { display: table; content: ''; line-height: 0; } .bbf-form .date-time-picker:after, .date-time-picker:after { clear: both; } .bbf-form .date-time-picker .datepicker-input, .date-time-picker .datepicker-input { display: block; width: 100%; min-height: 32px; box-sizing: border-box; width: 55%; float: left; } .bbf-form .date-time-picker .timepicker-input, .date-time-picker .timepicker-input { display: block; width: 100%; min-height: 32px; box-sizing: border-box; width: 43%; float: left; margin-left: 2%; background-color: #ffffff; background-color: var(--formBackground); padding-left: 28px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNy4zNDQgNC4yODFjMC0uMzYzLjI5Mi0uNjU2LjY1Ni0uNjU2LjM2NCAwIC42NTYuMjkzLjY1Ni42NTZWNy42NWwyLjMzMyAxLjU1M2MuMy4yMDIuMzgyLjYxLjE1OC45MWEuNjAyLjYwMiAwIDAgMS0uODg2LjE2bC0yLjYyNS0xLjc1Yy0uMTgzLS4xLS4yOTItLjMwNC0uMjkyLS41NDhWNC4yODFaTTggMWE3IDcgMCAwIDEgNyA3IDcgNyAwIDAgMS03IDcgNyA3IDAgMCAxLTctNyA3IDcgMCAwIDEgNy03Wk0yLjMxMiA4QTUuNjg3IDUuNjg3IDAgMCAwIDggMTMuNjg4IDUuNjg3IDUuNjg3IDAgMCAwIDEzLjY4OCA4IDUuNjg3IDUuNjg3IDAgMCAwIDggMi4zMTIgNS42ODcgNS42ODcgMCAwIDAgMi4zMTIgOFoiLz48L3N2Zz4=); background-position: 6px center; background-size: 16px; background-repeat: no-repeat; } input.datepicker-input { background-color: #ffffff; background-color: var(--formBackground); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNC42MjUgOC42NTZjMC0uMzYzLjI5My0uNjU2LjY1Ni0uNjU2aDUuNjg4Yy4zNjMgMCAuNjU2LjI5My42NTYuNjU2YS42NTUuNjU1IDAgMCAxLS42NTYuNjU2SDUuMjhhLjY1NS42NTUgMCAwIDEtLjY1Ni0uNjU2Wm0zLjcxOSAxLjk2OWMuMzYzIDAgLjY1Ni4yOTMuNjU2LjY1NmEuNjU1LjY1NSAwIDAgMS0uNjU2LjY1Nkg1LjI4YS42NTUuNjU1IDAgMCAxLS42NTYtLjY1NmMwLS4zNjMuMjkzLS42NTYuNjU2LS42NTZoMy4wNjNaTTYuMTU2IDIuNzVoMy45MzhWMS42NTZhLjY1NS42NTUgMCAxIDEgMS4zMTIgMFYyLjc1SDEyLjVjLjk2NSAwIDEuNzUuNzgzIDEuNzUgMS43NXY4Ljc1YzAgLjk2NS0uNzg1IDEuNzUtMS43NSAxLjc1SDMuNzVBMS43NSAxLjc1IDAgMCAxIDIgMTMuMjVWNC41YzAtLjk2Ny43ODMtMS43NSAxLjc1LTEuNzVoMS4wOTRWMS42NTZhLjY1Ni42NTYgMCAxIDEgMS4zMTIgMFYyLjc1Wm0tMi44NDMgMTAuNWMwIC4yNC4xOTUuNDM4LjQzNy40MzhoOC43NWEuNDQuNDQgMCAwIDAgLjQzOC0uNDM4di03SDMuMzEydjdaIi8+PC9zdmc+); background-position: 6px center; background-size: 16px; background-repeat: no-repeat; padding-left: 28px; width: 90px; } .ui-timepicker-wrapper { height: 236px; } input.timepicker-input:disabled, input.timepicker-input:read-only, input.datepicker-input:read-only, input.datepicker-input:disabled { background-color: #f9f9f9 !important; background-color: var(--formBackgroundDisabled) !important; } input.timepicker-input:disabled, input.timepicker-input:read-only, input.datepicker-input:read-only, input.datepicker-input:disabled { cursor: not-allowed; } .form-success { display: none; } .show-in-review { display: none; } body.login_as .content-area { background: #fee !important; } h1 sup { color: #9a9aad; } .hint-box { margin-bottom: 20px; background-color: #f1f1f1; background-color: var(--surfaceBackgroundDark); border: 1px solid #e2e2e2; border: 1px solid var(--borderDefault); border-radius: 3px; border-radius: var(--baseBorderRadius); margin-top: 25px; padding: 10px 20px; } .hint-box h3 span { color: #3790b9; } .hint-box a.grey-link { color: #2e2e2e; color: var(--colorTextDefault); border-bottom: dotted 1px #777; } .hint-box a.grey-link:hover { -webkit-text-decoration: none; text-decoration: none; } .sortable-ghost { border: dotted 1px #888 !important; } .sortable-ghost { opacity: 0.6; } .sortable-ghost * { visibility: hidden; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { display: none; margin: 0; } .glyphicons { vertical-align: baseline; } .glyphicons.prepends-text { margin-right: 0.3em; } .inline-help-icon, a.inline-help-icon .glyphicons { width: 16px; height: 16px; margin-top: -2px; margin-left: 3px; padding: 0; display: inline-block; font-size: 13px; color: #464a55; color: var(--colorMako); } .inline-help-icon:hover, a.inline-help-icon .glyphicons:hover { color: #2e2e2e; color: var(--colorTextDefault); } .divider-left { border-left: solid 1px #ddd; padding-left: 6px; margin-left: 6px; line-height: 1; } .gm-style img { max-width: none; } .gm-style label { width: auto; display: inline; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { color: #222 !important; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #dadada; background-image: linear-gradient(to bottom, #ccc, #eee); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffeeeeee', GradientType=0); background-color: #ddd; border: none; text-shadow: none; box-shadow: inset 0 0 1px #777; } .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover { background-color: #006dcc; background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker { font-size: 12px; line-height: 17px; width: auto; } .datepicker .datepicker-days td, .datepicker .datepicker-days th { width: 17px; height: 17px; } .datepicker .prev:hover, .datepicker .next:hover, .datepicker .datepicker-switch:hover, .datepicker .datepicker-days td:hover, .datepicker .datepicker-months .month:hover, .datepicker .datepicker-years .year:hover { background: #3781b8 !important; background: var(--linkColor) !important; color: #fff !important; } .datepicker .prev:hover.disabled, .datepicker .next:hover.disabled, .datepicker .datepicker-switch:hover.disabled, .datepicker .datepicker-days td:hover.disabled, .datepicker .datepicker-months .month:hover.disabled, .datepicker .datepicker-years .year:hover.disabled { background: none !important; color: #999 !important; } .datepicker td.today { background: none !important; } .datepicker td.today { font-weight: 600; font-weight: var(--fontWeightBold); } .datepicker .active { background: #ddd !important; color: #2e2e2e !important; color: var(--colorTextDefault) !important; text-shadow: none !important; } .table-bordered th { padding-top: 4px; padding-bottom: 4px; line-height: 23px; font-weight: normal; background-color: #f7f7f7; background-image: linear-gradient(#fcfcfc, #f9f9f9 50%, #eee); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfcfc', endColorstr='#ffeeeeee', GradientType=0); } table th.sorting-asc::before, table th.sorting-desc::before { float: right; font-family: 'Arial'; position: relative; right: -2px; } table th.sorting-asc::before { /*content: '▲';*/ /*content: '▴';*/ content: '▾'; top: 1px; transform: rotate(180deg); } table th.sorting-desc::before { /*content: '▼';*/ content: '▾'; } .saved-search-modal-form input[name='query'], .saved-search-modal-form input[name='name'] { width: calc(100% - 12px); max-width: 500px; } .saved-search-modal-form .field-shared_with { display: none; } .saved-search-modal-form .bbf-field > label { font-weight: 600; font-weight: var(--fontWeightBold); } .saved-search-modal-form .bbf-editor ul { margin-left: 0; } .saved-search-modal-form .bbf-editor ul li { list-style: none; } .saved-search-delete { position: relative; top: 5px; color: #bd362f; } .new-lead-modal .field-company, .new-lead-modal .field-contact { width: 49%; float: left; } .new-lead-modal .field-company input, .new-lead-modal .field-contact input { display: block; width: 100%; min-height: 32px; box-sizing: border-box; } .new-lead-modal .field-contact { margin-left: 2%; } .BtnGroup.customize-columns { float: right; } .BtnGroup.customize-columns .header { border-bottom: solid 1px #ddd; padding: 7px; background: #f3f3f3; } .BtnGroup.customize-columns .header h4 { margin: 0; font-size: 16px; } .BtnGroup.customize-columns ul { list-style-type: none; margin: 0; max-height: 315px; overflow-y: scroll; padding: 5px 10px; } .BtnGroup.customize-columns .actions { padding: 5px; border-top: solid 1px #ddd; } .invites-list { margin-left: 9px; } .invites-list p { margin: 0 0 5px 0; font-size: 13px; } .invites-list .invite-actions-disabled a { cursor: not-allowed; } .invites-list .invite-actions-disabled a:hover, .invites-list .invite-actions-disabled a:active, .invites-list .invite-actions-disabled a:focus { -webkit-text-decoration: none; text-decoration: none; } .invite-form form { *zoom: 1; display: flex; flex-wrap: wrap; margin: 0; max-width: 800px; } .invite-form form:before, .invite-form form:after { display: table; content: ''; line-height: 0; } .invite-form form:after { clear: both; } .invite-form form label { cursor: default; } .invite-form .msg, .invite-form .price-hint { clear: both; margin-bottom: 5px; width: 100%; } .invite-form .price-hint { color: #5e5e5e; color: var(--colorTextMedium); } .invite-form .price-hint:empty { display: none; } .invite-form.hide-plans { max-width: 560px; } .invite-form.hide-plans fieldset { display: flex; } .invite-form.hide-plans fieldset .field-email { width: 80%; } .invite-form.hide-plans .field-plan_type { display: none; } .invite-form fieldset { flex: 1; } .invite-form fieldset ul { display: flex; flex: 1; } .invite-form fieldset ul .field-plan_type, .invite-form fieldset ul .field-role_id, .invite-form fieldset ul .field-email { box-sizing: border-box; padding-right: 5px; } .invite-form fieldset ul .field-plan_type select, .invite-form fieldset ul .field-role_id select, .invite-form fieldset ul .field-email select, .invite-form fieldset ul .field-plan_type input, .invite-form fieldset ul .field-role_id input, .invite-form fieldset ul .field-email input { box-sizing: border-box; height: 30px; width: 100%; } .invite-form fieldset ul .field-email { width: 40%; } .invite-form fieldset ul .field-role_id { width: 20%; } .invite-form fieldset ul .field-plan_type { width: 40%; min-width: 215px; } .invite-form input[type='submit'] { float: left; margin-top: 25px; align-self: flex-start; } .invite-form form { max-width: 500px; } .invite-form fieldset ul .field-email { width: 65%; } .invite-form fieldset ul .field-role_id { width: 35%; } span.user-availability { display: block; width: 8px; height: 8px; border-radius: 50%; margin: 0; border: solid 1px #ddd; background-color: transparent; } span.user-availability.online { border-color: transparent; background-color: #7fbb7f; } .edit-custom-field-modal .field-type .bbf-help { padding-top: 5px; color: #b08843; } .edit-custom-field-modal .field-choices { margin-bottom: 0; } .edit-custom-field-modal .choice-items-list { padding-top: 8px; } .edit-custom-field-modal .choice-items-list .choice-item { line-height: 20px; } .edit-custom-field-modal .choice-items-list .choice-item .bbf-remove { float: right; font-size: 20px; font-weight: 600; font-weight: var(--fontWeightBold); line-height: 20px; color: #2e2e2e; color: var(--colorTextDefault); text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); float: none; font-size: 18px; line-height: 18px; padding: 1px 0 0 0; margin: 0 0 0 5px; border: 0; background: transparent; display: inline-block; outline: none; vertical-align: top; } .edit-custom-field-modal .choice-items-list .choice-item .bbf-remove:hover, .edit-custom-field-modal .choice-items-list .choice-item .bbf-remove:focus { color: #2e2e2e; color: var(--colorTextDefault); -webkit-text-decoration: none; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } .edit-custom-field-modal .modal-footer { line-height: 26px; } .edit-custom-field-modal .modal-footer .learn-more { float: left; color: #3781b8; color: var(--linkColor); font-size: 14px; line-height: 30px; } .edit-custom-field-modal .modal-footer .delete { margin-right: 20px; position: relative; top: 4px; } .list-keyboard-navigable tr > :first-child, .list-keyboard-navigable .item > :first-child { position: relative; } .list-keyboard-navigable tr.active, .list-keyboard-navigable .item.active { outline: none; } .list-keyboard-navigable tr.active > :first-child:before, .list-keyboard-navigable .item.active > :first-child:before { content: ''; width: 2px; /* TODO [darkmode] need an alias. Same color as active-row arrow in search */ background: #7da3c7; position: absolute; left: 0; top: 0; bottom: 0; } table col.col-call-email, table col.col-primary_phone_primary_email { width: 82px; } table td.contact-buttons, table th.contact-buttons { text-overflow: clip !important; } table td.contact-buttons, table th.contact-buttons { padding: 0; font-size: 0; overflow: visible; white-space: nowrap; } table td.contact-buttons .call, table th.contact-buttons .call, table td.contact-buttons .email, table th.contact-buttons .email { top: 1px; font-family: 'Glyphicons Regular'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*&:before{*/ /*display:inline-block;*/ /*padding:6px 8px;*/ /*}*/ vertical-align: baseline; display: inline-block; position: relative; vertical-align: top; width: 16px; text-align: center; height: 32px; padding: 0 12px; color: #464a55; color: var(--colorMako); font-size: 12.25px; line-height: 32px; } table td.contact-buttons .call.inactive, table th.contact-buttons .call.inactive, table td.contact-buttons .email.inactive, table th.contact-buttons .email.inactive { color: #ccc; } table td.contact-buttons .call:before, table th.contact-buttons .call:before { content: '\E443'; } table td.contact-buttons .email, table th.contact-buttons .email { border-right: solid 1px #f1f1f1; border-right: solid 1px var(--borderLight); color: #464a55; color: var(--colorMako); } table td.contact-buttons .email:before, table th.contact-buttons .email:before { content: '\E011'; } table td.contact-buttons a.call:hover, table th.contact-buttons a.call:hover, table td.contact-buttons a.email:hover, table th.contact-buttons a.email:hover { background-color: #ffffff; background-color: var(--surfaceBackgroundDefault); color: #3781b8; color: var(--linkColor); -webkit-text-decoration: none; text-decoration: none; } table td.contact-buttons a.call:active, table th.contact-buttons a.call:active, table td.contact-buttons a.email:active, table th.contact-buttons a.email:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } table th.contact-buttons .call, table th.contact-buttons .email { height: 32px; line-height: 32px; } /** Borders on images are placed outside the element so a pseudo-element is absolutely positioned on top with an rgba() border that will darken the image and not the background. Adding `pointer-events: none;` allows users to still right-click and save an image. The image needs to be wrapped in a `
` as the `` tag does not allow pseudo-elements. You can also include it as a mixin. Markup:
*/ .avatar { position: relative; } .avatar:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; pointer-events: none; } .avatar > img { display: block; } select, textarea, .GlobalInput { padding: 4px 12px; color: #2e2e2e; color: var(--colorTextDefault); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 7px; border-radius: var(--baseInputBorderRadius); box-shadow: none; transition: none; } select:focus, textarea:focus, .GlobalInput:focus { box-shadow: none !important; outline: 0 !important; } select:focus, textarea:focus, .GlobalInput:focus { border-color: #598df2; border-color: var(--borderFocused); transition: none; } select:invalid:focus, textarea:invalid:focus, .GlobalInput:invalid:focus { color: #2e2e2e; color: var(--colorTextDefault); border: 1px solid #598df2; border: 1px solid var(--borderFocused); } select { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } /*# sourceMappingURL=https://srcmaps.close.com/srcmaps/hydrate_main~f075b844.1c90f9d678d21cd863d8.js.map*/