/* --- geolocation-style-elements.css--- */ /* * This is a special file which is used the the geolocation utility tom provide colors, sizes ... for the geoloc providers * The properties re used as follows: * border-color => strokeColor * border-width => strokeWeight * border-radius => strokeOpacity * background => fillColor * opacity => fillOpacity * background-image => imageUrl * color => textColor * font-size => textSize * width => width, * height => height */ #geolocation-style-elements [data-role="poly-line"] { border-color: var(--COLOR_LEGACY_13); border-width: 2px; border-radius: 0.8px; } #geolocation-style-elements [data-role="itinerary-accurracy-circle-no-alert"] { border-color: var(--COLOR_LEGACY_04); border-width: 1px; border-radius: 1px; opacity: 0.3; background-color: var(--COLOR_LEGACY_01); } #geolocation-style-elements [data-role="itinerary-accurracy-circle-critical-alert"] { border-color: var(--COLOR_LEGACY_09); border-width: 1px; border-radius: 1px; opacity: 0.3; background-color: var(--COLOR_LEGACY_09); } #geolocation-style-elements [data-role="itinerary-accurracy-circle-severe-alert"] { border-color: var(--COLOR_LEGACY_10); border-width: 1px; border-radius: 1px; opacity: 0.3; background-color: var(--COLOR_LEGACY_10); } #geolocation-style-elements [data-role="itinerary-accurracy-circle-urgent-alert"] { border-color: var(--COLOR_LEGACY_13); border-width: 1px; border-radius: 1px; opacity: 0.3; background-color: var(--COLOR_LEGACY_13); } #geolocation-style-elements [data-role="subscriber-accurracy-circle-no-alert"] { border-color: var(--COLOR_LEGACY_01); border-width: 1px; border-radius: 1px; opacity: 0.3; background-color: var(--COLOR_LEGACY_01); } #geolocation-style-elements [data-role="subscriber-accurracy-circle-critical-alert"] { border-color: var(--COLOR_LEGACY_09); border-width: 1px; border-radius: 1px; opacity: 0.3; background-color: var(--COLOR_LEGACY_09); } #geolocation-style-elements [data-role="subscriber-accurracy-circle-severe-alert"] { border-color: var(--COLOR_LEGACY_10); border-width: 1px; border-radius: 1px; opacity: 0.3; background-color: var(--COLOR_LEGACY_10); } #geolocation-style-elements [data-role="subscriber-accurracy-circle-urgent-alert"] { border-color: var(--COLOR_LEGACY_13); border-width: 1px; border-radius: 1px; opacity: 0.3; background-color: var(--COLOR_LEGACY_13); } #geolocation-style-elements [data-role="marker-cluster"] { background-image: var(--asset-markerclusterer_png); color: var(--COLOR_LEGACY_04); font-size: 14px; width: 48px; height: 48px; } #geolocation-style-elements [data-role="marker-cluster-itinerary"] { background-image: var(--asset-markerclusterer_grey_png); font-size: 14px; color: var(--COLOR_LEGACY_04); width: 48px; height: 48px; } #geolocation-style-elements [data-role="map-rectangular-selector"] { border-width: 1px; border-radius: 1px; border-color: var(--COLOR_LEGACY_01); opacity: 0.3; background-color: var(--COLOR_LEGACY_01); } /* --- media-players.css--- */ /* AUDIO */ .cp-container { background:var(--asset-audio-player\bgr_png) 0 0 no-repeat !important; } .cp-buffer-1, .cp-buffer-2 { background:var(--asset-audio-player\buffer_png) 0 0 no-repeat !important; } .cp-container .cp-fallback { background:var(--asset-audio-player\progress_sprite_jpg) no-repeat !important; } .cp-progress-1, .cp-progress-2 { background:var(--asset-audio-player\progress_png) 0 0 no-repeat !important; } .cp-controls .cp-play { background:var(--asset-audio-player\controls_png) 0 0 no-repeat !important; } .cp-controls .cp-pause { background:var(--asset-audio-player\controls_png) 0 -44px no-repeat !important; } .audio-duration { font-size: 14px; font-family: "General-font-bold", Arial, Verdana, sans-serif; } .audio-container .attachmentTitle { font-size: 13px; font-family: "General-font", Arial, Verdana, sans-serif; } .jp-no-solution { color: var(--COLOR_LEGACY_18) !important; } .jp-interface, .jp-video { background-color: var(--COLOR_LEGACY_05) !important; } /* video player*/ a.jp-play { background: var(--asset-video-player\controls-updated_png) 0 -1px no-repeat !important; } a.jp-play:hover { background: var(--asset-video-player\controls-updated_png) -42px -1px no-repeat !important; } a.jp-pause { background: var(--asset-video-player\controls-updated_png) 2px -40px no-repeat !important; } a.jp-pause:hover { background: var(--asset-video-player\controls-updated_png) -46px -40px no-repeat !important; } div.jp-seek-bar { background: var(--asset-video-player\controls-updated_png) 0 -153px repeat-x !important; } div.jp-play-bar { background: var(--asset-video-player\controls-updated_png) 0 -141px repeat-x !important; } div.jp-video div.jp-progress { background: var(--asset-video-player\controls-updated_png) 0 -160px repeat-x !important; } div.jp-seeking-bg { background: var(--asset-jplayer.blue.monday.seeking_gif); } a.jp-mute { background: var(--asset-video-player\controls-updated_png) -2px -79px no-repeat !important; } a.jp-mute:hover { background: var(--asset-video-player\controls-updated_png) -2px -79px no-repeat !important; } a.jp-unmute { background: var(--asset-video-player\controls-updated_png) -2px -106px no-repeat !important; display: none; } a.jp-unmute:hover { background: var(--asset-video-player\controls-updated_png) -2px -106px no-repeat !important; } div.jp-volume-bar { background: var(--asset-video-player\controls-updated_png) 0 -192px repeat-x !important; } div.jp-volume-bar-value { background: var(--asset-video-player\controls-updated_png) 0 -184px repeat-x !important; } a.jp-video-play-icon { background: var(--asset-jplayer.blue.monday.video.play_png) 0 0 no-repeat !important; } div.jp-video-play:hover a.jp-video-play-icon { background: var(--asset-jplayer.blue.monday.video.play_png) 0 -100px no-repeat !important; } .jp-interface { background-color: rgba(COLOR_RGBA_19) !important; } div.jp-audio, div.jp-audio-stream, div.jp-video { font-family: "General-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_07); border:none !important; background-color:var(--COLOR_LEGACY_06); } div.jp-interface { background-color:var(--COLOR_LEGACY_06); } div.jp-video div.jp-interface { border-top:none !important; } div.jp-progress { background-color: var(--COLOR_LEGACY_05); } div.jp-details, div.jp-playlist { background-color:var(--COLOR_LEGACY_05); border-top: none !important; } div.jp-playlist li { border-bottom: none !important; } div.jp-type-playlist div.jp-playlist a { color: var(--COLOR_LEGACY_04); } div.jp-type-playlist div.jp-playlist a:hover { color:var(--COLOR_LEGACY_15); } div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color:var(--COLOR_LEGACY_15); } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { color:var(--COLOR_LEGACY_07); } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color:var(--COLOR_LEGACY_15); } div.jp-type-playlist div.jp-playlist span.jp-free-media a{ color:var(--COLOR_LEGACY_07); } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{ color:var(--COLOR_LEGACY_15); } span.jp-artist { color:var(--COLOR_LEGACY_07); } div.jp-video-play { background-color:rgba(COLOR_RGBA_01); } div.jp-jplayer { background-color: var(--COLOR_LEGACY_04); } .jp-no-solution { background-color:var(--COLOR_LEGACY_06); border: none !important; color: var(--COLOR_LEGACY_18); } .jp-no-solution a { color: var(--COLOR_LEGACY_18); } /* --- mybusiness-process-icons.css--- */ .mybusiness-process-icon-7 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-7_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-7-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-7_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-101 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-101_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-101-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-101_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-72 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-72_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-72-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-72_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-5 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-5_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-5-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-5_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-79 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-79_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-79-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-79_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-56 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-56_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-56-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-56_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-12 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-12_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-12-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-12_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-77 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-77_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-77-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-77_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-124 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-124_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-124-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-124_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-15 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-15_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-15-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-15_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-112 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-112_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-112-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-112_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-149 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-149_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-149-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-149_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-16 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-16_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-16-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-16_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-109 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-109_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-109-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-109_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-58 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-58_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-58-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-58_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-75 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-75_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-75-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-75_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-113 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-113_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-113-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-113_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-137 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-137_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-137-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-137_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-135 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-135_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-135-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-135_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-50 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-50_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-50-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-50_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-158 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-158_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-158-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-158_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-108 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-108_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-108-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-108_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-125 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-125_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-125-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-125_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-31 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-31_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-31-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-31_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-118 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-118_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-118-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-118_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-1 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-1_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-1-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-1_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-53 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-53_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-53-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-53_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-130 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-130_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-130-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-130_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-116 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-116_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-116-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-116_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-80 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-80_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-80-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-80_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-94 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-94_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-94-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-94_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-155 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-155_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-155-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-155_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-104 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-104_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-104-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-104_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-82 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-82_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-82-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-82_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-134 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-134_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-134-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-134_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-36 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-36_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-36-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-36_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-100 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-100_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-100-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-100_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-145 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-145_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-145-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-145_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-83 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-83_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-83-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-83_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-29 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-29_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-29-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-29_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-11 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-11_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-11-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-11_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-57 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-57_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-57-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-57_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-63 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-63_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-63-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-63_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-84 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-84_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-84-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-84_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-152 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-152_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-152-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-152_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-97 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-97_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-97-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-97_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-19 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-19_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-19-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-19_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-161 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-161_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-161-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-161_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-21 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-21_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-21-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-21_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-25 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-25_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-25-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-25_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-41 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-41_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-41-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-41_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-27 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-27_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-27-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-27_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-74 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-74_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-74-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-74_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-81 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-81_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-81-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-81_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-42 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-42_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-42-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-42_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-106 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-106_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-106-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-106_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-68 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-68_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-68-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-68_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-120 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-120_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-120-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-120_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-143 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-143_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-143-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-143_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-115 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-115_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-115-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-115_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-37 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-37_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-37-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-37_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-142 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-142_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-142-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-142_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-133 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-133_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-133-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-133_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-114 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-114_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-114-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-114_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-111 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-111_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-111-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-111_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-44 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-44_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-44-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-44_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-151 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-151_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-151-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-151_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-71 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-71_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-71-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-71_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-24 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-24_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-24-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-24_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-110 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-110_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-110-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-110_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-153 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-153_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-153-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-153_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-64 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-64_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-64-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-64_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-107 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-107_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-107-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-107_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-93 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-93_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-93-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-93_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-162 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-162_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-162-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-162_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-54 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-54_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-54-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-54_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-48 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-48_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-48-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-48_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-34 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-34_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-34-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-34_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-131 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-131_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-131-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-131_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-35 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-35_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-35-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-35_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-122 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-122_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-122-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-122_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-160 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-160_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-160-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-160_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-148 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-148_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-148-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-148_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-147 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-147_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-147-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-147_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-69 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-69_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-69-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-69_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-121 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-121_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-121-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-121_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-96 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-96_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-96-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-96_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-146 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-146_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-146-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-146_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-40 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-40_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-40-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-40_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-88 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-88_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-88-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-88_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-43 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-43_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-43-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-43_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-78 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-78_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-78-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-78_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-76 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-76_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-76-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-76_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-73 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-73_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-73-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-73_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-157 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-157_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-157-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-157_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-51 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-51_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-51-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-51_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-14 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-14_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-14-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-14_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-102 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-102_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-102-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-102_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-46 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-46_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-46-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-46_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-150 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-150_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-150-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-150_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-123 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-123_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-123-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-123_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-66 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-66_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-66-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-66_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-67 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-67_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-67-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-67_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-144 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-144_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-144-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-144_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-17 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-17_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-17-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-17_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-20 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-20_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-20-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-20_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-61 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-61_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-61-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-61_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-30 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-30_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-30-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-30_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-49 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-49_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-49-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-49_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-13 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-13_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-13-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-13_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-6 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-6_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-6-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-6_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-55 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-55_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-55-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-55_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-38 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-38_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-38-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-38_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-117 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-117_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-117-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-117_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-9 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-9_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-9-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-9_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-22 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-22_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-22-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-22_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-85 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-85_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-85-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-85_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-129 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-129_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-129-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-129_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-156 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-156_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-156-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-156_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-32 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-32_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-32-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-32_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-119 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-119_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-119-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-119_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-4 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-4_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-4-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-4_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-86 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-86_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-86-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-86_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-70 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-70_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-70-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-70_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-10 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-10_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-10-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-10_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-95 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-95_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-95-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-95_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-18 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-18_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-18-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-18_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-8 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-8_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-8-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-8_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-163 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-163_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-163-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-163_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-28 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-28_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-28-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-28_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-59 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-59_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-59-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-59_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-140 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-140_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-140-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-140_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-33 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-33_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-33-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-33_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-45 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-45_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-45-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-45_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-26 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-26_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-26-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-26_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-136 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-136_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-136-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-136_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-127 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-127_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-127-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-127_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-132 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-132_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-132-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-132_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-23 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-23_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-23-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-23_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-154 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-154_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-154-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-154_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-128 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-128_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-128-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-128_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-159 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-159_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-159-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-159_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-103 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-103_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-103-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-103_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-138 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-138_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-138-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-138_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-99 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-99_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-99-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-99_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-89 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-89_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-89-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-89_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-60 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-60_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-60-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-60_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-39 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-39_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-39-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-39_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-126 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-126_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-126-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-126_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-91 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-91_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-91-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-91_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-3 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-3_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-3-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-3_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-62 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-62_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-62-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-62_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-141 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-141_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-141-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-141_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-52 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-52_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-52-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-52_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-87 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-87_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-87-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-87_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-105 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-105_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-105-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-105_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-139 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-139_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-139-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-139_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-92 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-92_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-92-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-92_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-90 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-90_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-90-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-90_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-65 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-65_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-65-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-65_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-47 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-47_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-47-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-47_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-2 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-2_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-2-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-2_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-98 { background-image: var(--asset-mybusiness-process-icons\white\mybusiness-process-icon-98_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mybusiness-process-icon-98-blue { background-image: var(--asset-mybusiness-process-icons\blue\mybusiness-process-icon-98_png); background-repeat: no-repeat; background-position: center center; background-size: contain; } /* --- dispatcher-pins-icons.css--- */ .poi-icon-5 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-5_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-5_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-5-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-5_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-5_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-5 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-5_svg); } .firefox-old .poi-icon-5-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-5_png); } .poi-icon-8 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-8_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-8_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-8-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-8_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-8_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-8 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-8_svg); } .firefox-old .poi-icon-8-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-8_png); } .poi-icon-6 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-6_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-6_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-6-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-6_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-6_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-6 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-6_svg); } .firefox-old .poi-icon-6-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-6_png); } .poi-icon-4 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-4_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-4_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-4-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-4_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-4_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-4 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-4_svg); } .firefox-old .poi-icon-4-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-4_png); } .poi-icon-9 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-9_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-9_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-9-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-9_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-9_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-9 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-9_svg); } .firefox-old .poi-icon-9-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-9_png); } .poi-icon-7 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-7_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-7_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-7-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-7_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-7_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-7 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-7_svg); } .firefox-old .poi-icon-7-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-7_png); } .poi-icon-12 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-12_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-12_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-12-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-12_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-12_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-12 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-12_svg); } .firefox-old .poi-icon-12-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-12_png); } .poi-icon-1 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-1_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-1_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-1-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-1_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-1_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-1 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-1_svg); } .firefox-old .poi-icon-1-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-1_png); } .poi-icon-2 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-2_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-2_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-2-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-2_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-2_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-2 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-2_svg); } .firefox-old .poi-icon-2-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-2_png); } .poi-icon-13 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-13_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-13_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-13-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-13_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-13_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-13 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-13_svg); } .firefox-old .poi-icon-13-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-13_png); } .poi-icon-3 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-3_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-3_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-3-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-3_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-3_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-3 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-3_svg); } .firefox-old .poi-icon-3-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-3_png); } .poi-icon-10 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-10_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-10_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-10-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-10_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-10_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-10 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-10_svg); } .firefox-old .poi-icon-10-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-10_png); } .poi-icon-11 { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-11_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-11_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_03); } .poi-icon-11-blue { -webkit-mask: var(--asset-dispatcher-pin-icons\poi-icon-11_svg); mask-image: var(--asset-dispatcher-pin-icons\poi-icon-11_svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-mask-size: 98%; background-color: var(--COLOR_LEGACY_01); } .firefox-old .poi-icon-11 { background-image: var(--asset-dispatcher-pin-icons\poi-icon-11_svg); } .firefox-old .poi-icon-11-blue { background-image: var(--asset-dispatcher-pin-icons\png\white\poi-icon-11_png); } /* --- layout-util.css--- */ .layout-util-side-bar-toggle { border-top-right-radius: 30px; border-bottom-right-radius: 30px; background-color: var(--COLOR_LEGACY_01); cursor: pointer; } .layout-util-side-bar-toggle [data-role="toggle-on"] { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid var(--COLOR_LEGACY_03); } .layout-util-side-bar-toggle [data-role="toggle-off"] { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 9px solid var(--COLOR_LEGACY_03); } .layout-util-full-screen-toggle { border-radius: 23px; background-color: var(--COLOR_LEGACY_01); cursor: pointer; color: var(--COLOR_LEGACY_03); font-size: 22px; } /* --- full-page-layout-manager.css--- */ .full-page-layout [class^="stw-tb-"], .full-page-layout [class*=" stw-tb-"], .full-page-layout [class^="stw-"], .full-page-layout [class*=" stw-"] { line-height: inherit !important; } .full-page-layout { background: var(--COLOR_LEGACY_03); } .full-page-layout .company-logo .border, .full-page-layout .areas-separator { background: var(--COLOR_LEGACY_05); } .full-page-layout .left-area > .title { font-family: "Specific-font", Arial, Helvetica, sans-serif; font-size: 22px; color: var(--COLOR_LEGACY_02); } .full-page-layout .progress-bar-container { opacity: .5; background-color: var(--COLOR_LEGACY_02); } .full-page-layout .progress-bar { background-color: var(--COLOR_LEGACY_01); } .search-manager { border: solid 1px var(--COLOR_LEGACY_05); } .search-manager input, .search-manager input:focus { border: none; box-shadow: none; width: 100%; } .search-manager .reset-button .stw-search-general { color: var(--COLOR_LEGACY_01); text-align: center; } .search-manager .reset-button .stw-search-clear { cursor: pointer; font-size: 10px; margin-left: 12px; } .full-page-layout > .disablement-mask .bg { background-color: var(--COLOR_LEGACY_03); } .full-page-layout .controls-bar { color: var(--COLOR_LEGACY_01); background-color: var(--COLOR_LEGACY_03) !important; } .full-page-layout .controls-bar.alternate { display: none; } .full-page-layout .controls-bar .control-icon { color: var(--COLOR_LEGACY_01); font-size: 18px; text-align: center; cursor: pointer; } .full-page-layout .controls-bar { color: var(--COLOR_LEGACY_01); } .full-page-layout .controls-bar .controls > div { cursor: pointer; } /* --- select2.css--- */ .select2-container--open, .select2-container--open .select2-selection--multiple, .select2-drop { box-shadow: none !important; } .select2-container--open .select2-selection--multiple:after { border-top: none; border-bottom: 10px solid var(--COLOR_LEGACY_01); } .select2-selection--multiple { background-image: none !important; border: solid 1px var(--COLOR_LEGACY_05) !important; font-family: General-font, Arial, Verdana, sans-serif; } .select2-selection--multiple:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--COLOR_LEGACY_01); } input[type="text"].select2-input { border: none !important; box-shadow: none !important; } li.select2-result-unselectable > div.select2-result-label, li.select2-result-unselectable > div.select2-result-label:hover { background-color: none !important; color: var(--COLOR_LEGACY_01); cursor: default; text-transform: uppercase; } .select2-selection__choice__remove { font-weight: bold; cursor: pointer; } .select2-selection__choice { background: var(--COLOR_LEGACY_05) !important; padding: 1px 2px 2px 3px !important; border-radius: 0px !important; border: none; } .select2-selection__choice * { color: var(--COLOR_LEGACY_07); } .select2-container--default .select2-search__field input[type="text"] { font-style: italic; color: var(--COLOR_LEGACY_02) !important; } .select2-selection--multiple, .select2-container--open .select2-selection--multiple { box-shadow: 0px 1px 1px rgba(COLOR_RGBA_02) inset !important; } .select2-drop-active { border: solid 1px var(--COLOR_LEGACY_05) !important; } .select2-results .select2-results__option--highlighted { background: var(--COLOR_LEGACY_01); color:var(--COLOR_LEGACY_03); } .select2-container.with-search-icon:before { font-size: 30px; color: var(--COLOR_LEGACY_01); } /* --- style.css--- */ /* GLOBAL STYLES -------------------------------------------------- */ /* Padding below the footer and lighter body text */ body { color: var(--COLOR_LEGACY_07); background: var(--COLOR_LEGACY_32) !important; font-family: 'General-font', arial, verdana, sans-serif !important; font-size: 12px !important; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; overflow-y: auto; } button { outline-style: none !important; } .preloader-loading-mask { background: none; background-color: rgba(COLOR_RGBA_01); color: var(--COLOR_LEGACY_03); } body > .preloader-loading-mask { background-color: rgba(COLOR_RGBA_02); } .preloader-loading-mask .label-container { color: var(--COLOR_LEGACY_04); } .preloader-loading-mask .label-container span { font-size: 14px; background: var(--COLOR_LEGACY_03); box-shadow: 0px 0px 9px 8px var(--COLOR_LEGACY_03); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #loading { background-image: var(--asset-loading-dots_gif); background-repeat:no-repeat; background-position:center; } h2 strong { font-family: 'Specific-font-bold', Arial, Verdana, sans-serif !important; font-weight: bold !important; } .menu-item-notification strong, p strong { font-family: 'General-font-bold', arial, verdana, sans-serif !important; font-weight: normal !important; } p { font-size: 14px; color: var(--COLOR_LEGACY_04); line-height: 1.5; -webkit-text-stroke: 0.1px; text-shadow: 1px 1px 1px rgba(COLOR_RGBA_02); text-align: justify; } .modal-body p { text-align: center; } .video-conf-modal .modal-body p { text-align: left; } .video-conf-modal #loading { background-color: rgba(COLOR_RGBA_15); } .video-conference-attachment-text .download { cursor: pointer; } .add-to-conversation .stw-att-vcard span { font-size: 12px; font-family: 'General-font', arial, verdana, sans-serif; } .add-to-conversation-dropdown-arrow:not(.company-contact-only):after { content: ""; position: absolute; display: block; right: -6px; top: 17px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid; color: var(--COLOR_LEGACY_01); } #add-members { float: left; background: var(--asset-add_contact_png) no-repeat !important; background-size: 25px !important; } #add-members span { color: var(--COLOR_LEGACY_01); font-size: 15px; } .stw-invite-guest:before { color: var(--COLOR_LEGACY_01); } .guest-invite-modal .email-sms-deactivated { padding: 20px; font-size: 12px; } #add-members:not(.company-contact-only) span:after { content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid; color: var(--COLOR_LEGACY_01); } .guest-halo { box-shadow: 0 0 0 0.15rem var(--COLOR_LEGACY_19); } .conversation-contacts .guest-font-color { color: var(--COLOR_LEGACY_19) !important; } .guest-image-outline { border-radius: 50%; box-shadow: var(--COLOR_LEGACY_19) 0 0 0 0.15rem; } .guest-font { font-size: 0.8em; font-style: italic; color: var(--COLOR_LEGACY_02); white-space: nowrap; display: inline !important; } /* utility classes */ .d-none { display: none; } .mb-1 { margin-bottom: 5px; } .mt-1 { margin-top: 5px; } .mb-2 { margin-bottom: 10px; } .mt-2 { margin-top: 10px; } .mb-4 { margin-bottom: 25px; } .mt-4 { margin-top: 25px; } .row-clearfix { overflow: hidden; } .is-red { color: var(--COLOR_LEGACY_18); } .is-blue { color: var(--COLOR_LEGACY_19); } .is-bold { font-weight: bold; } .is-block { display: block; float: none; } .w-100 { width: 100%; } .float-right { float: right; } /* form-group with icon */ .input-wrapper.has-special-icon { position: relative; display: block; } .input-wrapper.has-special-icon .stw-icon { pointer-events: none; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); color: var(--COLOR_LEGACY_01); font-size: 20px; } /* form-group with counter */ .input-wrapper.has-counter { position: relative; } .input-wrapper.has-counter .counter { pointer-events: none; position: absolute; right: 5px; top: 5px;; color: var(--COLOR_LEGACY_02); } .input-wrapper.has-counter .counter.is-justify { top: 50%; transform: translateY(-50%); } .input-wrapper.has-special-icon .stw-date-picker-datetime { font-size: 30px; } /* form-group validations */ .form-group.is-invalid label { color: var(--COLOR_LEGACY_18); } .form-group.is-invalid .form-control { border-color: var(--COLOR_LEGACY_18) !important; } a { text-decoration: none !important; } a:hover { text-decoration: none !important; color: var(--COLOR_LEGACY_04); } .circle { background: var(--COLOR_LEGACY_18); color: var(--COLOR_LEGACY_03); font-size: 14px; font-family: 'General-font-bold', Arial, Verdana, sans-serif !important; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; } .user-image img { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: var(--COLOR_LEGACY_03); border: 1px solid var(--COLOR_LEGACY_06); } /* Sw-buttons */ .sw-button { border-radius: 2px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; font-size: 14px !important; font-family: "Specific-font", Arial, Verdana, sans-serif !important; color: var(--COLOR_LEGACY_03) !important; text-shadow: 0px 1px 1px var(--COLOR_LEGACY_RGBA_07) !important; background: var(--COLOR_LEGACY_01) !important; box-shadow: 0px 1px 1px 0px var(--COLOR_LEGACY_RGBA_09) !important; -moz-box-shadow: 0.3px 1.4px 0.5px 0 var(--COLOR_LEGACY_RGBA_10) !important; -webkit-box-shadow: 0px 1px 1px 0px var(--COLOR_LEGACY_RGBA_09) !important; text-transform: uppercase; border: none !important; white-space: nowrap; } .sw-button.btn-cancel { background-color: var(--COLOR_LEGACY_02) !important; } .sw-button.delete:hover { background-color: var(--COLOR_LEGACY_09); } .sw-button.btn-cancel:hover { background-color: var(--COLOR_LEGACY_02) !important; } /* inputs */ select { font-family: 'General-font', arial, verdana, sans-serif !important; border: solid 1px var(--COLOR_LEGACY_05) !important; background-color: var(--COLOR_LEGACY_03) !important; box-shadow: 0px -1px 1px rgba(COLOR_RGBA_02) inset !important; font-size: 12px !important; color: var(--COLOR_LEGACY_07) !important; border-radius: 1px !important; -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea { border: solid 1px var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); box-shadow: 0px 1px 1px rgba(COLOR_RGBA_02) inset; font-size: 12px; font-family: 'General-font', arial, verdana, sans-serif; color: var(--COLOR_LEGACY_07); border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; } ::-webkit-input-placeholder { font-style: italic; color: var(--COLOR_LEGACY_02); } :-moz-placeholder { /* Firefox 18- */ font-style: italic; color: var(--COLOR_LEGACY_02); } ::-moz-placeholder { /* Firefox 19+ */ font-style: italic; color: var(--COLOR_LEGACY_02); } :-ms-input-placeholder { font-style: italic; color: var(--COLOR_LEGACY_02); } .row label { font-family: 'General-font', arial, verdana, sans-serif !important; font-weight: normal; font-size: 12px; } .copyright { font-size: 11px; color: var(--COLOR_LEGACY_07); } .copyright a{ color: var(--COLOR_LEGACY_04); } /* tooltip */ .info { background: var(--asset-widget-info_png) no-repeat; } /* Popover */ .popover { border-radius: 2px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; font-family: 'General-font', arial, verdana, sans-serif !important; font-size: 12px !important; color: var(--COLOR_LEGACY_07); } /* Login */ /* modal */ .modal-content { border-radius: 2px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; } .modal-header { border-bottom: none !important; } .modal-header h4{ color: var(--COLOR_LEGACY_04); font-size: 16px; font-family: "Specific-font", Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 0.64px; } .modal-header .close { background: var(--asset-close-icon_png) no-repeat center; opacity: 1; filter: alpha(opacity=100); } .modal-body p { font-size: 12px; color: var(--COLOR_LEGACY_04); } .modal-body { font-size: 12px; color: var(--COLOR_LEGACY_04); } .modal-body label { font-weight: normal; } .modal-footer { border-top: none !important; } .js-information-dialog .text-message { text-align: center; } input[type="checkbox"] + label span { background-image: var(--asset-checkbox-icons_png); background-position: left top; background-repeat: no-repeat; cursor: pointer; } input[type="checkbox"] + label span:hover { background-image: var(--asset-checkbox-icons_png); background-position: right top; background-repeat: no-repeat; opacity: 0.3; } input[type="checkbox"]:checked + label span { background-image: var(--asset-checkbox-icons_png); background-position: right top; background-repeat: no-repeat; } input[type="checkbox"]:checked + label span:hover { opacity: 1; } /* form messages */ div.message-area-parent { padding: 0; } div.message-area { border: solid 1px var(--COLOR_LEGACY_05); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: var(--COLOR_LEGACY_06); line-height: 12px; font-size: 12px; color: var(--COLOR_LEGACY_07); font-family: 'General-font', arial, verdana, sans-serif !important; text-transform: none; } div.message-area.error { background: var(--asset-error_png) 5px center no-repeat var(--COLOR_LEGACY_06); } div.message-area.success { background: var(--asset-ok_png) 5px center no-repeat var(--COLOR_LEGACY_06); } .message-area .arrow-left { background: var(--asset-arrows_png); } .message-area.password .arrow, .message-area .arrow-top { background: var(--asset-arrows_png); } .unsubscribe-modal .message-area .arrow-top { background: var(--asset-arrows_png); } .message-area .arrow-right { background: var(--asset-arrows_png); } .message-area .arrow-bottom { background: var(--asset-arrows_png); } select { border:0; background:transparent !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; } .disabled-control { opacity: 0.2 !important; cursor: default !important; pointer-events: none; } .ie8 select, .ie9 select { background:none !important; } .iti.pretty .iti__flag-container .iti__selected-flag { background-color: var(--COLOR_LEGACY_06) !important; } .iti .iti__country-list { text-align: left !important; } .organization-logo { border-bottom: 1px solid var(--COLOR_LEGACY_05); } .error-notification-bar { background-color: var(--COLOR_LEGACY_03); } .error-notification-bar button { font-family: "General-font-bold", Arial, Verdana, sans-serif; background: transparent; border: none; } .error-notification-bar label { font-family: "General-font", Arial, Verdana, sans-serif !important; background: transparent; font-weight: normal; font-size: 14px; color: var(--COLOR_LEGACY_18); border: none; } .body-container { background: var(--COLOR_LEGACY_32) !important; background-size: cover !important; } .navbar-brand { background: var(--asset-logo_png) no-repeat !important; background-size: 100% !important; } .left-container { background-color: var(--COLOR_LEGACY_03); border-right: 2px solid var(--COLOR_LEGACY_05); } .left-container.login { box-shadow: inset -2px 0 6px 1px rgba(COLOR_RGBA_18); } #right-container { background-color: var(--COLOR_LEGACY_06); } #right-container-secondary, .right-container-dynamic { background-color: var(--COLOR_LEGACY_06); border-left: solid 1px var(--COLOR_LEGACY_05); } .message-area.password .arrow { background: var(--asset-arrows_png); } .clickable { cursor: pointer; } .deactivation-mask-message { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_18); font-family: 'General-font', arial, verdana, sans-serif !important; font-size: 15px !important; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; } .deactivation-mask { background: var(--COLOR_LEGACY_03); opacity: 0.5; } .ps-scrollbar-y-rail, .ps-scrollbar-y, .ps-scrollbar-x-rail, .ps-scrollbar-x { opacity: 1 !important; } .ps-scrollbar-y-rail, .ps-scrollbar-y, .ps-scrollbar-x-rail, .ps-scrollbar-x { opacity: 1 !important; } .ps-scrollbar-y-rail, .ps-scrollbar-x-rail { background-color: var(--COLOR_LEGACY_06); border-radius: 0 !important; } .ps-scrollbar-y-rail { border-left: 1px solid var(--COLOR_LEGACY_05); } .ps-scrollbar-x-rail { border-top: 1px solid var(--COLOR_LEGACY_05); border-bottom: 1px solid var(--COLOR_LEGACY_05); } .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x, .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color:rgba(COLOR_RGBA_04) !important; } .ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x, .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { background-color:var(--COLOR_LEGACY_02) !important; } .highlighting { background: rgba(COLOR_RGBA_12); font-family: inherit !important; font-style: inherit !important; border-radius: 2px; } .highlighted-message { /* there are no design specs for this; but will keep the class, at leat for jQuery selectors */ } /* BOOTSTRAPJS TABS CUSTOMIZATION */ .nav-tabs { border: none !important; } .nav-tabs li { text-transform: uppercase; font-family: "General-font-bold", Arial, Verdana, sans-serif; font-size: 13px; border-bottom: solid 2px var(--COLOR_LEGACY_05); text-align: center; } .nav-tabs li.active { border-bottom: solid 2px var(--COLOR_LEGACY_01); } .nav-tabs li a { color: var(--COLOR_LEGACY_02) !important; border: none !important; background-color: transparent !important; } .nav-tabs li.active a { color: var(--COLOR_LEGACY_01) !important; border: none !important; } .areas-splitter { box-shadow: -2px 0 6px 1px rgba(COLOR_RGBA_18); background: var(--COLOR_LEGACY_05); } .message-status .time, .attachment * , .message-status * { font-size: 12px; } .organization-logo-container { background: var(--COLOR_LEGACY_03); } .modal-dialogs .background { background: var(--COLOR_LEGACY_04); opacity: 0.4; } .preloader-bar .bg { background: var(--COLOR_LEGACY_04); } .preloader-bar .spinner { background: var(--asset-refresh_png) center center; } .preloader-bar .message { font-family: "General-font-bold", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_03); } .contacts-container .search-more-contacts{ background: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } .clickable-url-input { padding-top: 6px; padding-left: 5px; width: 300px; height: 30px; background-color: var(--COLOR_LEGACY_03); border: solid 1px var(--COLOR_LEGACY_05); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset; font-size: 12px; font-family: "General-font", arial, verdana, sans-serif; color: var(--COLOR_LEGACY_07); border-radius: 1px; overflow: hidden; white-space: nowrap; cursor: text; padding-right: 30px; } .clickable-url-input.disabled { border: solid 1px var(--COLOR_LEGACY_04); cursor: default; } .clickable-url-input:focus { border: solid 1px #f7b29d; } .clickable-url-input.disabled:focus { border: solid 1px var(--COLOR_LEGACY_04); } #wcf-ui-root.react-not-loaded { background: var(--COLOR_LEGACY_03) var(--asset-mobile-icons\touch-icon-ipad_png) no-repeat center; } /* --- settings.css--- */ .settings h2 { color: var(--COLOR_LEGACY_02); font-size: 22px; font-family: 'Specific-font', Arial, Verdana, sans-serif; } .settings h3 { font-family: 'Specific-font-bold', Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_04); font-size: 18px; text-transform: uppercase; font-weight: bold; } .settings h4 { color: var(--COLOR_LEGACY_02); font-size: 14px; } .settings .organization-logo { border-bottom: none !important; } .setting .name { color: var(--COLOR_LEGACY_02); font-size: 16px; font-family: 'Specific-font', Arial, Verdana, sans-serif; text-transform: uppercase; } .setting .title, .setting label { color: var(--COLOR_LEGACY_07); font-weight: normal; } #right-container { background-color: var(--COLOR_LEGACY_03); } .form-element label, .setting .title { line-height: 30px; } .setting { border-bottom: 1px solid var(--COLOR_LEGACY_05); } .setting .form-element-input.error { border: solid 1px var(--COLOR_LEGACY_09) !important; } .edit-user-image.no-profile-image { background: var(--asset-no-user-image_png) no-repeat; cursor: pointer; } .edit-user-image img{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid var(--COLOR_LEGACY_06); } .edit-image { background: var(--asset-edit-user-image_png) no-repeat; } #image-options-list { border: solid 1px var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); box-shadow: 1.286px 1.532px 6px 0px rgba(COLOR_RGBA_03); } #image-options-list li { color: var(--COLOR_LEGACY_07); background-color: var(--COLOR_LEGACY_03); border-top: solid 1px var(--COLOR_LEGACY_05); } #image-options-list li:first-child { border: none; } #remove-image { background: var(--asset-remove-image_png) no-repeat 10px 13px; } #upload-image { background: var(--asset-upload-new_png) no-repeat 10px 10px; } #image-options-list li:first-child { cursor: pointer; } /* jQuery Resize And Crop (jrac) */ .jrac_zoom_slider { border-radius: 0px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; background: none !important; border: 0px; } .confirm .jrac_viewport { border: none; } .jrac_loading { background-image: var(--asset-loading-dots_gif); background-repeat:no-repeat; background-position:center; } .jrac_crop_drag_handler { border: 2px dotted var(--COLOR_LEGACY_03); } .jrac_viewport img:first-child { background-color: var(--COLOR_LEGACY_03); opacity: 0.5; } .jrac_viewport img.ui-draggable { cursor: move; } #remove-logo { background: var(--asset-company_settings\upload-image-icons_png) no-repeat -6px -135px; background-color: var(--COLOR_LEGACY_03); } /* Zoom slider reskin */ .jrac_zoom_slider_wrapper{ background: var(--asset-zoom-track_png); box-shadow: var(--COLOR_LEGACY_02) 0px 0px 10px 3px; } .ui-slider-horizontal .ui-slider-handle { background: var(--COLOR_LEGACY_01); } .company-details .form-element-input { font-weight: bold; } #company_settings td.left-column { border-right: 1px solid var(--COLOR_LEGACY_05); } /* jQuery Resize And Crop (jrac) */ .jrac_viewport { background: rgba(COLOR_RGBA_06); } .edit-image-container { background: var(--COLOR_LEGACY_03); } /* Zoom slider reskin*/ #image-edit .modal-body { background-color: var(--COLOR_LEGACY_02); } .jrac_crop img { background-color: var(--COLOR_LEGACY_03); opacity: 1 !important; } #image-edit .modal-footer { border-top: 1px solid var(--COLOR_LEGACY_02) !important; } [data-role=settings-selection] select.active{ color: var(--COLOR_LEGACY_01) !important; font-family: 'General-font-bold', Arial, Verdana, sans-serif !important; text-transform: uppercase; } [data-role=settings-selection] select.inactive { color: var(--COLOR_LEGACY_02) !important; font-family: 'General-font-bold', Arial, Verdana, sans-serif !important; text-transform: uppercase; } [data-role=settings-selection] option { color: var(--COLOR_LEGACY_07); font-family: 'General-font', Arial, Verdana, sans-serif !important; } [data-role=settings-selection] { background: var(--COLOR_LEGACY_03) !important; box-shadow: 0px 0px 1px rgba(COLOR_RGBA_02) inset !important; } .settings .wt-supervisor { font-size: 14px; text-shadow: 1px 1px 1px rgba(COLOR_RGBA_02); color: var(--COLOR_LEGACY_04); } .settings td:first-child { font-size:13px; } /* The user status */ div.settings div.status div.submit { background: var(--asset-submit_png) center center no-repeat; } div.settings div.status div.fake-input { border: 1px solid var(--COLOR_LEGACY_05); color: var(--COLOR_LEGACY_07); box-shadow: 0 -1px 1px rgba(COLOR_RGBA_02) inset; } div.settings div.status div.fake-input.placeholder { color: var(--COLOR_LEGACY_02); } div.settings div.status div.fake-input .emoji-sizer { vertical-align: bottom; height: 16px; width: 16px; background-size: 16px; } .setting .checkboxes-list { border: solid 1px var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); box-shadow: 1.3px 1.5px 6px 0px rgba(COLOR_RGBA_03); z-index: 1; } .setting .settings-checkbox-container { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_07); font-size: 12px; border-bottom: 1px solid var(--COLOR_LEGACY_06); } /* --- index.css--- */ #right-container.conversation { background-color: var(--COLOR_LEGACY_06); } .contact .index h1, .conversation .index h1 { font-size: 22px; color: var(--COLOR_LEGACY_02); font-family: "Specific-font", Arial, Verdana, sans-serif; } #subscriber.filter-type, #group.filter-type, #only_available.filter-type { color: var(--COLOR_LEGACY_01); border: 1px solid var(--COLOR_LEGACY_01); } #subscriber.filter-type.selected, #group.filter-type.selected, #only_available.filter-type.selected { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } .search-reset-button { border: none; } .search-reset-button span.stw-search-general { color: var(--COLOR_LEGACY_01); text-align: center; line-height: 30px !important; } .search-reset-button span.stw-search-clear { text-align: center; font-size: 10px; line-height: 30px !important; } input.search-input { box-shadow: none !important; } .search-input-preloader { background-image: var(--asset-loading-dots_gif); background-repeat:no-repeat; background-position:center; } .multi-select-all, .multiselection { background: var(--asset-multiselection_png) no-repeat center left !important; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_01); line-height: 18px; font-size: 13px !important; } .multi-select-all.selected, .multiselection.selected { background: var(--asset-close_png) no-repeat center left !important; line-height: 18px; } .buttons-container { display: inline-block; } .buttons-container .btn-share-video{ background: var(--asset-multiselection_png) no-repeat center left !important; font-family: 'Specific-font-bold', Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_01); line-height: 18px; font-size: 13px !important;margin: 20px; padding-left: 28px; cursor: pointer; width: auto; display: inline-block; } .no-image { background-color: var(--COLOR_LEGACY_30) !important; border-radius: 50%; font-size: 20px; text-align: center; text-transform: uppercase; color: var(--COLOR_LEGACY_02); } .no-image.external_video_source::before { font-size: 26px; color: var(--COLOR_LEGACY_01); } .user-info .no-image { /*background: var(--asset-user-icon_png) no-repeat center left !important; */ } .no-image.car-tracker { background: var(--asset-user-car-tracker-icon_png) no-repeat center center var(--COLOR_LEGACY_03) !important; border-radius: 50%; } .wait { background: var(--asset-wait_png) no-repeat center left !important; } .new-conversation { background: var(--asset-new-conversation_png) no-repeat center left !important; } .app-not-installed { background: var(--asset-reinvite-button_png) no-repeat center bottom !important; } .subscriber-icon { background: var(--asset-subscriber_png) no-repeat center center !important; } .subscriber-details-icon { background: var(--asset-user-details-icon_png) no-repeat center center !important; } .group-image { background: var(--asset-group-icon_png) no-repeat center left !important; color: var(--COLOR_LEGACY_03); font-size: 14px; } .group-image.blue { background: var(--asset-group-icon-blue_png) no-repeat center left !important; } .group-image.with-traking { background: var(--asset-group-icon-with-tracking_png) no-repeat center left !important; } .group-image.big { background: var(--asset-group-icon-big_png) no-repeat center left !important; } .group-image.blue.big { background: var(--asset-group-icon-big_png) no-repeat center left !important; } .group-image.small { width: 42px; height: 40px; } .conversation-item, .contact-item { border-top: 1px solid var(--COLOR_LEGACY_05); display: flex; align-items: center; } .user-availability-flag.not-authenticated { background: var(--asset-not-authenticated-icon_png) var(--COLOR_LEGACY_03) no-repeat !important; background-size: contain !important; border-radius: 100%; border: 1px solid var(--COLOR_LEGACY_03); } .user-availability-flag.available, .overlay-marker.available > div { border: 2px solid var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_12); border-radius: 100%; } .user-availability-flag.offline, .overlay-marker.available > div { border: 2px solid var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_34); border-radius: 100%; } .user-availability-flag.busy, .overlay-marker.busy > div { border: 2px solid var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_09); border-radius: 100%; } .contact-item.dark, .conversation-item.dark { background: var(--COLOR_LEGACY_06); } .contact-item.light, .conversation-item.light { background: var(--COLOR_LEGACY_03); } .contact-item.just-modified *:not(.stw-icon) { font-family: "General-font-bold", Arial, Verdana, sans-serif !important; } .contact-item.to-be-removed * { color: var(--COLOR_LEGACY_09) !important; } .contact-item.offline .user-image img, .contact-item.not-authenticated .user-image img, .contact-item.offline .user-image .no-image, .contact-item.not-authenticated .user-image .no-image, .subscriber-details.offline .image-wrapper, .subscriber-details.not-authenticated .image-wrapper, .chat-window-header .conversation-item.offline .user-image img, .chat-window-header .conversation-item.offline .user-image .no-image, .chat-window-header .conversation-item.not-authenticated .user-image img, .chat-window-header .conversation-item.not-authenticated .user-image .no-image, .conversation-contacts[data-connected-status="false"] .user-image img, .conversation-contacts[data-connected-status="false"] .user-image .no-image { opacity: .7; } .contact-item.offline .name, .contact-item.not-authenticated .name, .contact-item.offline .user-operational-status, .contact-item.not-authenticated .user-operational-status, .subscriber-details.offline .title-text, .subscriber-details.offline .info-row .phone-number, .subscriber-details.offline .email .text, .subscriber-details.not-authenticated .title-text, .subscriber-details.not-authenticated .info-row .phone-number, .subscriber-details.not-authenticated .email .text, .chat-window-header .conversation-item.offline .names span, .chat-window-header .conversation-item.not-authenticated .names span, .conversation-contacts[data-connected-status="false"] .name { font-style: italic; color: var(--COLOR_LEGACY_02); } .left-container .contact-item .user-custom-status { font-style: italic; font-size: 11px; cursor: pointer; } .left-container .contact-item .user-custom-status-container .tooltip{ font-style: italic; font-size: 11px; } .ui-draggable-disabled.ui-state-disabled { opacity: 1 !important; filter:Alpha(Opacity=100) !important; cursor: pointer !important; } .contact-item.history.selected, .contact-group.selected, .contact-user.selected { background: var(--asset-selected-band_png) no-repeat center left var(--COLOR_LEGACY_05) !important; } .contact-user .video-streaming .stw-icon { line-height: 32px; font-size: 30px; color: var(--COLOR_LEGACY_01); } .contact-item.history.selected { background-size: 5px 75px !important; } .conversation-item.selected { background: var(--asset-selected-conversation-band_png) no-repeat center left var(--COLOR_LEGACY_05) !important; } .conversation-item .tooltip-inner { font-family: "Specific-font", Arial, Verdana, sans-serif !important; font-weight: normal !important; word-break: break-word; } .message.deleted, .contact-item.disabled, .conversation-item.deleted { opacity: .3 !important; cursor: default !important; } .conversation .title { background-color: var(--COLOR_LEGACY_05); font-family: "Specific-font", Arial, Verdana, sans-serif; font-size: 25px; color: var(--COLOR_LEGACY_04); } .info-title { font-family: "Specific-font-bold", Arial, Verdana, sans-serif; font-size: 10px; color: var(--COLOR_LEGACY_02); text-transform: uppercase; font-weight: bold; } .info-row { border-bottom: 1px solid var(--COLOR_LEGACY_05); } .info-row .position { border-left: 1px solid var(--COLOR_LEGACY_05); } .info-row .text { font-size: 14px; color: var(--COLOR_LEGACY_04); } .phone-number { font-size: 18px; color: var(--COLOR_LEGACY_04); } .group-info { background-color: var(--COLOR_LEGACY_05); border: 1px solid var(--COLOR_LEGACY_05); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .group-label { background: var(--asset-groups_png) no-repeat 7px center !important; } .conversation-item .name, .contact-item .name { font-size: 14px; font-family: "Specific-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_38); } .conversation-item.selected .name, .contact-item.selected .name { font-family: "Specific-font-bold", Arial, Verdana, sans-serif; font-weight: 600; } .contact-item .user-operational-status { font-weight: 600; font-size: 11px; } .subscribers-list .name { font-size: 14px; font-family: "Specific-font", Arial, Verdana, sans-serif; width: 30%; } .subscribers-list .position { font-size: 14px; } .subscriber-details .groups-list, .subscriber-details .wt-supervisor { border-bottom: 1px solid var(--COLOR_LEGACY_05); } .subscriber-details .wt-supervisor .wt-supervisor-info { font-size: 14px; } .subscriber-details .no-image { background: var(--asset-default-user_png) no-repeat center center !important; } .subscriber-details .no-image.car-tracker { background: var(--asset-default-car-tracker-user_png) no-repeat center center var(--COLOR_LEGACY_03) !important; } .group-details .title .new-conversation, .subscriber-details .new-conversation { background: var(--asset-new-conversation-big_png) no-repeat center center !important; } #right-container .contacts-manager-button { cursor: pointer; font-size: 34px; color: var(--COLOR_LEGACY_01); } .subscriber-details .video-streaming{ color: var(--COLOR_LEGACY_01); font-size: 30px; } .conversation-options-button { text-align: center; line-height: 40px; } .conversation-options-button .stw-icon, .chat-window-header .stw-icon { color: var(--COLOR_LEGACY_01); font-size: 25px; line-height: 40px !important; } .conversation-options-button.inactive .stw-icon { color: var(--COLOR_LEGACY_02); } .conversation-options-button.ptt-options .stw-icon { font-size: 25px; } .subscriber-details .app-not-installed { background: var(--asset-reinvite-button-big_png) no-repeat center center !important; } .group-details .subscribers-list .grey { background-color: var(--COLOR_LEGACY_06); } .group-details .no-subscribers { font-size: 12px; } .subscriber-details .image { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: var(--COLOR_LEGACY_06); box-shadow: 0px 1px 3px 0px rgba(COLOR_RGBA_05); } .subscriber-details .image.external_video_source::before { color: var(--COLOR_LEGACY_01); font-size: 100px; } #switch-conversation-type { background: var(--asset-create-conversation-icons_png) no-repeat 2px -35px; } #switch-conversation-type.broadcast{ background-position: 2px 8px !important; } .conversation-edit-controls { background-color: var(--COLOR_LEGACY_05); } .create-conversation-info { font-family: General-font, Arial, Verdana, sans-serif; font-size: 16px; padding-left: 10px; padding-top: 24px; line-height: 20px; } .right-container .contact-info { font-size: 15px; } /** tooltip css */ .tooltip.in { filter: alpha(opacity=100); opacity: 1; } .tooltip-inner { color: var(--COLOR_LEGACY_04); border: solid 1px var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_11); box-shadow: 1.286px 1.532px 6px 0px rgba(COLOR_RGBA_03); min-width: 150px; max-width: 300px; overflow: hidden; text-overflow: ellipsis; } .tooltip.bottom .tooltip-arrow { top: -5px; margin-left: -8px; border-width: 0 10px 10px; border-bottom-color: var(--COLOR_LEGACY_11); } .tooltip.right .tooltip-arrow { top: 28%; left: -4px; border-width: 10px 10px 10px 0; border-right-color: var(--COLOR_LEGACY_11); } .tooltip.bottom .tooltip-arrow:before, .tooltip.bottom .tooltip-arrow:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; top: 100%; left: 50%; margin-left: -10px; } .tooltip.bottom .tooltip-arrow:before { border-bottom: 10px solid rgba(COLOR_RGBA_03); } .tooltip.bottom .tooltip-arrow:after { border-bottom: 10px solid var(--COLOR_LEGACY_11); margin-top: 1px; z-index: 1; } .tooltip.right .tooltip-arrow:before, .tooltip.right .tooltip-arrow:after { content: ""; position: absolute; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; bottom: 100%; left: 0px; top: -10px; } .tooltip.right .tooltip-arrow:before { border-right: 10px solid rgba(COLOR_RGBA_03); } .tooltip.right .tooltip-arrow:after{ border-right: 10px solid var(--COLOR_LEGACY_11); z-index: 1; } .tooltip.left .tooltip-arrow { top: 33% !important; right: -4px; border-width: 10px 0 10px 10px; border-left-color: var(--COLOR_LEGACY_11); } .tooltip.left .tooltip-arrow:before, .tooltip.left .tooltip-arrow:after { content: ""; position: absolute; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid transparent; bottom: 100%; right: 0px; top: -10px; } .tooltip.left .tooltip-arrow:before { border-left: 10px solid rgba(COLOR_RGBA_03); } .tooltip.left .tooltip-arrow:after{ border-left: 10px solid var(--COLOR_LEGACY_11); z-index: 1; } .tooltip.top .tooltip-arrow { bottom: -5px; margin-left: -8px; border-width: 0 10px 10px; border-top-color: var(--COLOR_LEGACY_11); } .tooltip.top .tooltip-arrow:before, .tooltip.top .tooltip-arrow:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; top: 100%; left: 50%; margin-left: -10px; } .tooltip.top .tooltip-arrow:before { border-top: 0px; } .tooltip.top .tooltip-arrow:after{ border-top: 10px solid var(--COLOR_LEGACY_11); margin-top: -2px; z-index: 1; } /* conversation page */ .conversations-controls { border-bottom: 2px solid var(--COLOR_LEGACY_01); } .conversations-controls .conversations-trash { font-size: 13px; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_01); background: var(--asset-geoloc-multi-select-buttons_png) no-repeat 0px -51px; opacity: 0.5; } .conversations-controls .conversations-trash.selected, .conversations-controls .conversations-trash.drop-activated { opacity: 1; } .conversations-controls .progress-bar-container { background: var(--COLOR_LEGACY_05); } .user-image .circle { background-size: 100%; } .conversation-item .last-message { font-family: "General-font", Arial, Verdana, sans-serif; font-size: 12px; color: var(--COLOR_LEGACY_04); font-weight: normal; } .conversation-date { font-size: 10px; } .conversation-item .group.process .names { background: none; } .right-container .conversation-item .group .names { background: transparent; } .create-new-conversation { color: var(--COLOR_LEGACY_04); } .conversation-controls .user-icon { background: var(--asset-contact-info_png) no-repeat center center; cursor: pointer; } .conversation-controls .new-conversation { background: var(--asset-add_contact_png) no-repeat center center !important; } .chat-messages { background: var(--COLOR_LEGACY_03); } .chat-window-header .conversation-item { background-color: var(--COLOR_LEGACY_05); } .chat-window-header .names { font-size: 18px; font-family: "Specific-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_04); } .chat-window-header .phone-number { font-size: 14px; font-family: "General-font", Arial, Verdana, sans-serif; } .chat-window-send-messages .alert-stop-button { color: var(--COLOR_LEGACY_03); background: var(--COLOR_LEGACY_13); font-size: 18px; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; text-align: center; } .show-emoticons { color: var(--COLOR_LEGACY_01); cursor: pointer; } .disabled .show-emoticons { color: var(--COLOR_LEGACY_05); cursor: default; } .disabled #send-message { color: var(--COLOR_LEGACY_05) !important; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: var(--COLOR_LEGACY_06) !important; box-shadow: none !important; } #send-message { text-align: center; border-radius: 20px!important; background-color: unset!important; color: var(--COLOR_LEGACY_01)!important; font-size: 32px!important; padding: 0!important; line-height: 28px !important; text-shadow: none!important; box-shadow: none!important; -webkit-box-shadow: none!important; text-transform: none!important; } .text-message-area { font-size: 12px !important; font-family: 'General-font', arial, verdana, sans-serif !important; color: var(--COLOR_LEGACY_07) !important; } .message-input-textarea { background-color: var(--COLOR_LEGACY_03) !important; border-radius: 30px !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; } .message-input-textarea .ps-scrollbar-y-rail, .message-input-textarea .ps-scrollbar-y-rail:hover { background-color: transparent !important; border: none !important; cursor: pointer; } .message-input-textarea .audioclip-overlay { background-color: var(--COLOR_LEGACY_03); border-radius: 30px; } .message-input-textarea .audioclip-overlay .trash-button { cursor: pointer; color: var(--COLOR_LEGACY_45); background-color: var(--COLOR_LEGACY_05); } .message-input-textarea .audioclip-overlay .recording-time-circle { color: var(--COLOR_LEGACY_45); font-size: 7px; margin-right: 5px; } .message-input-textarea .audioclip-overlay .recording-time { font-size: 16px; } .text-message-area textarea { border: none !important; background-color: transparent !important; box-shadow: none !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; } .attachment-area { background-color: var(--COLOR_LEGACY_03) !important; border: solid 1px var(--COLOR_LEGACY_05) !important; } .chat-window-send-messages { background-color: var(--COLOR_LEGACY_05); } .chat-window-send-messages .loading-bar { opacity: 0.7; background-image: var(--asset-loading-dots_gif); background-repeat:no-repeat; background-position:center; background-color: var(--COLOR_LEGACY_03); } .message .message-container span { font-size: 14px; } .message-utilities { font-size: 12px; font-family: "Specific-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_01); } .message-utilities .utility-button { cursor: pointer; } .message-utilities .utility-button:not(:first-child) { border-left: solid 1px var(--COLOR_LEGACY_01); } .message-utilities #message-ack-control .ack-text { color: var(--COLOR_LEGACY_03); font-family: Specific-font-bold, Arial, Verdana, sans-serif; } .message-utilities #message-ack-control .tick { color: var(--COLOR_LEGACY_01); text-shadow: 0px -1px var(--COLOR_LEGACY_03); font-size: 14px; } .disabled .message-utilities { color: var(--COLOR_LEGACY_05); } .disabled .message-utilities .send-attachment .qq-upload-button { background: var(--asset-message-box-stripe-disabled_png) no-repeat; background-position: 0px -80px; } .message-utilities .send-location span { background: var(--asset-message-box-stripe_png) no-repeat; background-position: 0px -42px; } .geolocation-contacts-sliding-layer .message-utilities .send-location span, .geolocation-contacts-sliding-layer .message-utilities #fileuploader, .sliding-layer-container .message-utilities .send-location span, .sliding-layer-container .message-utilities #fileuploader { font-size: 20px; display: inline; } .disabled .message-utilities .send-location span { background: var(--asset-message-box-stripe-disabled_png) no-repeat; background-position: 0px -42px; } .qq-upload-button span { white-space: nowrap; cursor: pointer; } .message-utilities .send-alert { background: var(--asset-message-box-stripe_png) no-repeat; background-position: 0px 0px; } .disabled .message-utilities .utilities .send-alert { background: var(--asset-message-box-stripe_png) no-repeat; background-position: 0px 0px; } .message-container:after { border-style: solid; } .message-alert-mode-on .message-container, .message-alert-mode-off .message-container { color: var(--COLOR_LEGACY_03); font-family: 'General-font-bold', Arial, Verdana, sans-serif; font-size: 14px; text-align: center; border-radius: 13px; } .message-alert-mode-on .message-container { background-color: var(--COLOR_LEGACY_09); } .message-alert-mode-off .message-container { background-color: var(--COLOR_LEGACY_12); } .message-alert-mode-on .message-container:after, .message-alert-mode-off .message-container:after { border: none; } .message-ambient-listening-on .message-container, .message-ambient-listening-off .message-container { color: var(--COLOR_LEGACY_03); font-family: 'General-font-bold', Arial, Verdana, sans-serif; font-size: 14px; text-align: center; border-radius: 13px; } .message-ambient-listening-on .message-container { background-color: var(--COLOR_LEGACY_50); } .message-ambient-listening-off .message-container { background-color: var(--COLOR_LEGACY_12); } .message-ambient-listening-on .message-container:after, .message-ambient-listening-off .message-container:after { border: none; } .message-sent .message-container{ background-color: var(--COLOR_LEGACY_08); -webkit-border-radius: 13px 13px 0 13px; -moz-border-radius: 13px 13px 0 13px; border-radius: 13px 13px 0 13px; } .message-sent .message-container:after { border-width: 13px 0 0px 10px; border-color: transparent var(--COLOR_LEGACY_08); } .message-received .message-container { background-color: var(--COLOR_LEGACY_06); -webkit-border-radius: 13px 13px 13px 0; -moz-border-radius: 13px 13px 13px 0; border-radius: 13px 13px 13px 0; } .message-received .message-container:after { border-width: 13px 10px 0px 0px; border-color: transparent var(--COLOR_LEGACY_06); } .message-container .deleted-icon { vertical-align: text-top; } .message-container.deleted-for-everyone { width: auto; float: right; color: #6e6e6e; font-style: italic; } .message-received .message-container.deleted-for-everyone { float: left; } .message-received .message-container.multiple.deleted-for-everyone { width: auto; margin-left: 70px; } .message-container.with-attachment.freecall, .message-container.with-attachment.location, .message-container.with-attachment.image, .message-container.with-attachment.video { background-color: transparent !important; } .message-sent .message-container.with-attachment.with-caption { background-color: var(--COLOR_LEGACY_08) !important; } .message-received .message-container.with-attachment.with-caption { background-color: var(--COLOR_LEGACY_06) !important; } .message.selected-search-result .message-container { background-color: var(--COLOR_LEGACY_33); } .message.selected-search-result .message-container:after { border-color: transparent var(--COLOR_LEGACY_33); } .message-status label { background: yellow; } .message-status .pending, .message-status .failure { background: var(--asset-delivery-reports_png) no-repeat right; } .message-status .pending { background-position: 0px -26px; } .message-status .failure { background-position: 0px -13px; } .message-status.dlr .success { float: right; } .message-aggregate { border-radius: 10px; cursor: pointer; } .message-aggregate.incoming { background-color: var(--COLOR_LEGACY_05); } .message-aggregate.outgoing { background-color: var(--COLOR_LEGACY_08); } .message-aggregate.missed { background-color: var(--COLOR_LEGACY_17); } .message-aggregate .call-icon { color: var(--COLOR_LEGACY_01); font-size: 20px; } .message-aggregate.missed .call-icon { color: var(--COLOR_LEGACY_09); } .message-aggregate .call-type { color: var(--COLOR_LEGACY_04); font-family: General-font-bold, Arial, Verdana, sans-serif; font-size: 14px; } .message-aggregate .counter { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); text-align: center; font-family: General-font-bold, Arial, Verdana, sans-serif; border-radius: 14px; } .message-aggregate.missed .counter { background-color: var(--COLOR_LEGACY_09); } .leave-group-conversation { background: var(--asset-edit-groups_png) no-repeat 1px -88px; } /*.leave-group-conversation:hover,*/ .leave-group-conversation.selected { background-position: 0 -135px; } .leave-group-conversation.disabled-control:hover { background-position: 1px -88px } .edit-group-conversation { background: var(--asset-edit-groups_png) no-repeat -1px 10px; } /* .edit-group-conversation:hover, .edit-group-conversation.selected { background-position: 0 -40px; } */ .edit-group-conversation.disabled-control:hover { background-position: -1px 10px; } .conversation-controls .available-recipients-details, .conversation-controls .details-group-conversation { color: var(--COLOR_LEGACY_01); font-size: 21px; text-align: center; line-height: 40px; } .conversation-controls .details-group-conversation span { line-height: 40px; font-size: 32px; } .conversation-controls .available-recipients-details span { font-size: 40px; line-height: 40px; } .conversation-controls .streaming-options-button:after { content: ""; position: absolute; display: block; right: -3px; top: 13px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid var(--COLOR_LEGACY_01); } .track-users-location { background: var(--asset-track-location_png) no-repeat center 7px; } .contact-process-list { background: var(--asset-my-business_png) no-repeat center 7px; } .export-conversation { background: var(--asset-download_png) no-repeat 4px 5px; } .track-users-location.disabled { opacity: 0.5; } .mute-conversation { margin: 0 -5px; } .open-attachment-manager { background: var(--asset-attachment-manager-icon_png) no-repeat center center; } .names .recipients { font-family: 'General-font', Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_04); font-size: 14px; } .sent-details { background: var(--asset-view-details_png) no-repeat; } .editable:hover { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: var(--COLOR_LEGACY_RGBA_11); } .process .editable, .editable.disabled-control { background-color: transparent !important; } .editable .edit-group { background: var(--asset-edit_png) no-repeat; } .edit-group-name { border-style: solid; border-width: 1px; border-color: var(--COLOR_LEGACY_05); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: var(--COLOR_LEGACY_03); box-shadow: 0px 1px 2px 0px rgba(COLOR_RGBA_02); } .message-received .user-name { font-size: 13px; font-family: "Specific-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_02); } .edit-users-info { font-size: 14px; color: var(--COLOR_LEGACY_04); } .quit-info { font-size: 14px; color: var(--COLOR_LEGACY_07); background-color: var(--COLOR_LEGACY_03); } .message.inform hr { border-top: 1px solid var(--COLOR_LEGACY_07); } .sent-list { border-top: 1px solid var(--COLOR_LEGACY_02); } .date-details, .sent-list .recipient { background-color: var(--COLOR_LEGACY_06); border-bottom: 1px solid var(--COLOR_LEGACY_05); } .emoji-menu { box-shadow: 0px 2px 10px var(--COLOR_LEGACY_02) !important; } .emoji-menu a { border: none !important; } .emoji-corner { background: var(--asset-emoji-area-corner_png) no-repeat !important; } .attachment-placeholder { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .attachment-placeholder.location::after { background: var(--asset-location-found-white_png) center center no-repeat; background-size: 33%; } .critical .attachment-placeholder.location.emergency-alert::after, .custom .attachment-placeholder.location.emergency-alert::after { background: var(--asset-emergency-location-small-critical_png) center center no-repeat; background-size: 25%; } .severe .attachment-placeholder.location.emergency-alert::after { background: var(--asset-emergency-location-small-severe_png) center center no-repeat; background-size: 25%; } .urgent .attachment-placeholder.location.emergency-alert::after { background: var(--asset-emergency-location-small-urgent_png) center center no-repeat; background-size: 25%; } .messages-load-status { background-color: var(--COLOR_LEGACY_05); cursor: pointer; } .qq-upload-button input { font-size: 0px !important; } #attachment-drop-zone, #file-upload-drop-zone { background-color: var(--COLOR_LEGACY_RGBA_17); } #drop-zone-inner { border: 2px dashed var(--COLOR_LEGACY_RGBA_13); border-radius: 10px; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .spinner { -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite; cursor: default; } .date-input { background: var(--asset-toggle-calendar_png) no-repeat calc(100% - 5px) 5px !important; cursor: pointer; } .download-as-csv, .download-as-pdf { background: var(--asset-download-as-options_png) no-repeat; } .download-as-csv { background-position: 0px 0px; } .download-as-pdf { background-position: 0px -20px; } .controllers-space { background: var(--COLOR_LEGACY_03); opacity: 0.1; } .day-block .day-block-title { background: var(--asset-down-arrow_png) no-repeat center bottom; } .date-sticker .day-block-title { background-color: var(--COLOR_LEGACY_06); border-radius: 20px; box-shadow: 0px 2px 5px rgba(COLOR_RGBA_04); } .max-upload-info { color: var(--COLOR_LEGACY_04); text-align: left; font-size: 10px; } .nowrap { white-space: nowrap; } .conversation-details-participants .title { background-color: transparent; border-bottom: 1px solid var(--COLOR_LEGACY_05); } .conversation-details-participants .details-group-name { font-size: 16px; line-height: normal; } .conversation-item .name { line-height: normal; } .quit-info .conversation-updates { font-size: 12px; font-style: italic; white-space: pre-wrap; } .quit-info .quit-info-icon { color: var(--COLOR_LEGACY_01); margin-right: 10px; } .contact-options-button { font-size: 24px; color: var(--COLOR_LEGACY_01); line-height: 43px; text-align: center; } .messcontainer .availability-info { background: var(--COLOR_LEGACY_03); padding-left: 25px; padding-right: 25px; padding-bottom: 5px; } .messcontainer .availability-info .info-text { text-align: center; background: var(--COLOR_LEGACY_31); color: var(--COLOR_LEGACY_04); font-size: 14px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .messcontainer { background-color: var(--COLOR_LEGACY_03); } .messcontainer .availability-info .info-icon { font-size: 14px; color: var(--COLOR_LEGACY_04); } .highlight-element { background-color: rgba(COLOR_RGBA_12); } .load-more-button { border-bottom: solid 1px var(--COLOR_LEGACY_05); } .load-more-button span { color: var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_01); cursor: pointer; font-family: Specific-font-bold, Arial, Verdana, sans-serif; } .load-more-button.active { cursor: default; } .load-more-button:after { background-color: var(--COLOR_LEGACY_03); background-position: center; background-repeat: no-repeat; background-image: var(--asset-loading-dots_gif); } .message-status.read .success-status-received{ color: var(--COLOR_LEGACY_12); } /** LATE CALL ENTRY FEATURE (GLOBAL SETTINGS) */ .join-button { background-color: var(--COLOR_LEGACY_35); color: var(--COLOR_LEGACY_03); border-radius: 5px; border: 0; font-size: 12px; font-family: General-font, sans-serif; } .join-button .join-icon { color: var(--COLOR_LEGACY_03) !important; font-size: 12px !important; } .join-button-menu .join-icon { color: var(--COLOR_LEGACY_35); font-size: 19px; } .group-conv-info { background: var(--asset-group-conv-info_png) no-repeat center center; } .index .contacts-controls .selection-controls .transfer-call { color: var(--COLOR_LEGACY_12); border-color: var(--COLOR_LEGACY_12); } .checkbox-container .group-transmission-denied { background: var(--asset-warning_png) var(--COLOR_LEGACY_03) no-repeat; background-size: contain; border-radius: 100%; border: 1px solid var(--COLOR_LEGACY_03); display: none; width: 25px; height: 25px; position: relative; top: -4px; } .skin-colors-colors-container .color-square { border: solid 1px var(--COLOR_LEGACY_04); } .skin-colors-colors-container .color-square .label { font-size: 12px; font-family: Monospaced; } /* --- login.css--- */ .forgot-password-button label { font-family: 'Specific-font-bold', Arial, Verdana, sans-serif !important; color: var(--COLOR_LEGACY_01) !important; font-size: 12px; text-transform: none; font-weight: bold; cursor: pointer; } h2.connect-account { font-family: 'Specific-font-bold', Arial, Verdana, sans-serif !important; color: var(--COLOR_LEGACY_01) !important; font-size: 14px; text-transform: uppercase } .login-title h2{ font-family: 'Specific-font', Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_01) !important; font-size: 14px !important; text-transform: none; text-transform: uppercase } .login.right-container { background-image: var(--asset-login_jpg) !important; background-size: cover !important; } .welcome-text { font-size: 56px; font-family: 'Specific-font', Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_03); text-shadow: 0px 1px 1px rgba(COLOR_RGBA_08); } .welcome-text h2{ font-size: 56px; } .welcome-text h4{ font-size: 35px; } .welcome-text h4 b{ font-family: 'Specific-font-bold', Arial, Verdana, sans-serif; font-weight: bold; } .welcome-text h3{ font-size: 45px; } .login-form .close { background: var(--asset-close-login_png) no-repeat center; } #submit-login.loading { background: var(--asset-wait-anim_gif) no-repeat center var(--COLOR_LEGACY_01) !important; } .line span { color: var(--COLOR_LEGACY_02); text-transform: uppercase; font-family: 'Specific-font-bold', Arial, Verdana, sans-serif; } .modal-header .steps { background: var(--asset-steps_png) no-repeat; height: 40px; } .steps#step2{ background-position: center -85px; } .steps#step3{ background-position: center -162px; } .step-title { text-transform: uppercase; font-size: 16px; text-align: center; color: var(--COLOR_LEGACY_04); } .send-code-label { color: var(--COLOR_LEGACY_04); } .line span { background-color: var(--COLOR_LEGACY_03); text-align: center; } .forgot-password .modal-body { background-color: var(--COLOR_LEGACY_06); text-align:center; color: var(--COLOR_LEGACY_07); } .resend-code { font-family: 'Specific-font-bold', Arial, Verdana, sans-serif !important; color: var(--COLOR_LEGACY_01) !important; font-size: 12px; font-weight: bold; cursor: pointer; } .resend-code { font-size: 12px; } .resend-code #resend-disabled { opacity: 0.55; cursor: not-allowed; } input.error { border: solid 1px var(--COLOR_LEGACY_18) !important; } .forgot-password .form-element.info { background-position: -6px -5px; } .robot-verification { color: var(--COLOR_LEGACY_04); } #modal .sw-modal-header { background-color: var(--COLOR_LEGACY_05); } #modal .sw-modal-title { color: var(--COLOR_LEGACY_04); } .forgot-password *.text-gray { color: var(--COLOR_LEGACY_34) !important; } .forgot-password *.text-red { color: var(--COLOR_LEGACY_37) !important; } .forgot-password .footer-area { font-size: 95%; } /* --- toaster-manager.css--- */ .toaster-manager .toaster { border-radius: 5px; box-shadow: -2px 2px 5px 0px rgba(COLOR_RGBA_02); } .toaster-manager .toaster.notice { background-color: var(--COLOR_LEGACY_08); } .toaster-manager .toaster.warning { background-color: var(--COLOR_LEGACY_21); } .toaster-manager .toaster.error { background-color: var(--COLOR_LEGACY_17); } .toaster-manager .toaster.inform { background-color: var(--COLOR_LEGACY_03); } .toaster-manager .toaster .message { text-align: center; } .toaster-manager .toaster .controls-bar { background: none !important; } .toaster-manager .toaster .controls-bar div { font-size: 20px; color: rgba(COLOR_RGBA_07); cursor: pointer; } .toaster-overlay-notification { background-color: var(--COLOR_LEGACY_RGBA_15); border-radius: 3px; box-shadow: -2px 2px 5px 3px var(--COLOR_LEGACY_RGBA_02); } .toaster-overlay-notification .overlay-title-container { font-family: Specific-font-bold, Arial, Verdana, sans-serif; font-style: normal !important; } .toaster-overlay-notification .overlay-main-icon { color: var(--COLOR_LEGACY_01); } .toaster-overlay-notification .overlay-icon { background-color: var(--COLOR_LEGACY_03); border: solid 2px var(--COLOR_LEGACY_01); } .toaster-overlay-notification .overlay-close-button { cursor: pointer; } .toaster-overlay-notification.error .overlay-title-container, .toaster-overlay-notification .overlay-icon { color: var(--COLOR_LEGACY_18); } .toaster-overlay-notification a { font-family: General-font-bold, Arial, Verdana, sans-serif; cursor: pointer; color: var(--COLOR_LEGACY_01); } .toaster-overlay-notification a.action { display: block; } .toaster-manager .toaster.inform.geo-not-in-area { margin-top: 60px; margin-right: 0; } .toaster-manager .title { font-family: General-font-bold, Arial, Verdana, sans-serif; font-size: 14px; } /* --- forwarder.css--- */ .forwarder .tools-area { background-color: var(--COLOR_LEGACY_03); } .forwarder .bar { background: var(--COLOR_LEGACY_05); } .forwarder .action-label span { font-family: "Specific-font", Arial, Helvetica, sans-serif; font-size: 17px; color: var(--COLOR_LEGACY_07); } .forwarder .blank-state { text-align: center; background-color: var(--COLOR_LEGACY_06); font-size: 16px; } .forwarder .contacts-selector-container { background: var(--COLOR_LEGACY_03); } .forwarder .selected-items-container { background-color: var(--COLOR_LEGACY_06); } .forwarder .list-counter span { font-family: General-font-bold, sans-serif; } .forwarder .list-items .contacts-selector-item { background: var(--COLOR_LEGACY_03); border-radius: 5px; box-shadow: 0px 1px 1px 0px rgba(COLOR_RGBA_02); vertical-align: middle; } .forwarder [data-role="conversation-name-controls"] .small-button { background: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); cursor: pointer; } /* --- sliding-layer.css--- */ .sliding-layer-bar { background: var(--COLOR_LEGACY_05); } .sliding-layer-bar .back-button { cursor: pointer; background: var(--COLOR_LEGACY_01); line-height: 53px; } .sliding-layer-bar .back-button span { color: var(--COLOR_LEGACY_03); font-size: 13px; } .sliding-layer-title { color: var(--COLOR_LEGACY_04);; font-size: 17px; } .sliding-layer-content { background: var(--COLOR_LEGACY_03); } .sliding-layer-content .message-aggregate { width: 100%; } .sliding-layer-content .contacts-selector-item { cursor: pointer; } /* --- html-customizer.css--- */ /* SWITCHER */ .checkbox-switcher .switcher-bar { background-color: var(--COLOR_LEGACY_33); } .checkbox-switcher .switcher-stroke { background-color: var(--COLOR_LEGACY_03); } .checkbox-switcher .switcher-circle { background-color: var(--COLOR_LEGACY_34); } .checkbox-switcher.on .switcher-bar { background-color: var(--COLOR_LEGACY_01); } .checkbox-switcher.on .switcher-circle { background-color: var(--COLOR_LEGACY_19); } /* CHECKBOXES (SQUARE or ROUND) */ .customized-checkbox { cursor: pointer; line-height: 18px; } .customized-checkbox span[data-role='check-icon'] { font-size: 18px; cursor: pointer; vertical-align: middle; } .customized-checkbox span.customized-checkbox-label { font-size: 12px; font-weight: normal; opacity: 1 !important; } .customized-checkbox span.checked, .customized-checkbox span.unchecked { color: var(--COLOR_LEGACY_01); } /* RADIO BUTTON */ .customized-radio { cursor: pointer; line-height: 18px; } .customized-radio span[data-role='check-icon'] { font-size: 18px; cursor: pointer; vertical-align: middle; } .customized-radio span.customized-radio-label { font-size: 12px; font-weight: normal; opacity: 1 !important; } .customized-radio span.checked, .customized-radio span.unchecked { color: var(--COLOR_LEGACY_01); } .slider-bar .bar { background-color: var(--COLOR_LEGACY_03); border: solid 1px var(--COLOR_LEGACY_05); } .slider-bar .bar .bg, .slider-bar .bar .range { background-color: var(--COLOR_LEGACY_03); border: solid 1px var(--COLOR_LEGACY_05); } .slider-bar .bar .range { background-color: var(--COLOR_LEGACY_03); } .slider-bar .slider { background-color: var(--COLOR_LEGACY_01); } .slider-bar .slider:after { border-bottom: 7px solid var(--COLOR_LEGACY_01); content: ""; } .slider-bar.with-stops-bar .stops-bar { display: flex; } /* --- conversations.css--- */ .conversations .filtering-controls { border-top: solid 2px var(--COLOR_LEGACY_01); border-bottom: solid 1px var(--COLOR_LEGACY_05); } .conversations .filtering-controls .filter-button { color: var(--COLOR_LEGACY_01); font-size: 18px; border: 1px solid var(--COLOR_LEGACY_01); border-radius: 50%; cursor: pointer; } .conversations .filtering-controls .filter-button.selected { color: var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_01); } .conversations .user-messages { background-color: var(--COLOR_LEGACY_03); } .conversations .list-title { color: var(--COLOR_LEGACY_01); border-bottom: solid 1px var(--COLOR_LEGACY_05); } .conversations .right-area-owner { background-color: var(--COLOR_LEGACY_06); } /* CONVERSATIONS ITEMS */ .conversation-list-item { cursor: pointer; background-color: var(--COLOR_LEGACY_03); border-left: solid 7px var(--COLOR_LEGACY_03); } .conversations-list:not(.multi-select-on) .conversation-list-item.selected { background-color: var(--COLOR_LEGACY_05); border-left: solid 7px var(--COLOR_LEGACY_01); } .conversation-list-item .picture-block img, .conversation-list-item .picture-block .no-image { border: solid 1px var(--COLOR_LEGACY_03); } .conversation-list-item .title-row { color: var(--COLOR_LEGACY_07); } .conversation-list-item.selected.offline .title-text { font-style: italic; color: var(--COLOR_LEGACY_02); } .conversation-list-item.selected.offline .conversation-last-message { font-style: italic; } .conversation-list-item .title-icon, .conversation-list-item .last-message-icon { color: var(--COLOR_LEGACY_01); } .conversation-list-item.ambient-listening .last-message-icon { color: var(--COLOR_LEGACY_03); } .conversation-list-item .last-message-icon.clipaudio.incoming.not-played, .conversation-list-item .last-message-icon.voicemail.incoming.not-played { color: var(--COLOR_LEGACY_12); } .conversation-list-item .title-text { font-family: "Specific-font", Arial, Helvetica, sans-serif; font-size: 14px; } .conversations-list:not(.multi-select-on) .conversation-list-item.selected .title-text { font-family: "Specific-font-bold", Arial, Helvetica, sans-serif; font-weight: 600; } .conversation-list-item .last-message-text { font-family: "General-font", Arial, Helvetica, sans-serif; font-size: 12px; } .conversation-list-item .last-message-text span.emoji { font-size: 10px; } .conversation-list-item .last-message-icon.missed-call { color: var(--COLOR_LEGACY_09); } .conversation-list-item .last-message-icon .clip-duration { color: var(--COLOR_LEGACY_04); font-family: Specific-font, Arial, Helvetica, sans-serif; font-size: 15px; } .conversation-list-item .picture-block .subscriber-picture, .conversation-list-item .picture-block .group-picture { background-color: var(--COLOR_LEGACY_05); color: var(--COLOR_LEGACY_02); } .conversation-list-item .picture-block.in-group .group-picture { color: var(--COLOR_LEGACY_01); } .conversation-list-item .picture-block.group .group-picture { border: solid 1px var(--COLOR_LEGACY_03); } .conversation-list-item .border { background-color: var(--COLOR_LEGACY_05); } .conversation-list-item.emergency-alert-off { border-left: solid 7px var(--COLOR_LEGACY_12); background-color: var(--COLOR_LEGACY_12) !important; } .conversation-list-item.emergency-alert-on { border-left: solid 7px var(--COLOR_LEGACY_09); background-color: var(--COLOR_LEGACY_09) !important; } .conversation-list-item.ambient-listening.emergency-alert-on { border-left: solid 7px var(--COLOR_LEGACY_50); background-color: var(--COLOR_LEGACY_50) !important; } .conversation-list-item .unread-bubble { color: var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_09); font-size: 14px; font-family: 'General-font-bold', Arial, Helvetica, sans-serif; } /* OLD AND DEPRTECATED CODE */ .create-conversation .controls-bar { background: var(--COLOR_LEGACY_05); } .create-conversation .selected-entities, .create-conversation .select-conversation { background: var(--COLOR_LEGACY_06); } .create-group-conversation { background: var(--asset-conversation-create-controls-icons_png) no-repeat var(--COLOR_LEGACY_01) 100% -34px !important; padding-right: 48px; } .create-conversation .group-name-controls-close { background: var(--asset-conversation-create-controls-icons_png) no-repeat var(--COLOR_LEGACY_01) 100% 0px !important; } .create-conversation .group-name-controls-submit { background: var(--asset-conversation-create-controls-icons_png) no-repeat var(--COLOR_LEGACY_01) 100% -68px !important; padding-right: 48px; } .create-conversation .group-name-input { border: none; } .create-conversation .conversation-item .names, .modal.conversation-create-helper .conversation-item .names { font-family: "Specific-font-bold", Arial, Helvetica, sans-serif !important; font-weight: 600; } .create-conversation .availability-switcher-bar { border-bottom: solid 1px var(--COLOR_LEGACY_07); } .create-conversation .availability-switcher-bar .info-icon { font-size: 13px; } .create-conversation .switcher-button { background: var(--asset-switch-icons_svg) no-repeat; background-position: 0px 0px; cursor: pointer; } .create-conversation.availability-on .switcher-button { background-position: 0px -41px; } #save-conversation .button_ok, #create-conversation .button_ok { background: var(--asset-ok-new_png) center center no-repeat rgba(COLOR_RGBA_15); } #save-conversation, #create-conversation { font-family: "Specific-font-bold", Arial, Helvetica, sans-serif !important; padding-left: 4px; padding-right: 39px; float: right; } #group-name-controls-close { background: var(--asset-back_png) center center no-repeat var(--COLOR_LEGACY_15) !important; } .controls-bar .sw-button { font-family: "Specific-font-bold", Arial, Helvetica, sans-serif !important; } .controls-bar { background-color: var(--COLOR_LEGACY_05); } .edit-conversation .edit-title, .create-title { font-family: "Specific-font", Arial, Verdana, sans-serif; font-size: 17px; color: var(--COLOR_LEGACY_04); border-bottom: 1px solid var(--COLOR_LEGACY_05); } .conversation-create-help { font-size: 15px; } .create-conversation .help-item.users-selection { background: var(--asset-select_explain_png) no-repeat center top; padding-top: 150px; } .create-conversation .selected-contacts-counter span { font-family: 'General-font-bold', Arial, Helvetica, sans-serif; } .create-conversation .select-conversation-title { font-family: "Specific-font", Arial, Helvetica, sans-serif; font-size: 13px; color: var(--COLOR_LEGACY_04); text-transform: uppercase; } .conversation-contacts { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: var(--COLOR_LEGACY_03); box-shadow: 0px 1px 1px 0px rgba(COLOR_RGBA_03); } .recipients-availability-details-modal .conversation-contacts { background-color: var(--COLOR_LEGACY_05); } .recipients-availability-details-modal .conversation-contacts.available-recipient { background-color: var(--COLOR_LEGACY_03); } .conversation-contacts .name { font-size: 14px; font-family: "Specific-font", Arial, Helvetica, sans-serif; color: var(--COLOR_LEGACY_04); } .conversation-type-info { font-size: 12px; } .conversation-info { float: left; line-height: 23px; } .create-conversation .recipient-locked :not(.contact-options-button, .contact-options-button *) { opacity: 0.5; } .conversations-page-layer { background: var(--COLOR_LEGACY_03); } .conversations-filter > div { color: var(--COLOR_LEGACY_01); font-size: 18px; border: 1px solid var(--COLOR_LEGACY_01); border-radius: 50%; } .conversations-filter .selected { color: var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_01); } .conv-admin-controls-bar { color: var(--COLOR_LEGACY_01); } .entities-types-container .entities-types-active-tab { color: var(--COLOR_LEGACY_01); border-bottom: 3px solid var(--COLOR_LEGACY_01); } .entities-types-container .entities-types-disabled-tab { color: var(--COLOR_LEGACY_07); border-bottom: 3px solid var(--COLOR_LEGACY_05); } .conversations-selector-slider-container .split-border { background-color: var(--COLOR_LEGACY_05); } .conversations .filtering-controls .meeting-rooms-launcher { font-size: 20px; color: var(--COLOR_LEGACY_01); cursor: pointer; } .conversations .filtering-controls .meeting-rooms-launcher.active { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } /* --- contacts.css--- */ .right-container .group-of-groups-slider .top-bar > div.arrow:first-child { background: var(--COLOR_LEGACY_01); cursor: pointer; } .right-container .group-of-groups-slider .top-bar .content { background: var(--COLOR_LEGACY_05); } .right-container .group-of-groups-slider .top-bar .arrow span { background: url(assets/arrows-empty.png) 0px -180px no-repeat; } /* --- dispatcher-pins-layer.css--- */ .dispatcher-pin-marker { text-align: center; } .dispatcher-pin-marker .selector-flag { text-align: center; font-size: 27px; color: var(--COLOR_LEGACY_03); } .dispatcher-pin-marker .background-pin { text-align: center; } .dispatcher-pin-marker .border-pin, .dispatcher-pin-marker .border-pin .arrow { background-color: var(--COLOR_LEGACY_03); } .dispatcher-pin-marker .pin-name .text { text-align: center; color: var(--COLOR_LEGACY_03) !important; font-size: 14px; line-height: 20px; font-family: "Specific-font", Arial, Helvetica, sans-serif; cursor: pointer; } .dispatcher-pin-marker .pin-name .background { background: var(--COLOR_LEGACY_07); opacity: 0.7; border-radius: 5px; } .dispatcher-pin-icon-container { position: relative; width: 25%; height: 88px; display: inline-block; border-right: 1px solid var(--COLOR_LEGACY_02); border-bottom: 1px solid var(--COLOR_LEGACY_02); } .dispatcher-pin-icons-selector .selected { background-color: var(--COLOR_LEGACY_05); } .icons-container { border: 1px solid var(--COLOR_LEGACY_02); } .dispatcher-pin-icon-svg { cursor: pointer; } /* --- dispatcher-pins-list.css--- */ .dispatcher-pins-list .blank-state, .dispatcher-pins-list .listing-container { background: var(--COLOR_LEGACY_03); } .dispatcher-pins-list .blank-state .message { font-size: 16px; color: var(--COLOR_LEGACY_04); } .dispatcher-pins-list .blank-state .message .icon { color: var(--COLOR_LEGACY_01); font-size: 22px; } .dispatcher-pins-list .dispatcher-pin-item { border-top: 1px solid var(--COLOR_LEGACY_05); border-left: 5px solid transparent; background-color: var(--COLOR_LEGACY_03); cursor: pointer; } .dispatcher-pins-list .dispatcher-pin-item.selected { border-left: 5px solid var(--COLOR_LEGACY_01); background-color: var(--COLOR_LEGACY_05); } .dispatcher-pins-list .dispatcher-pin-item .checkbox-block .stw-checked, .dispatcher-pins-list .dispatcher-pin-item .checkbox-block .stw-unchecked { font-size: 18px; text-align: center; } .dispatcher-pins-list .dispatcher-pin-item .checkbox-block .stw-unchecked { color: var(--COLOR_LEGACY_02); } .dispatcher-pins-list .dispatcher-pin-item .checkbox-block .stw-checked { color: var(--COLOR_LEGACY_01); } .dispatcher-pins-list .dispatcher-pin-item .pin-details-block .pin-label { font-size: 14px; } .dispatcher-pins-list .dispatcher-pin-item .pin-details-block .distance-to-address, .dispatcher-pins-list .dispatcher-pin-item .pin-details-block .pin-address { font-style: italic; } .dispatcher-pins-list .dispatcher-pin-item .icon-block .icon { font-size: 25px; } .dispatcher-pins-list .dispatcher-pin-item .visibility-control .icon{ font-size: 25px; color: var(--COLOR_LEGACY_01); cursor: pointer; } .dispatcher-pins-list .dispatcher-pin-item .visibility-control .icon-closed { font-size: 25px; color: var(--COLOR_LEGACY_01); cursor: pointer; } .dispatcher-pins-list.with-multiple-selection .dispatcher-pin-item .visibility-control .icon { opacity: 0.4; cursor: default; } .dispatcher-pins-list .multi-select-controls .control-button { color: var(--COLOR_LEGACY_01); cursor: pointer; } .dispatcher-pins-list .multi-select-controls .control-button .icon { font-size: 18px; } .dispatcher-pins-list .multi-select-controls .control-button .action { font-family: "Specific-font-bold", Arial, Helvetica, sans-serif; } .dispatcher-pins-list .loading, .dispatcher-pins-list .no-results { text-align: center; background: var(--COLOR_LEGACY_03); padding-top: 20px; } /* --- tracking-rules-list.css--- */ .tracking-rules-container { background: var(--COLOR_LEGACY_03); } .tracking-rules-container .trigger-button { background: var(--asset-tracking-white_png) no-repeat; cursor: pointer; } .tracking-rules-container.visible .trigger-button { background: var(--asset-tracking-blue_png) no-repeat; } .tracking-rules-container .tracking-rule-item { border-top: 1px solid var(--COLOR_LEGACY_05); } .tracking-rules-container .tracking-rule-item.for-slider-bar { cursor: default; background: none; } .tracking-rule-item:not(.inactive) { cursor: pointer; } .tracking-rule-item .light-area { border-top-left-radius: 22px; border-top-right-radius: 22px; background: var(--COLOR_LEGACY_30); } .tracking-rule-item .dark-area { border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; background: var(--COLOR_LEGACY_30); } .tracking-rule-item .icon { border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; background: var(--asset-tracking-white-small_png); } .tracking-rule-item .users-counter { text-align: center; color: var(--COLOR_LEGACY_03); line-height: 22px; } .tracking-rule-item .name-container { font-size: 14px; color: var(--COLOR_LEGACY_04); } .tracking-rule-item.for-slider-bar .name-container { font-family: General-font-bold, Arial, Verdana, sans-serif; } .tracking-rule-item .details-container { font-family: "Specific-font", Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; font-style: italic; } .tracking-rule-item .controls-container .open-control { color: var(--COLOR_LEGACY_01); font-size: 12px; } .tracking-rule-slide .contacts-scroll { background: var(--COLOR_LEGACY_03); } .tracking-rule-slider-bar .controls .button { color: var(--COLOR_LEGACY_01); font-size: 25px; text-align: center; cursor: pointer; } /* --- unrelated-dispatcher-pins-popup.css--- */ .unrelated-dispatcher-pins-popup .modal-header span { font-size: 8px; text-align: center; color: var(--COLOR_LEGACY_01); } .unrelated-dispatcher-pins-popup .modal-header span.title { font-size: 16px; color: var(--COLOR_LEGACY_04); } .unrelated-dispatcher-pins-popup .unrelated-dispatcher-pin-item { border-top: 1px solid var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); cursor: pointer; } .unrelated-dispatcher-pins-popup .unrelated-dispatcher-pin-item .pin-details-block .pin-label { font-size: 14px; font-family: "Specific-font", Arial, Verdana, sans-serif; } .unrelated-dispatcher-pins-popup .unrelated-dispatcher-pin-item .pin-details-block .pin-geoloc, .unrelated-dispatcher-pins-popup .unrelated-dispatcher-pin-item .pin-details-block .pin-address { font-style: italic; } .unrelated-dispatcher-pins-popup .unrelated-dispatcher-pin-item .icon-block .icon { font-size: 18px; } /* --- geolocation-search-input.css--- */ .geolocation-search-input .reset-button { cursor: pointer; } .geolocation-search-input .reset-button .stw-search-general { color: var(--COLOR_LEGACY_01); text-align: center; } .geolocation-search-input .result-entry { cursor: pointer; border-left: solid 5px var(--COLOR_LEGACY_03); } .geolocation-search-input .result-entry:hover { background: var(--COLOR_LEGACY_05); border-left: solid 5px var(--COLOR_LEGACY_01); } .geolocation-search-input .result-entry.preselected { background: var(--COLOR_LEGACY_08) !important; border-left: solid 5px var(--COLOR_LEGACY_01); } .geolocation-search-input .result-entry .marker { color: var(--COLOR_LEGACY_01); text-align: center; font-size: 35px; } .geolocation-search-input .result-entry .display-name, .geolocation-search-input .result-entry .address { text-align: left; } .geolocation-search-input .result-entry .display-name { font-family: "General-font", Arial, Helvetica, sans-serif; font-size: 15px; color: var(--COLOR_LEGACY_04); } .geolocation-search-input .result-entry .display-name .match { font-family: "General-font-bold", Arial, Helvetica, sans-serif; } .geolocation-search-input .result-entry .address { font-family: "General-font", Arial, Helvetica, sans-serif; font-size: 12px; } .geolocation-search-input .results-list { background: var(--COLOR_LEGACY_03); } .geolocation-search-input .ps-scrollbar-y-rail { background: var(--COLOR_LEGACY_03); } /* --- geolocation.css--- */ .geolocation-search { background-color: var(--COLOR_LEGACY_05); } #info-content { font-family: 'General-font', arial, verdana, sans-serif !important; font-size: 12px; } #info-content .option-button { cursor: pointer; text-align: center; } #info-content .option-text { cursor: pointer; text-align: center; line-height: 1.2; color: var(--COLOR_LEGACY_01); font-family: "General-font", arial, verdana, sans-serif; } #info-content .option-button .stw-icon { display: inline-block;; color: var(--COLOR_LEGACY_01); font-size: 25px; cursor: pointer; } #info-content .history-locations { background-position:top center !important; background-size: 25px; } #info-content .geolocation-reporting-map-trigger { background: var(--asset-geolocation-reporting-map-trigger_png) no-repeat top center !important; } #info-content .map-share-location { background: var(--asset-share-location_png) no-repeat top center !important; background-position:top center !important; cursor: pointer; } #info-content .new-conversation { cursor: pointer; background-position:top center !important; background-size: 23px; } #info-content .info-controls span:not(.stw-icon) { text-align: center; font-size: 10px; color: var(--COLOR_LEGACY_01); font-family: "Specific-font-bold", arial, verdana, sans-serif !important; } #info-content .info-controls .option-row span { font-family: "Specific-font", arial, verdana, sans-serif !important; color: var(--COLOR_LEGACY_07); } #info-content #video-streaming { color: var(--COLOR_LEGACY_01); text-align: center; } #info-content #video-streaming .stw-icon { font-size: 25px; } #info-content #video-streaming.streaming-on .stw-icon:after { background-color: var(--COLOR_LEGACY_09); border: 2px solid var(--COLOR_LEGACY_03); border-radius: 50%; } .geolocation-contacts .top-buttons-container button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: var(--COLOR_LEGACY_01); } .geolocation-contacts .top-buttons-container button .stw-icon { color: var(--COLOR_LEGACY_03); font-size: 32px; } .geolocation-contacts .top-buttons-container button#button-select .stw-icon { font-size: 18px; } .geolocation-contacts .top-buttons-container button#button-pin .stw-icon { font-size: 24px; } .geolocation-contacts .top-buttons-container button.selected { background-color: var(--COLOR_LEGACY_01); } .geolocation-contacts #button-cancel-pin-create .stw-icon { font-size: 18px; } .geolocation-contacts #button-pin-create .stw-icon { font-size: 22px; } .geolocation-contacts #contacts-container { background-color: var(--COLOR_LEGACY_03); } .geolocation-contacts .favorites-container { position: relative; background-color: var(--COLOR_LEGACY_03); } .geolocation-contacts .favorites-container:before { content: ""; position: absolute; bottom: -10px; left: -20px; width: calc(100% + 20px); height: 10px; background-color: var(--COLOR_LEGACY_32); } .geolocation-contacts .favorites-container:after { content: ""; position: absolute; bottom: 1px; width: calc(100% + 30px); height: 1px; left: -30px; background-color: var(--COLOR_LEGACY_03); box-shadow: 1px 3px 4px rgba(COLOR_RGBA_19); } #geolocation-info ul li { list-style:none; /* if you’re not already using a reset */ } #geolocation-info .modal-sm .text-message { text-align: justify; color: var(--COLOR_LEGACY_07); font-size: 13px; } #geolocation-info ul li:before { background-color: var(--COLOR_LEGACY_01); content: ""; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } #geolocation-info button { font-weight: bold; } .user-last-update { background-color: var(--COLOR_LEGACY_02); color: var(--COLOR_LEGACY_03); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: bold; } .tracking .user-last-update { background-color: var(--COLOR_LEGACY_01); } .user-availability-flag.available, .overlay-marker.available > div { border: 2px solid var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_12); border-radius: 14px; } .user-availability-flag.offline, .overlay-marker.available > div { border: 2px solid var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_34); border-radius: 14px; } .user-availability-flag.busy, .overlay-marker.busy > div { border: 2px solid var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_09); border-radius: 14px; } .info-content-visible .user-availability { color: var(--COLOR_LEGACY_03); border-radius: 3px; font-weight: bold; } .info-content-visible .user-availability.available { background-color: var(--COLOR_LEGACY_12); } .info-content-visible .user-availability.busy { background-color: var(--COLOR_LEGACY_09); } .info-content-visible .user-availability { background-color: var(--COLOR_LEGACY_02); color: var(--COLOR_LEGACY_03); border-radius: 3px; font-weight: bold; } .geolocation-contacts-sliding-layer .top-bar > div.arrow { background: var(--COLOR_LEGACY_01); cursor: pointer; } .geolocation-contacts-sliding-layer .arrow span { background: var(--asset-arrows-empty_png) 0px -180px no-repeat; } .geolocation-contacts-sliding-layer .top-bar .content { background: var(--COLOR_LEGACY_05); } .geolocation-contacts-sliding-layer .top-bar.onalert .content { background: var(--COLOR_LEGACY_50); } .geolocation-contacts-sliding-layer .top-bar.onalert .content, .geolocation-contacts-sliding-layer .top-bar.onalert .content .entity-detail-name { color: var(--COLOR_LEGACY_03); } .geolocation-contacts-sliding-layer .top-bar.offalert .content { background: var(--COLOR_LEGACY_12); } .geolocation-contacts-sliding-layer .top-bar.offalert .content, .geolocation-contacts-sliding-layer .top-bar.offalert .content .entity-detail-name { color: var(--COLOR_LEGACY_03); } .geolocation-contacts-sliding-layer .top-bar .group-name { font-size: 15px; font-family: "General-font-bold", arial, verdana, sans-serif; color: var(--COLOR_LEGACY_04); } .geolocation-contacts-sliding-layer .top-bar .group-name, .geolocation-contacts-sliding-layer .top-bar .action-name { font-size: 15px; font-family: "General-font-bold", arial, verdana, sans-serif; color: var(--COLOR_LEGACY_04); } .geolocation-contacts-sliding-layer .top-bar .subscribers-names { font-size: 14px; } .geolocation-contacts-sliding-layer .contact-features .webchat-conversation:not(.more-actions) { background: var(--asset-new-conversation_png) 2px 7px no-repeat; cursor: pointer; } .geolocation-contacts-sliding-layer .subscriber-data .contact-features .webchat-conversation { background-position: center center !important; } .geolocation-contacts-sliding-layer .contact-features .details-options { color: var(--COLOR_LEGACY_01); cursor: pointer; } .geolocation-contacts-sliding-layer .contact-features .export-history-csv { background: var(--asset-export-csv-v2_png) center center no-repeat; cursor: pointer; } .geolocation-contacts-sliding-layer .contact-features .voip-push-to-talk { background: var(--asset-voip-push-to-talk-button_png) 7px 3px no-repeat; cursor: pointer; } .geolocation-contacts-sliding-layer .contact-features .geoloc-reporting { background: var(--asset-geolocation-reporting-map-trigger_png) 4px 8px no-repeat; cursor: pointer; } .geolocation-display-group-step-title .step { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; background: var(--COLOR_LEGACY_07); color: var(--COLOR_LEGACY_03); } .geolocation-display-group-step-title .title { font-size: 16px; font-family: "General-font", arial, verdana, sans-serif; color: var(--COLOR_LEGACY_04); background: none; } div.mark-selected { background: var(--asset-ovelay-checked_png) no-repeat transparent !important; border: none !important; } .no-geolocation { background: var(--asset-geoloc-deactivated-by-contact_png) no-repeat; } .no-geolocation.no-data { background: var(--asset-no-tracking_png) no-repeat; } .no-geolocation.no-app { background: var(--asset-reinvite-button_png) no-repeat center bottom !important } .name.with-location { line-height: 16px !important; } .distance-location span { font-family: "Specific-font", arial, verdana, sans-serif; line-height: 10px; font-size: 11px; font-weight: normal; } .geolocation-bar { background: var(--COLOR_LEGACY_05); } .geolocation-bar span { font-family: "Specific-font", arial, verdana, sans-serif; font-size: 17px; color: var(--COLOR_LEGACY_04); } .geolocation-bar button { font-weight: bold; } .geolocation-display-group-form .display-group-members-area { border-top: solid 1px var(--COLOR_LEGACY_05); } .geolocation-display-group-form .display-group-controls { background: var(--COLOR_LEGACY_05); } .geolocation-display-group-form .display-group-controls .bar span { font-size: 16px; line-height: 32px; } .geolocation-display-group-list .group-image, .group-image.with-tracking { background: var(--asset-group-icon-with-tracking_png) !important; } .geolocation-contacts .edit-button, .geolocation-contacts-sliding-layer .edit-button, .geolocation-contacts-sliding-layer .details-button { color: var(--COLOR_LEGACY_15); background: var(--asset-edit_png) center left no-repeat; display: block; font-size: 13px; font-weight: normal; cursor: pointer; } .geolocation-contacts-sliding-layer .recipient-details .entity-detail-name, .geolocation-contacts-sliding-layer .recipient-details .entity-detail-secondary { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .geolocation-contacts-sliding-layer .entity-detail-name { margin-left: 10px; margin-top: 34px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; } .geolocation-contacts-sliding-layer .details-button { background: var(--asset-view-details_png) center left no-repeat; } .display-group-members-area .no-records { font-size: 14px; font-family: "General-font", arial, verdana, sans-serif; color: var(--COLOR_LEGACY_04); } .geolocation-tabs .multi-select-controls { border-bottom: solid 1px var(--COLOR_LEGACY_01); } .geolocation-tabs .multi-select-controls button { font-family: "General-font-bold", arial, verdana, sans-serif; background: none; border: none; cursor: pointer; } .geolocation-tabs .multi-select-controls button span { font-size: 20px; color: var(--COLOR_LEGACY_01); } .geolocation-multi-select-item .name { line-height: 40px; font-size: 13px; font-family: "General-font-bold", arial, verdana, sans-serif; } .geolocation-multi-select-item.odd { background: var(--COLOR_LEGACY_06); } .geolocation-multi-select-item.even { background: var(--COLOR_LEGACY_05); } .subscriber-data .contact-features .voip-call { background-position: center center; } .geolocation-contacts .subscriber-details .info-subscriber .info-row .position { border-top: 1px solid var(--COLOR_LEGACY_05); border-left:none; } .geolocation-contacts .subscriber-details .groups-list { border-bottom: none; } .geolocation-contacts .subscriber-details .wt-supervisor { border:none; } .subscriber-detail-conversation { background: var(--asset-new-conversation_png) no-repeat center center; cursor: pointer; } .subscriber-detail-call { background: var(--asset-call-contact_png) 8px 7px no-repeat; cursor: pointer; } .entity-detail-name { font-size: 15px; font-family: "General-font-bold", arial, verdana, sans-serif; color: var(--COLOR_LEGACY_04); } .entity-detail-name .additional-info { font-family: "General-font", arial, verdana, sans-serif !important; } #geolocation-left-container, .geolocation-contacts-sliding-layer { background: var(--COLOR_LEGACY_03); } #geolocation-left-container h1 { font-size: 22px; color: var(--COLOR_LEGACY_02); font-family: "Specific-font", arial, verdana, sans-serif; max-width: 66%; } .geolocation-contacts-sliding-layer .phone-number { font-size: 14px; } select { background: var(--COLOR_LEGACY_03) var(--asset-expand_png) no-repeat right center !important; box-shadow: 0px 0px 1px rgba(COLOR_RGBA_02) inset !important; border-right: solid 1px var(--COLOR_LEGACY_05) !important; } .calendar { background: var(--asset-toggle-calendar_png) no-repeat 0px 0px; } #date-time-interval-picker select { -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/ } select:focus { border: none; } /* calendar */ .datepicker { color: var(--COLOR_LEGACY_04); } .datepicker-dropdown:after { border-bottom-color: var(--COLOR_LEGACY_01) !important; } .geolocation-page .table-condensed { background-color: var(--COLOR_LEGACY_01); } .geolocation-page .timepicker-picker .table-condensed { background-color: var(--COLOR_LEGACY_03); } .table-condensed thead tr:not(:first-child), .table-condensed tbody, .table-condensed tfoot { background-color: var(--COLOR_LEGACY_03); } .table-condensed th, .table-condensed td { border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; font-size: 12px; } .table-condensed td:hover { background-color: var(--COLOR_LEGACY_03) !important; } .table-condensed th, .table-condensed td { border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; font-size: 12px; } .table-condensed td[data-action] { background-color: var(--COLOR_LEGACY_03) !important; } .table-condensed td:hover { background-color: var(--COLOR_LEGACY_03) !important; } .dropdown-menu { padding: 0 !important; } .datepicker-switch:hover { background-color: transparent; } th.prev { background: var(--asset-calendar-arrows_png) no-repeat 13px 15px !important; text-indent: -999px; overflow: hidden; } th.next { background: var(--asset-calendar-arrows_png) no-repeat 11px -36px !important; text-indent: -999px; overflow: hidden; } td.active { background: var(--asset-calendar-backgrounds_png) no-repeat center 1px var(--COLOR_LEGACY_03) !important } td.today:hover, td.today { background: var(--asset-calendar-backgrounds_png) no-repeat center -50px var(--COLOR_LEGACY_03); } .datepicker-switch { color: var(--COLOR_LEGACY_03); word-spacing: 999999px; } .datepicker-switch:hover { background-color: var(--COLOR_LEGACY_01) !important; } .input-group-addon { border: none; } .today.disabled { color: var(--COLOR_LEGACY_02) !important; background: var(--asset-calendar-backgrounds_png) no-repeat center -50px var(--COLOR_LEGACY_03) !important; opacity: 0.7; } .voip-call { background: var(--asset-call-contact_png); background-repeat:no-repeat; background-position:top center; cursor: pointer; } .updates-report { background-color: rgba(COLOR_RGBA_14); color: var(--COLOR_LEGACY_03); } .update-report-close { background: var(--asset-close_icon_png) center center no-repeat; } .update-report-text.success { background: var(--asset-ok_icon_png) no-repeat right center; } .distance-location { font-size: 11px; } .geolocation-contacts-sliding-layer .with-attachment.message-container.location .attachment-thumbnail:after{ background: var(--asset-location-found-white_png) 137px 16px no-repeat; } .left-arrow { background: var(--asset-expand-blue_png) 0px -5px no-repeat; } .right-arrow { background: var(--asset-expand-blue_png) -30px -5px no-repeat; } .history-info-content { color: var(--COLOR_LEGACY_04); } .history-index { border: 2px solid var(--COLOR_LEGACY_09); border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; font-weight: bold; } #save-button .button_ok { background: var(--asset-ok-new_png) center center no-repeat rgba(COLOR_RGBA_15); } .geolocation-display-group-form #save-button { font-family: "Specific-font-bold", arial, verdana, sans-serif !important; margin-left: -14px; padding-left: 4px; padding-right: 39px; } .name-reset { display: none; } .contact-item.refreshed .name, #contacts-selected span{ font-family: "Specific-font-bold", arial, verdana, sans-serif !important } .contact-item.refreshed .user-image img{ border: 2px solid var(--COLOR_LEGACY_01); } .contact-item.refreshed .distance-location { font-family: "General-font-bold", arial, verdana, sans-serif; } .geolocation-contacts .contact-item [data-role=visibility-on], .geolocation-contacts .contact-item [data-role=visibility-off] { font-size: 20px; color: var(--COLOR_LEGACY_01); line-height: 43px; text-align: center; } .geolocation-contacts-sliding-layer .top-bar.subscriber-history .name { font-family: "General-font-bold", arial, verdana, sans-serif; font-size: 15px; } .geolocation-contacts-sliding-layer .top-bar.subscriber-history .name span{ font-family: "General-font", arial, verdana, sans-serif; border-radius: 14px; } .toggle-content { background: var(--asset-expand-blue_png) center center no-repeat transparent; } .toggle-content.toggle-open { background-position: -17px 2px; } .toggle-content.toggle-close { background-position: -17px -26px; } .toggle-content.toggle-close { background-position: -16px -30px; } .info-content-title [data-role="close"] { font-size: 17px; cursor: pointer; color: var(--COLOR_LEGACY_02); } .history-content { font-size:11px; } .history-content .location, .history-content .speed, .history-content .accuracy, #info-content .location { font-family: 'General-font', arial, verdana, sans-serif !important ; font-size: 12px !important; } #info-content .user-location .old-location, #info-content .user-geolocation .old-location { background: var(--asset-old-location_png) center right no-repeat transparent; } .location-share-dialog textarea { border: none !important; background-color: var(--COLOR_LEGACY_03) !important; box-shadow: none !important; resize: none; outline: none; font-style: italic; } .location-share-dialog a, .location-share-dialog .share-link { color: var(--COLOR_LEGACY_01); cursor: pointer; } #old-alert-location-bar { background: var(--COLOR_LEGACY_09); padding: 10px; color: var(--COLOR_LEGACY_03); } #old-alert-location-bar .close { background: var(--asset-close_icon_png); opacity: 0.8; } #old-alert-location-bar .close:hover { opacity: 1; } #old-alert-location-bar .refresh-location { font-weight: bold; cursor: pointer; } #info-content .info-content-title { background-color: var(--COLOR_LEGACY_06); } .info-device{ border-top: 1px solid var(--COLOR_LEGACY_05); } .no-visible::-moz-selection, .no-visible::selection { background: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_03); } #geolocation-left-container .contact-item.contact-user.emergency-alert-severity { color: var(--COLOR_LEGACY_03); } #geolocation-left-container .contact-item.contact-user.emergency-alert-severity.custom, #geolocation-left-container .contact-item.contact-user.emergency-alert-severity.critical { background: var(--COLOR_LEGACY_09); } #geolocation-left-container .contact-item.contact-user.emergency-alert-severity.urgent { background: var(--COLOR_LEGACY_13); } #geolocation-left-container .contact-item.contact-user.emergency-alert-severity.severe { background: var(--COLOR_LEGACY_10); } #geolocation-left-container .contact-item.contact-user.emergency-alert-severity.custom.selected, #geolocation-left-container .contact-item.contact-user.emergency-alert-severity.critical.selected { background-color: var(--COLOR_LEGACY_25) !important; } #geolocation-left-container .contact-item.contact-user.emergency-alert-severity.urgent.selected { background-color: var(--COLOR_LEGACY_27) !important; } #geolocation-left-container .contact-item.contact-user.emergency-alert-severity.severe.selected { background-color: var(--COLOR_LEGACY_26) !important; } .geolocation-contacts .contact-user .video-streaming.streaming-on .stw-icon:after { background-color: var(--COLOR_LEGACY_09); border: 2px solid var(--COLOR_LEGACY_03); border-radius: 50%; } /** GEOLOCATION NOTIFICATIONS */ .geolocation-notification-toaster .toaster-message { text-align: left !important; } .geolocation-notification-toaster .toaster-message strong { color: var(--COLOR_LEGACY_01); font-family: General-font-bold, arial, verdana, sans-serif; } .geolocation-notification-toaster .toaster-message i.notification-date { font-style: normal; } #geolocation-left-container .geolocation-status-filter-button { color: var(--COLOR_LEGACY_01); font-size: 20px; cursor: pointer; } .geoloc-operational-status-filter-menu .status-title { color: var(--COLOR_LEGACY_01); } .geolocation-status-filter-menu .status-title { color: var(--COLOR_LEGACY_01); } .info-content-visible .user-operational-status { background-color:var(--COLOR_LEGACY_12); } .operational-status-details.user-info-details span[data-role=title]{ position: relative; top: 5px; padding-bottom: 10px; } .info-content-visible .user-operational-status { color: var(--COLOR_LEGACY_03); border-radius: 3px; font-weight: bold; text-align: left; padding-left: 10px; height: 20px; line-height: 20px; } .notifications-panel .notification-item.geolocation-state-changed div[data-role="geolocation-state-changed"] strong { color: var(--COLOR_LEGACY_01); } #geolocation-left-container .sub-items { border-top: 1px solid var(--COLOR_LEGACY_05); } #geolocation-left-container .sub-items .contact-item:first-child { border: none; } #geolocation-left-container .expand-controls { color: var(--COLOR_LEGACY_01); } #geolocation-left-container .contact-group .contact-options-button { font-size: 12px; } #geolocation-left-container .contact-group .contact-options-button.menu-trigger { font-size: 24px; } #geolocation-left-container .contact-item:last-of-type { border-bottom: 1px solid var(--COLOR_LEGACY_05); } /* --- geolocation-info-window.css--- */ .geolocation-info-window-container, .info-window-container { background: var(--COLOR_LEGACY_03); border: 1px solid var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); box-shadow: 1.286px 1.532px 6px 0px rgba(COLOR_RGBA_03); border-radius: 3px; } .geolocation-info-window .control { text-align: center; cursor: pointer; color: var(--COLOR_LEGACY_01); } .geolocation-info-window .control .icon { font-size: 25px; line-height: 40px; height: 40px; } .geolocation-info-window .control[data-role="icon"] .icon { display: inline-block; width: 24px; height: 24px; margin-top: 12px; position: relative; text-align: center; } .geolocation-info-window.dispatcher-pin .close-button { color: var(--COLOR_LEGACY_02); font-size: 20px; cursor: pointer; } .geolocation-info-window .info-container .content-block .title { font-size: 11px; font-family: "General-font-bold", Arial, Helvetica, sans-serif; } .geolocation-info-window .controls-container .control[data-role='set-visibility-on'] .icon, .geolocation-info-window .controls-container .control[data-role='set-visibility-off'] .icon { font-size: 22px; line-height: 43px; } .geolocation-info-window .controls-container .control[data-role='color'] .icon { font-size: 19px; } .geolocation-info-window .controls-container .control[data-role='remove-pin'] .icon { font-size: 22px; } .geolocation-info-window.dispatcher-pin .info-container { border-bottom: 1px solid var(--COLOR_LEGACY_05); } .geolocation-info-window .info-container .content-block .edit-control { color: var(--COLOR_LEGACY_01); opacity: 0.5; font-size: 14px; cursor: pointer; } .geolocation-info-window .info-container .content-block .edit-control:hover { opacity: 1; } .geolocation-info-window .info-container .content-block .name-display { font-size: 14px; font-family: "Specific-font-bold", Arial, Helvetica, sans-serif; } .geolocation-info-window .info-container .content-block .name-display .name { text-decoration: underline; } .geolocation-info-window .info-container .content-block .name-edit button { font-family: "Specific-font-bold", Arial, Helvetica, sans-serif; } .color-picker-background { background-color: var(--COLOR_LEGACY_03); } .geolocation-info-window .poi-name { font-family: "General-font-bold", Arial, Helvetica, sans-serif; } /* --- geolocation-reporting.css--- */ .geolocation-reporting-options .option-row .stw-icon { color: var(--COLOR_LEGACY_01); font-size: 16px; } .geolocation-reporting-options .option-row > span { vertical-align: middle; } .geolocation-exporting-options.itinerary-export .option-row span, .geolocation-exporting-options.for-itinerary span { background: var(--asset-download-as-options_png) no-repeat 0px 0px !important; } .geolocation-exporting-options .option-row .csv-export-itinerary { background-position: 0px -0px !important; } .geolocation-exporting-options .option-row .csv-export-car-data { background-position: 0px -65px !important; } .geolocation-exporting-options .option-row:first-child { border-top: none !important; } /*.geolocation-reporting-options .arrow { background: var(--asset-dialog-corners-top-bottom_png) no-repeat; background-position: -13px -2px; }*/ .geolocation-reporting-export-button { background: var(--asset-download_png) center no-repeat; cursor: pointer; } .geolocation-reporting-options .option-row, .geolocation-exporting-options .option-row { cursor: pointer; line-height: 30px; border-top: solid 1px var(--COLOR_LEGACY_06); } .geolocation-reporting-options .option-row.itinerary { border-top: none !important; } .geolocation-reporting-summary-group { border: solid 1px var(--COLOR_LEGACY_05); border-radius: 5px; } .geolocation-reporting-summary-group * { font-family: 'General-font', arial, verdana, sans-serif; } .geolocation-reporting-summary-group .summary-group-label { background: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_01); font-size: 12px; } .geolocation-reporting-summary-group th, .geolocation-reporting-summary-group td { text-align: center; } .geolocation-reporting-summary-group th, .geolocation-reporting-collapsible .trips-status .trips-count-label { color: var(--COLOR_LEGACY_02); font-size: 9px; line-height: 11px; word-wrap: break-word; padding-left: 10px; padding-right: 10px; text-transform: uppercase; } .geolocation-reporting-collapsible .trips-status .trips-count-label { padding-right: 5px; padding-left: 5px; } .geolocation-reporting-summary-group td { font-family: "General-font-bold", Arial, Helvetica, sans-serif; font-size: 15px; } .geolocation-reporting-summary-group td span { font-family: "General-font-bold", Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; } .geolocation-reporting-summary-group .separator { background: var(--COLOR_LEGACY_05); } .geolocation-reporting-trips-list { background: var(--COLOR_LEGACY_03); } .geolocation-reporting-trips-list th { text-align: center; background: var(--COLOR_LEGACY_06); font-family: "General-font-bold", Arial, Helvetica, sans-serif; border: solid 1px var(--COLOR_LEGACY_05); color: var(--COLOR_LEGACY_02); } .geolocation-reporting-trips-list td { text-align: center; font-family: "General-font", Arial, Helvetica, sans-serif; color: var(--COLOR_LEGACY_07); border: solid 1px var(--COLOR_LEGACY_05); } .geolocation-reporting-trips-list .dataTables_scrollHead { background: var(--COLOR_LEGACY_06); } .geolocation-reporting-slider #renderer-container-reporting .title, .geolocation-reporting-team-report-header .title { text-transform: uppercase; color: var(--COLOR_LEGACY_01); font-family: "General-font-bold", Arial, Helvetica, sans-serif; font-size: 14px; } .geolocation-reporting-date-block, .geolocation-reporting-date-range-block { font-family: "General-font", Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .geolocation-reporting-date-block { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_07); border: 2px solid var(--COLOR_LEGACY_05); } .geolocation-reporting-date-range-block { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_04); border: 2px solid var(--COLOR_LEGACY_01); } .geolocation-reporting-date-range-block.selected { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } .geolocation-reporting-date-block .date { line-height: 25px; display: flex; justify-content: center; align-items: center; } .geolocation-reporting-date-block .date-range-icon { background: var(--asset-calendar_blue_white_png) 0px 0px no-repeat; } .geolocation-reporting-date-range-block .date-range { line-height: 16px; display: flex; justify-content: center; align-items: center; } .geolocation-reporting-date-block .date-range-icon, .geolocation-reporting-date-range-block .date-range-icon { width: 16px; height: 16px; margin-right: 4px; } .geolocation-reporting-date-range-block .date-range-icon { background: var(--asset-calendar_blue_white_png) 0px 0px no-repeat; } .geolocation-reporting-date-range-block.selected .date-range-icon { background: var(--asset-calendar_blue_white_png) -19px 0px no-repeat; } .geolocation-reporting-weekday-buttons .weekday-selector .weekday-letter { font-size: 16px; padding: 5px 0; text-align: center; } .geolocation-reporting-weekday-buttons .weekday-button { border: 2px solid var(--COLOR_LEGACY_01); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .geolocation-reporting-weekday-buttons .weekday-button.selected { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } .geolocation-reporting-weekday-buttons .weekday-short-date { font-family: "General-font", Arial, Helvetica, sans-serif; text-align: center; font-size: 10px; } .geolocation-reporting-week-blank-state { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background: var(--asset-geolocation-reporting-week-blank-state_png) top no-repeat; } .geolocation-reporting-week-blank-state .weekday-button { cursor: default; } .geolocation-reporting-week-blank-state .help-message { font-family: "General-font", Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; color: var(--COLOR_LEGACY_07); } .geolocation-reporting-week-blank-state .bar-container { background: var(--COLOR_LEGACY_03); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; } .geolocation-reporting-week-blank-state .geolocation-reporting-date-range-block { cursor: default; } .dataTable th.sorting, .dataTable th.sorting_asc, .dataTable th.sorting_desc { background-repeat: no-repeat; background-position: center right; cursor: pointer; } .dataTable th.sorting { background-image: var(--asset-datatables_sort_both_png); } .dataTable th.sorting_asc { background-image: var(--asset-datatables_sort_asc_png); } .dataTable th.sorting_desc { background-image: var(--asset-datatables_sort_desc_png); } .geolocation-reporting-slider .action-type { font-family: "General-font", Arial, Helvetica, sans-serif; font-size: 14px; } .geolocation-reporting-slider .voip-push-to-talk { background: var(--asset-voip-push-to-talk-button_png) 8px 3px no-repeat !important; } .geolocation-reporting-collapsible .title-bar { cursor: pointer; } .geolocation-reporting-collapsible .title-bar label { font-family: "General-font-bold", Arial, Helvetica, sans-serif; font-size: 14px; cursor: pointer; color: var(--COLOR_LEGACY_04); } .geolocation-reporting-collapsible.collapsed .title-bar .arrow { background: var(--asset-arrows-blue_png) -11px -7px no-repeat; } .geolocation-reporting-collapsible .title-bar .arrow { background: var(--asset-arrows-blue_png) -4px -20px no-repeat; } .geolocation-reporting-trips-list-multiple { background: var(--COLOR_LEGACY_03); } .geolocation-reporting-collapsible .title-bar .trips-count { font-family: "General-font-bold", Arial, Helvetica, sans-serif; font-size: 11px !important; color: var(--COLOR_LEGACY_04); } .geolocation-reporting-slider .progress-indicator { background-color: var(--COLOR_LEGACY_01); } .geolocation-reporting-slider .progress-indicator-bg { background-color: var(--COLOR_LEGACY_05); } #geolocation-reporting-slider-multiple .itinerary-subscriber { border-bottom: 1px solid var(--COLOR_LEGACY_06); cursor: default; } #geolocation-reporting-slider-multiple .itinerary-subscriber.has-data { cursor: pointer; } #geolocation-reporting-slider-multiple .itinerary-subscriber-name { color: var(--COLOR_LEGACY_03); font-weight: 700; border-radius: 3px; background-color: var(--COLOR_LEGACY_05); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #geolocation-reporting-slider-multiple .itinerary-subscriber.disabled-control { opacity: 1 !important; } #geolocation-reporting-slider-multiple .itinerary-subscriber.disabled-control .itinerary-subscriber-name { opacity: 0.2; } #geolocation-reporting-slider-multiple .itinerary-subscriber .visibility { background: var(--asset-eyes_png) -6px -4px; } #geolocation-reporting-slider-multiple .itinerary-subscriber .visibility.none { background: var(--asset-eyes_png) -6px 26px; } #geolocation-reporting-slider-multiple .itinerary-subscriber .arrow { background: var(--asset-arrows-empty_png) -5px -95px; } #geolocation-reporting-slider-multiple .itinerary-subscriber .not-trackable-label, .multiple-selection-entry.not-trackable .not-trackable-label { background: var(--asset-no-tracking_png) no-repeat 2px 0; } #geolocation-reporting-slider-multiple .itinerary-subscriber .no-data-label, .multiple-selection-entry.no-data .no-data-label { background: var(--asset-no-data_png) no-repeat 2px 0; } #geolocation-reporting-slider-multiple .itinerary-subscriber .not-installed-label, .multiple-selection-entry.not-installed .not-installed-label { background: var(--asset-reinvite-button_png) no-repeat center bottom !important } #geolocation-reporting-slider-multiple .itinerary-subscriber .error-label, .multiple-selection-entry.no-data .error-label { background: var(--asset-error_png) no-repeat 2px 0; } .geolocation-reporting-collapsible.error * { color: var(--COLOR_LEGACY_18) !important; } #team-summary-global .content, .team-summary .content, .multiple-selection-entry .content { padding: 0px; } .multiple-selection-entry.not-trackable .title-bar label, .multiple-selection-entry.not-installed .title-bar label, .multiple-selection-entry.no-data .title-bar label{ color: var(--COLOR_LEGACY_05) !important; } .geolocation-contacts-sliding-layer .export-history-csv.with-popover { background: var(--asset-geolocation-reporting-map-trigger_png) 4px 8px no-repeat; cursor: pointer; } .geolocation-reporting-export-button { background: var(--asset-download_png) center no-repeat; cursor: pointer; } .history-info-title { background-color: var(--COLOR_LEGACY_06); } #right-container-geoloc-reporting { font-size: 13px; } .geolocation-reporting-slider .tracking-rule-container .rule-name [data-role=name] { font-family: "General-font-bold", Arial, Helvetica, sans-serif; font-size: 12px !important; color: var(--COLOR_LEGACY_04); line-height: 16px; } .geolocation-reporting-slider .tracking-rule-container .rule-name [data-role=info] { font-size: 14px !important; color: var(--COLOR_LEGACY_02); line-height: 16px; } .geolocation-reporting-slider .tracking-rule-container .rule-details { font-family: "General-font", Arial, Helvetica, sans-serif; font-size: 12px !important; color: var(--COLOR_LEGACY_04); line-height: 16px; } .geolocation-reporting-slider .tracking-rule-container.subscriber .rule-name, .geolocation-reporting-slider .tracking-rule-container.subscriber .rule-details { text-align: center; } .geolocation-reporting-slider .tracking-rule-container.name-only .rule-details { color: var(--COLOR_LEGACY_07) !important; } .geolocation-reporting-slider .load-more-button { border: none; border-radius: 20px; background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } .geolocation-contacts .reports-button span { color: var(--COLOR_LEGACY_01); font-size: 29px; cursor: pointer; } /* --- geolocation-reports.css--- */ .geolocation-reports-right-area { background-color: var(--COLOR_LEGACY_06); border-left: solid 1px var(--COLOR_LEGACY_05); } .geolocation-reports-slide .sliding-layer-title { font-family: General-font-bold; font-size: 14px; } .geolocation-reports-slide .overlay { background-color: var(--COLOR_LEGACY_03); } .geolocation-reports-slide .preloader { background-color: var(--COLOR_LEGACY_07); color: var(--COLOR_LEGACY_03); } .geolocation-reports-slide .spinning-wheel { background: var(--asset-refresh_png) center center; } .geolocation-reports-slide .report-item { border-bottom: solid 1px var(--COLOR_LEGACY_05); } .geolocation-reports-slide .report-item .report-title { font-family: 'General-font-bold'; } .geolocation-reports-slide .report-item .info-item { font-style: italic; } .geolocation-reports-slide .controls-block > div { color: var(--COLOR_LEGACY_01); font-size: 18px; cursor: pointer; } .geolocation-reports-slide .controls-block > div[data-role=details] { font-size: 14px; } .geolocation-reports-slide .report-item.expanded .details-row { border-top: solid 1px var(--COLOR_LEGACY_06); } .geolocation-reports-slide .report-item.updated-recently .body-row .info-item { font-weight: bold; } .geolocation-reports-slide .report-item.deleted { opacity: 0.3; } .geolocation-reports-slide .report-item.deleted .controls-block { display: none; } .geolocation-reports-slide .summary-label { text-transform: uppercase; margin: 5px 0; font-size: 14px; font-family: 'General-font-bold'; color: var(--COLOR_LEGACY_01); } /* --- geolocation-toolbar.css--- */ .geolocation-toolbar { background-color: var(--COLOR_LEGACY_06); } .geolocation-toolbar .geolocation-toolbar-buttons > * { cursor: pointer; border-radius: 5px; } .geolocation-toolbar .geolocation-toolbar-buttons > .refresh-locations-button.spinner { cursor: default; } .geolocation-toolbar .geolocation-toolbar-buttons > .selected { background-color: var(--COLOR_LEGACY_RGBA_11); } .geolocation-toolbar .geolocation-toolbar-buttons > .disabled { cursor: default; opacity: 0.3; } .geolocation-toolbar .geolocation-toolbar-buttons .stw-icon { color: var(--COLOR_LEGACY_01); text-align: center; font-size: 32px; line-height: 40px; } .geolocation-toolbar .geolocation-toolbar-buttons .role-icon-button .stw-icon { font-size: 25px; } .geolocation-toolbar .disablement-mask { background: var(--COLOR_LEGACY_03); opacity: 0.5; } .geolocation-toolbar .refresh-locations-button .stw-icon { background: var(--asset-geo-refresh_svg) no-repeat center !important; background-size: 100%; } .geolocation-toolbar .dispatcher-pins-button .stw-icon { font-size: 26px; } /* --- geolocation-actions-bar.css--- */ .geolocation-actions-bar { background: var(--COLOR_LEGACY_05); } .geolocation-actions-bar .title-container .title { color: var(--COLOR_LEGACY_04); font-family: "General-font", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 30px; } .geolocation-actions-bar .sw-button { font-family: "General-font-bold", Arial, Helvetica, sans-serif !important; cursor: pointer; } .geolocation-actions-bar #cancel-button { background: var(--COLOR_LEGACY_02) !important; } .geolocation-actions-bar .actions-container { text-align: right; } /* --- geolocation-address-picker.css--- */ .geolocation-address-picker .message-bar .background { background-color: var(--COLOR_LEGACY_03); } .geolocation-address-picker .message-bar .text { color: var(--COLOR_LEGACY_04); } /* --- geolocation-page.css--- */ .geolocation-page .display-group-form-container { background-color: var(--COLOR_LEGACY_06); border-left: solid 1px var(--COLOR_LEGACY_05); } .geolocation-map .leaflet-map-pane .geoloc-itinerary-marker { font-size: 40px; line-height: 40px; background: none; border: none; display: flex; justify-content: center; align-items: center; } .geolocation-map .leaflet-map-pane .geoloc-itinerary-marker > .geolocation-marker.stw-marker-intermediate { font-size: 22px; } .geolocation-map .leaflet-map-pane .geolocation-marker-cluster > div { text-align: center; font-family: "General-font-bold", Arial, Helvetica, sans-serif; line-height: 48px; } .geolocation-map.with-rectangular-selection, .geolocation-map.with-rectangular-selection:not(.user-select) { cursor: crosshair !important; } .geolocation-simple-marker { color: var(--COLOR_LEGACY_03); } .geolocation-simple-marker .foreground-pin { font-size: 54px; color: var(--COLOR_LEGACY_01); } .geolocation-simple-marker .middle-background { background-color: var(--COLOR_LEGACY_03); } .geolocation-simple-marker.emergency-alert-critical .foreground-pin, .geolocation-simple-marker.emergency-alert-custom .foreground-pin { color: var(--COLOR_LEGACY_25); } .geolocation-simple-marker.emergency-alert-severe .foreground-pin { color: var(--COLOR_LEGACY_26); } .geolocation-simple-marker.emergency-alert-urgent .foreground-pin { color: var(--COLOR_LEGACY_27); } .geolocation-subscriber-marker { cursor: pointer; } .geolocation-subscriber-marker .selector-flag { text-align: center; font-size: 25px; color: var(--COLOR_LEGACY_01); } .geolocation-subscriber-marker.disabled-control { cursor: default !important; opacity: 0.5; } .geolocation-subscriber-marker.disabled-control .availability { display: none; } .geolocation-subscriber-marker .subscriber-picture img { border-radius: 21px; background-color: var(--COLOR_LEGACY_03); } .geolocation-subscriber-marker .border-pin { color: var(--COLOR_LEGACY_03); opacity: 0.6; } .geolocation-subscriber-marker.focused .border-pin { opacity: 1; } .geolocation-subscriber-marker .background-pin { color: var(--COLOR_LEGACY_02); } .geolocation-subscriber-marker.tracking .background-pin { color: var(--COLOR_LEGACY_01); } .geolocation-subscriber-marker .availability { border-radius: 8px; border: solid 2px var(--COLOR_LEGACY_03); } .geolocation-subscriber-marker.available .availability { background: var(--COLOR_LEGACY_12); } .geolocation-subscriber-marker.busy .availability { background: var(--COLOR_LEGACY_18); } .geolocation-subscriber-marker.offline .availability { background: var(--COLOR_LEGACY_34); } .geolocation-subscriber-marker.busy .offline { background: var(--COLOR_LEGACY_34); } .geolocation-subscriber-marker.not-authenticated .availability { background: var(--asset-not-authenticated-icon_png) var(--COLOR_LEGACY_03) no-repeat !important; background-size: contain !important; border-radius: 100%; border: 1px solid var(--COLOR_LEGACY_03); } .geolocation-subscriber-marker.emergency-alert-critical .background-pin, .geolocation-subscriber-marker.emergency-alert-custom .background-pin { color: var(--COLOR_LEGACY_25) !important; } .geolocation-subscriber-marker.emergency-alert-severe .background-pin { color: var(--COLOR_LEGACY_10) !important; } .geolocation-subscriber-marker.emergency-alert-urgent .background-pin { color: var(--COLOR_LEGACY_27) !important; } .marker-selection, .draw-rectangle, .toggle-traffic, .refresh-locations { line-height: 40px; font-size: 32px; color: var(--COLOR_LEGACY_01); text-align: center; cursor: pointer; } .marker-selection.selected, .draw-rectangle.selected, .toggle-traffic.selected { background-color: rgba(COLOR_RGBA_11); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .toggle-traffic { font-size: 26px; } .refresh-container .refresh-locations { background: var(--asset-geo-refresh_svg) no-repeat center !important; background-size: 100%; } .history-locations { background: var(--asset-location-history_png); background-repeat:no-repeat; background-position:center; cursor: pointer; } .history-export { background: var(--asset-export-csv-v2_png); cursor: pointer; } .refresh-locations.disabled, .marker-selection.disabled, .draw-rectangle.disabled { opacity: 0.3; cursor: default; } .info-controls { border-top: 2px solid; } .user-info-details > span[data-role=title] { font-family: "General-font-bold", arial, verdana, sans-serif; } span.beacon-data { font-family: "General-font-bold", arial, verdana, sans-serif; } #info-content .user-name { font-family: "Specific-font", arial, verdana, sans-serif; line-height: 24px; font-size: 15px; } .network-indication { font-size: 18px; } .battery-indication { font-size: 24px; } .section-title { font-size: 14px; font-weight: bold; } .battery-empty { color: red; } .overlay-marker { background: var(--asset-gray-pin_png); } .overlay-marker.blue, .overlay-marker.selected { background: var(--asset-blue-pin_png); } .overlay-marker.onalert.critical, .overlay-marker.onalert.custom { background: var(--asset-pin-critical-filled_png); } .overlay-marker.onalert.severe { background: var(--asset-pin-severe-filled_png); } .overlay-marker.onalert.urgent { background: var(--asset-pin-urgent-filled_png); } .overlay-marker img { border-radius: 50%; background-color: var(--COLOR_LEGACY_03); } div.mark-selected { background: var(--asset-ovelay-checked_png) no-repeat transparent !important; border: none !important; } .no-geolocation { background: var(--asset-geoloc-deactivated-by-contact_png) no-repeat; } .no-geolocation.no-data { background: var(--asset-no-tracking_png) no-repeat; } .no-geolocation.no-app { background: var(--asset-reinvite-button_png) no-repeat center bottom !important } .name.with-location { line-height: 16px !important; } .distance-location span { font-family: "Specific-font", arial, verdana, sans-serif; line-height: 10px; font-size: 11px; font-weight: normal; } .offline .distance-location span { font-style: italic; color: var(--COLOR_LEGACY_02); } .geolocation-bar { background: var(--COLOR_LEGACY_05); } .geolocation-bar span { font-family: "Specific-font", arial, verdana, sans-serif; font-size: 17px; color: var(--COLOR_LEGACY_04); } .geolocation-bar button { font-weight: bold; } .start .marker { border-radius: 50%; background: var(--asset-start_pin_no_color_png) no-repeat 0 0; text-indent: -99999px; } .end .marker { border-radius: 50%; background: var(--asset-end_pin_no_color_png) no-repeat 0 0; text-indent: -99999px; } .marker-info .address { /* text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/ } .marker-info .address span { font-family: "General-font-bold", arial, verdana, sans-serif; } .search-field.disabled-control { background-color: var(--COLOR_LEGACY_03); opacity: 0.3; } .intermediate .top, .intermediate .end { background-color: var(--COLOR_LEGACY_18); } .intermediate .marker { border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; text-align: center; border-width: 2px; border-style: solid; } .map-spinner { background-color: rgba(COLOR_RGBA_10); color: var(--COLOR_LEGACY_03); } .map-spinner .spinner-loader { background: var(--asset-refresh_png) no-repeat; background-size: 100% 100%; -webkit-animation:spin 3s linear infinite; -moz-animation:spin 3s linear infinite; animation:spin 3s linear infinite; } /* role icon */ .geolocation-map .geolocation-subscriber-marker .role-icon-marker .starting-dot { background-color: var(--COLOR_LEGACY_01); border: solid 2px var(--COLOR_LEGACY_03); } .geolocation-map .geolocation-subscriber-marker [data-role="marker-color"] { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_01); } .geolocation-map .geolocation-subscriber-marker.emergency-alert-critical [data-role="marker-color"], .geolocation-map .geolocation-subscriber-marker.emergency-alert-custom [data-role="marker-color"] { background-color: var(--COLOR_LEGACY_25) !important; } .geolocation-map .geolocation-subscriber-marker.emergency-alert-severe [data-role="marker-color"] { background-color: var(--COLOR_LEGACY_10) !important; } .geolocation-map .geolocation-subscriber-marker.emergency-alert-urgent .role-icon-marker [data-role="marker-color"] { background-color: var(--COLOR_LEGACY_27) !important; } .geolocation-map .geolocation-subscriber-marker .role-icon-marker .role-icon { background-size: contain; background-color: var(--COLOR_LEGACY_03); } .geolocation-map .geolocation-subscriber-marker .role-icon-marker .details-border { opacity: 0.1; border: 2px solid var(--COLOR_LEGACY_03); } .geolocation-map .geolocation-subscriber-marker.focused .role-icon-marker .details-border { opacity: 0.8; } .geolocation-map .geolocation-subscriber-marker .role-icon-marker .details-row { color: var(--COLOR_LEGACY_03); } .geolocation-map .geolocation-subscriber-marker .role-icon-marker .details-row.name { font-family: "General-font-bold"; } .geolocation-map .geolocation-subscriber-marker .role-icon-marker .details-row.name { font-family: "General-font-bold", sans-serif; } .geolocation-page .refresh-status-bar, .geolocation-page .outdated-location-bar { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } .geolocation-page .refresh-status-bar .spinner, .geolocation-page .outdated-location-bar .spinner { background: var(--asset-refresh_png) center center; } .geolocation-page .map-preloader { background-color: rgba(COLOR_RGBA_16); } .geolocation-page .map-preloader .message { color: var(--COLOR_LEGACY_01); font-size: 25px; } .geolocation-page .progress-bar { background-color: var(--COLOR_LEGACY_03); border: solid 1px var(--COLOR_LEGACY_05); } .geolocation-page .ui-progressbar-value { background-color: var(--COLOR_LEGACY_01); border: none; } /* -- @todo remove this if not used -- */ .geolocation-map.drag-cursor div[style*='crosshair'] { cursor: ASSET('geo-drag-area.png') 24 24 , crosshair !important; } .map-container.geolocation-map .clear-area-button { width: 90px; height: 30px; z-index: 104; position: relative; background: rgba(255, 255, 255, 0.8); line-height: 30px; display: inline-flex; text-align: left; cursor: pointer; } .map-container.geolocation-map .clear-area-button span { margin: 0 5px; display: inline-block; line-height: 30px; color: var(--COLOR_LEGACY_01); } /* --- channels.css--- */ .channels-info { background: var(--asset-channel-icon_png) no-repeat center top; } .channels-info-title { font-family: "Specific-font", Arial, Helvetica, sans-serif; font-size: 18px; color: var(--COLOR_LEGACY_04); } .channels-info-desc { font-size: 14px; } .join-channel { background: var(--asset-switch-icons_svg) no-repeat; background-position: 0px 0px; } .join-channel.joined { background-position: -2px -41px; } .channel-details-participants .title { background-color: transparent; border-bottom: 1px solid var(--COLOR_LEGACY_05); } .channel-details-participants .priority { font-size: 14px; line-height: normal; } .channel-details-participants .details-group-name { font-size: 16px; line-height: normal; } .channel-details-participants .join-channel { margin-top:25px; } .channel-details-participants .not-attending, .channel-details-participants [data-connected-status="false"] { background: var(--COLOR_LEGACY_46); /*was var(--COLOR_LEGACY_05)*/ /*opacity: 0.8;*/ } .channel-details-content .conversation-contacts .name { line-height: 16px; } .channel-item .name { line-height: normal; } .channel-item .priority, .channel-item .last-join-date { font-size: 10px; } .channel-details-content .conversation-contacts.on-hold, .channel-details-content .conversation-contacts.no-sound { opacity: 0.7; } .not-available { font-family: "Specific-font-bold", Arial, Helvetica, sans-serif; font-size: 10px; background: var(--COLOR_LEGACY_04); color: var(--COLOR_LEGACY_03); text-align: center; border-radius: 8px; } .not-available.on-hold-label { text-transform: uppercase; } .participants-status { font-size: 14px; } .channels-tabs .nav-tabs li { font-size: 12px; padding-bottom: 7px; } .channel-details-content .conversation-contacts.group{ cursor: pointer; } .channel-details-participants .participants-status .refresh-participants { background: var(--asset-geo-refresh_svg) no-repeat center !important; background-size: 100%; cursor: pointer; } /* --- static-content.css--- */ .static-content { background: var(--COLOR_LEGACY_03); } .static-content h1 { font-size: 22px; } .static-content h2 { font-size: 18px; } .static-content h1, .static-content h2 { font-family: 'Specific-font', Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_01) !important; } .static-content h3 { font-family: 'Specific-font', Arial, Verdana, sans-serif; font-size: 16px; margin: 0px !important; color: var(--COLOR_LEGACY_04) !important; padding: 5px 0 15px 0; } .static-content td { vertical-align: top !important; } .static-content td table { margin-top: 10px; } .static-content-header-piece { left: 25%; text-align: center; } .static-content-header-piece p:first-child { width: 100%; } .static-content-header-piece img { float: none; } .static-content-header { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } /* TOS / PRIVACY */ .tos-privacy-controls * { background-color: var(--COLOR_LEGACY_06); color: var(--COLOR_LEGACY_02); font-family: 'Specific-font', Arial, Verdana, sans-serif; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } .tos-privacy-controls .selected { background-color: var(--COLOR_LEGACY_12); color: var(--COLOR_LEGACY_03); font-family: 'Specific-font-bold', Arial, Verdana, sans-serif; cursor: default; } /* --- emergency-alert.css--- */ .emergency-alert-button, .emergency-call-button { background-color: var(--COLOR_LEGACY_09); cursor: pointer; text-align: center; } .emergency-alert-button .stw-icon, .emergency-call-button .stw-icon { text-align: center; font-size: 32px; color: var(--COLOR_LEGACY_03); } .emergency-alert-button .text, .emergency-call-button .text { font-family: 'General-font-bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; color: var(--COLOR_LEGACY_03); line-height: 1.2; } .emergency-alert-button.pending, .emergency-alert-button.onalert, .emergency-call-button.pending, .emergency-call-button.active { background-color: var(--COLOR_LEGACY_29); } .emergency-alert-button.pending > *, .emergency-alert-button.onalert > *, .emergency-call-button.active > * { animation: alertPopupFlash 1s infinite; } .emergency-alert-button.pending, .emergency-call-button.pending, .emergency-call-button.active { cursor: default; } .emergency-alert-severity-selector .severity { background: var(--asset-emergency-alert-severity_png) repeat-x; color: var(--COLOR_LEGACY_03); text-align: center; cursor: pointer; padding-top: 25px; } .emergency-alert-severity-selector .severity:first-child { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .emergency-alert-severity-selector .severity:last-child { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .emergency-alert-severity-selector .severity-title { font-family: 'General-font-bold', Arial, Helvetica, sans-serif; font-size: 35px; text-transform: uppercase; } .emergency-alert-severity-selector .severity-description { font-family: 'General-font', Arial, Helvetica, sans-serif; font-size: 15px; } .emergency-alert-severity-selector .severity.critical { background-position: 0px 0px; } .emergency-alert-severity-selector .severity.severe { background-position: 0px -128px; } .emergency-alert-severity-selector .severity.urgent { background-position: 0px -256px; } .emergency-alert-severity-selector .modal-body { padding-top: 0px; } /* ALERT POPUP CUSTOMIZATION */ .emergency-alert-popup { background: linear-gradient(var(--COLOR_LEGACY_09), var(--COLOR_LEGACY_09), var(--COLOR_LEGACY_09)); border-radius: 2px; } .emergency-alert-popup:before { background-image: linear-gradient(var(--COLOR_LEGACY_09), var(--COLOR_LEGACY_09), var(--COLOR_LEGACY_09)); border-radius: inherit; content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; z-index: -1; animation: alertPopupFlash 0.5s infinite; } .modal-backdrop.red { background-color: var(--COLOR_LEGACY_14); } .emergency-alert-popup .modal-content { background: transparent; box-shadow: none; border: none; } .emergency-alert-popup .picture img { border: 8px solid var(--COLOR_LEGACY_03); border-radius: 50%; } .emergency-alert-popup .modal-content { color: var(--COLOR_LEGACY_03); text-align: center; } .emergency-alert-popup .name { font-family: 'General-font-bold', Arial, Helvetica, sans-serif; font-size: 18px; } .emergency-alert-popup .severity { font-family: 'General-font-bold', Arial, Helvetica, sans-serif; font-size: 32px; text-transform: uppercase; } .emergency-alert-popup .message { font-size: 14px; } .emergency-alert-popup .modal-footer button { background-color: var(--COLOR_LEGACY_03) !important; border: none; border-radius: 20px; } .emergency-alert-popup .modal-footer button#locate { background: var(--asset-track-location_png) no-repeat center center; } .emergency-alert-popup .modal-footer button#call { background: var(--asset-call-contact_png) no-repeat center center; } .emergency-alert-popup .modal-footer button#message { background: var(--asset-messages_png) no-repeat center center; } /* CONVERSATIONS LIST CUSTOMIZATION */ .conversation-item.onalert, .conversation-item.offalert { border-top: solid 1px var(--COLOR_LEGACY_03); } .conversation-item.onalert { background: var(--COLOR_LEGACY_09) !important; cursor: pointer !important; } .conversation-item.onalert * { color: var(--COLOR_LEGACY_03) !important; } .conversation-item.onalert.selected { background: var(--asset-selected-conversation-band_png) no-repeat center left var(--COLOR_LEGACY_09) !important; } .conversation-item.offalert { background: var(--COLOR_LEGACY_12) !important; color: var(--COLOR_LEGACY_03); } .conversation-item.offalert * { color: var(--COLOR_LEGACY_03) !important; } .conversation-item.offalert.selected { background: var(--asset-selected-conversation-band_png) no-repeat center left var(--COLOR_LEGACY_12) !important; } /* MESSAGES LIST CUSTOMIZATION */ .message.with-ambient-listening .message-container, .message.with-ambient-listening .attachment-thumbnail .address { background-color: var(--COLOR_LEGACY_50); color: var(--COLOR_LEGACY_03); } .message.with-ambient-listening .message-container:after { border-color: transparent var(--COLOR_LEGACY_50); } .message.with-ambient-listening .attachment-thumbnail:after { background: var(--asset-emergency-location-small-ambient-listening_png) 164px 23px no-repeat !important; } /* critical and custom level */ .message.with-emergency-alert.critical .message-container, .message.with-emergency-alert.critical .attachment-thumbnail .address, .message.with-emergency-alert.custom .message-container, .message.with-emergency-alert.custom .attachment-thumbnail .address, .message.with-lone-worker .message-container, .message.with-lone-worker .attachment-thumbnail .address { background-color: var(--COLOR_LEGACY_09); color: var(--COLOR_LEGACY_03); } .message.with-emergency-alert.critical .message-container:after, .message.with-emergency-alert.custom .message-container:after, .message.with-lone-worker .message-container:after{ border-color: transparent var(--COLOR_LEGACY_09); } .message.with-emergency-alert.critical .attachment-thumbnail:after, .message.with-emergency-alert.custom .attachment-thumbnail:after { background: var(--asset-emergency-location-small-critical_png) 164px 23px no-repeat !important; } /* severe level */ .message.with-emergency-alert.severe .message-container, .message.with-emergency-alert.severe .attachment-thumbnail .address { background-color: var(--COLOR_LEGACY_10); color: var(--COLOR_LEGACY_03); } .message.with-emergency-alert.severe .message-container:after { border-color: transparent var(--COLOR_LEGACY_10); } .message.with-emergency-alert.severe .attachment-thumbnail:after { background: var(--asset-emergency-location-small-severe_png) 164px 23px no-repeat !important; } /* urgent level */ .message.with-emergency-alert.urgent .message-container, .message.with-emergency-alert.urgent .attachment-thumbnail .address { background-color: var(--COLOR_LEGACY_13); color: var(--COLOR_LEGACY_03); } .message.with-emergency-alert.urgent .message-container:after { border-color: transparent var(--COLOR_LEGACY_13); } .message.with-emergency-alert.urgent .attachment-thumbnail:after { background: var(--asset-emergency-location-small-urgent_png) 164px 23px no-repeat !important; } /* ALERT BUTTON ANIMATIONS */ @keyframes pendingAnimationBackground { from { background-color: var(--COLOR_LEGACY_02); } to { background-color: var(--COLOR_LEGACY_03); } } @keyframes pendingAnimationExclamation { from { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_02); } to { background-color: var(--COLOR_LEGACY_02); color: var(--COLOR_LEGACY_03); } } @keyframes pendingAnimationText { from { color: var(--COLOR_LEGACY_03); } to { color: var(--COLOR_LEGACY_02); } } @keyframes onAlertAnimationBackground { from { background-color: var(--COLOR_LEGACY_09); } to { background-color: var(--COLOR_LEGACY_03); } } @keyframes onAlertAnimationExclamation { from { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_09); } to { background-color: var(--COLOR_LEGACY_09); color: var(--COLOR_LEGACY_03); } } @keyframes onAlertAnimationText { from { color: var(--COLOR_LEGACY_03); } to { color: var(--COLOR_LEGACY_09); } } @keyframes alertPopupFlash { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } /* --- main-menu.css--- */ #main-menu-bar .main-menu-bar-spacer, #main-menu-bar .main-menu-bar-content > * { background: var(--COLOR_LEGACY_01); } #main-menu-bar .brand-logo { background: var(--asset-logo_svg) no-repeat; } #main-menu-bar .main-menu .menu-item { cursor: pointer; border-bottom: 5px solid var(--COLOR_LEGACY_01); } #main-menu-bar .main-menu .menu-item.selected { border-bottom-color: var(--COLOR_LEGACY_03); } #main-menu-bar .main-menu .menu-item.disabled { cursor: default; } #main-menu-bar .icon { padding-top: 8px; font-size: 30px; color: var(--COLOR_LEGACY_03); text-align: center; } #main-menu-bar .dark-icon { padding-top: 13px; text-align: center; position: absolute; } #main-menu-bar .menu-item-notification { cursor: pointer; } #main-menu-bar .main-menu .menu-item { opacity: 0.6; } #main-menu-bar .main-menu .menu-item.disabled { opacity: 0.3; } #main-menu-bar .main-menu .menu-item:not(.disabled):hover, #main-menu-bar .main-menu .menu-item.selected { opacity: 1; } #main-menu-bar .circle { background: var(--COLOR_LEGACY_18); color: white; font-size: 14px; font-family: 'General-font-bold', Arial, Verdana, sans-serif !important; border-radius: 12px; text-align: center; line-height: 24px; } #main-menu-bar .menu-item-notification .icon { font-size: 22px; } #main-menu-bar .menu-item-reach-back .icon { font-size: 26px; } #main-menu-bar .menu-item-notification .arrow { background: var(--asset-arrows-notif_png) no-repeat center -20px; cursor: pointer; } #main-menu-bar .user-info .arrow { cursor: pointer; color: var(--COLOR_LEGACY_03); } #main-menu-bar .menu-item-notification.selected .arrow { background: var(--asset-arrows-notif_png) no-repeat center 1px; } #main-menu-bar .user-info { background-color: var(--COLOR_LEGACY_24); cursor: pointer; } #main-menu-bar .user-info .greetings { font-size: 12px; color: var(--COLOR_LEGACY_03); } #main-menu-bar .user-info .user-name { font-size: 14px; color: var(--COLOR_LEGACY_03); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #main-menu-bar .user-info .user-image img { border: none; vertical-align: baseline; } #main-menu-bar .user-menu { cursor: default; border: solid 1px var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); box-shadow: 1.286px 1.532px 6px 0px rgba(COLOR_RGBA_03); } #main-menu-bar .user-menu .user-menu-left { border-right: 1px solid var(--COLOR_LEGACY_RGBA_02); } #main-menu-bar .user-menu .top-arrow { background: var(--asset-dialog-corners-top-bottom_png) no-repeat; background-position: -15px 0px; } #main-menu-bar .user-menu .menu-item { color: var(--COLOR_LEGACY_07); cursor: pointer; } #main-menu-bar .user-menu .menu-item:not(:last-child) { border-bottom: 1px solid var(--COLOR_LEGACY_RGBA_02); } .menu-item-settings { background: var(--asset-header-images-blue-sprite_png) no-repeat 0 6px; } .menu-item-help { background: var(--asset-header-images-blue-sprite_png) no-repeat 0 -88px; } .menu-item-logout { background: var(--asset-header-images-blue-sprite_png) no-repeat 0 -40px; } /* NOTIFICATION LIST */ #notification-list { border: solid 1px var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); box-shadow: 1.286px 1.532px 6px 0px rgba(COLOR_RGBA_03); } #notification-list .top-arrow { background: var(--asset-dialog-corners-top-bottom_png) no-repeat; background-position: -15px 0px; } #notification-list .notification-row { color: var(--COLOR_LEGACY_07); font-size: 12px; background: var(--COLOR_LEGACY_03) var(--asset-blue-bell_png) no-repeat 6px center; } #notification-list .notification-row i { font-style: normal !important; color: var(--COLOR_LEGACY_13); font-family: 'General-font-bold', arial, verdana, sans-serif !important; font-weight: normal !important; } #notification-list #attachmentQuota em { font-style: normal; color: var(--COLOR_LEGACY_09); } #notification-list #attachmentQuota a { font-weight: bold; } /* --- attachments.css--- */ .attachment-area .attachment-text { font-size: 12px !important; font-family: 'General-font', arial, verdana, sans-serif !important; } .attachment-icon-container, .attachment-thumbnail, .attachment-icon { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .attachment-removed-thumbnail { cursor: default; } .link .attachment-thumbnail, .news .attachment-thumbnail, .youtube .attachment-thumbnail { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .message-sent .location .attachment-icon-container, .message-sent .location .attachment-thumbnail, .message-sent .location .attachment-icon { -webkit-border-radius: 5px 5px 0 5px; -moz-border-radius: 5px 5px 0 5px; border-radius: 5px 5px 0 5px; } .message-received .location .attachment-icon-container, .message-received .location .attachment-thumbnail, .message-received .location .attachment-icon { -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .attachment-icon { background-size: 36px 36px !important; } .attachment-disable { background: var(--COLOR_LEGACY_05); opacity: 0.8; } .attachment-area.error .attachment-text { color: var(--COLOR_LEGACY_09); } .attachment-area.error .attachment-icon-container { background: var(--asset-upload-icons\error_png) center no-repeat !important; } .attachment-cancel { background: var(--asset-upload-icons\cancel_png) center no-repeat; cursor: pointer; } .attachment-progress { background-color: var(--COLOR_LEGACY_01); } .attachment-file-name div:last-child { font-family: 'General-font-bold', arial, verdana, sans-serif !important; } .attachment-removed { font-size: 12px !important; font-family: 'General-font', arial, verdana, sans-serif !important; color: var(--COLOR_LEGACY_02); cursor: default; word-break: break-word; } .attachment-streaming-container .controls .download, .attachment-streaming-container .controls .close-popup { background: var(--asset-attachment-popup-controls_png) center no-repeat; cursor: pointer; } .attachment-streaming-container .controls .download { background-position: -32px 0px; } .attachment-streaming-container .controls .close-popup { background-position: 0px 0px; } .audio-container { background-color: var(--COLOR_LEGACY_05); } .with-attachment.message-container.video .attachment-thumbnail:after{ background: var(--asset-video-icon_png) center no-repeat; } .jp-controls-holder.play-pause { border-right: 1px solid var(--COLOR_LEGACY_07); } .jp-controls-holder.volume-control { border-left: 1px solid var(--COLOR_LEGACY_07); } .with-attachment.message-container.location .attachment-thumbnail:after{ background: var(--asset-location-found-white_png) 164px 23px no-repeat; } .with-attachment.message-container.location .waiting-attachment .attachment-thumbnail:after{ background: transparent; } .message-sent .attachment-thumbnail .address { background-color: var(--COLOR_LEGACY_08); } .message-received .attachment-thumbnail .address { background-color: var(--COLOR_LEGACY_06); } .attachment-thumbnail .address { color: var(--COLOR_LEGACY_01); font-size: 13px; } .attachment-description .attachment-over-title, .attachment-description .attachment-title { font-size: 14px; color: var(--COLOR_LEGACY_04); font-family: 'General-font-bold', arial, verdana, sans-serif !important; } .link-url a, .run-diagnostic a { font-size: 12px; color: var(--COLOR_LEGACY_01); } .news .link-url a { font-size: 12px; color: var(--COLOR_LEGACY_02); } .attachment-description .attachment-over-title a, .attachment-description .attachment-title a { color: var(--COLOR_LEGACY_07); } .youtube .attachment-description .publishing-date, .news .attachment-description .publishing-date { color: var(--COLOR_LEGACY_02); } .with-attachment.message-container.youtube .attachment-thumbnail a:after { background: var(--asset-youtube_logo_png); display: block } .message .with-attachment.message-container * { font-size: 13px; } .with-attachment.message-container.video-conference .attachment-file-name * { font-family: "Specific-font-bold", Arial, Helvetica, sans-serif; font-weight: 600; line-height: 18px; } .attachment-removed-container { background-color: var(--COLOR_LEGACY_08); } .call-message-body.missed-wt, .call-message-body.missed { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: var(--COLOR_LEGACY_17); } .call-message-body.outgoing { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: var(--COLOR_LEGACY_08); } .call-message-body.incoming { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: var(--COLOR_LEGACY_05); } .emergency-call .call-message-body { background-color: var(--COLOR_LEGACY_09); } .ambient-listening-call .call-message-body { background-color: var(--COLOR_LEGACY_50); } .call-message.ambient-listening-call *, .call-message.emergency-call * { color: var(--COLOR_LEGACY_03) !important; } .call-message-icon { line-height: 34px; font-size: 20px; color: var(--COLOR_LEGACY_01); text-align: center; } .missed .call-message-icon { color: var(--COLOR_LEGACY_09); } .last-message .stw-icon { color: var(--COLOR_LEGACY_01); font-size: 16px; vertical-align: middle; display: inline-block; padding-bottom: 3px; } .last-message .stw-icon.stw-call-voip-missed, .last-message .stw-icon.stw-call-video-missed, .last-message .stw-icon.stw-call-ptt-missed { color: var(--COLOR_LEGACY_09); } .call-multiple-number { border-radius: 26px; -webkit-border-radius: 26px; -moz-border-radius: 26px; text-align: center; color: var(--COLOR_LEGACY_03); } .incoming .call-multiple-number { background-color: var(--COLOR_LEGACY_02); } .outgoing .call-multiple-number { background-color: var(--COLOR_LEGACY_01); } .missed .call-multiple-number { background-color: var(--COLOR_LEGACY_09); } .call-message-duration, .call-message-text { color: var(--COLOR_LEGACY_04); font-size: 14px; font-family: 'General-font-bold', arial, verdana, sans-serif !important; } .with-from-details .call-message-text span { font-family: 'General-font', arial, verdana, sans-serif !important; } .call-message-duration { color: var(--COLOR_LEGACY_07); } .call-message-details-body { background-color: var(--COLOR_LEGACY_06); border-bottom: 1px solid var(--COLOR_LEGACY_05); } .call-message-details-body .call-message-duration, .call-message-details-body .call-message-text { font-family: 'General-font', arial, verdana, sans-serif !important; font-size: 12px; color: var(--COLOR_LEGACY_04); } .call-message-from, .call-message-from-detail { font-size: 12px; color: var(--COLOR_LEGACY_04); } .chat-messages .emergency-call .call-message-duration, .chat-messages .emergency-call .call-message-text, .chat-messages .emergency-call .call-message-from { color: var(--COLOR_LEGACY_03); } .attachment-streaming-container .attachment-caption { background-color: var(--COLOR_LEGACY_03); } .attachment-caption-layer { background-color: var(--COLOR_LEGACY_05); } .attachment-caption-layer .attachment-caption-title { background-color: rgba(COLOR_RGBA_13); color: var(--COLOR_LEGACY_03); font-size: 14px; font-family: "Specific-font", Arial, Helvetica, sans-serif; } .attachment-caption-layer div.jp-jplayer { background: transparent; } .emoji-wysiwyg-editor:empty:before { content:attr(data-placeholder); color:var(--COLOR_LEGACY_02) } #progress-bar-audio::-webkit-slider-thumb { background: var(--COLOR_LEGACY_20); } .progress-bar-audio::-moz-range-thumb { background: var(--COLOR_LEGACY_20); } #progress-bar-audio { background: var(--COLOR_LEGACY_07); } .attachment.audio-playable [data-role=play-button] { color: var(--COLOR_LEGACY_01); font-size: 17px !important; cursor: pointer; } #end-time { color: var(--COLOR_LEGACY_01); font-weight: bold; } .attachment.not-played #progress-bar-audio::-webkit-slider-thumb { background: var(--COLOR_LEGACY_44); } .attachment.not-played .progress-bar-audio::-moz-range-thumb { background: var(--COLOR_LEGACY_44); } .attachment.not-played #progress-bar-audio { background: var(--COLOR_LEGACY_43); } .attachment.not-played [data-role=play-button] { color: var(--COLOR_LEGACY_12) !important; } .attachment.not-played #end-time { color: var(--COLOR_LEGACY_12); } /* --- attachments-manager.css--- */ #attachments-manager-left-container { background-color: var(--COLOR_LEGACY_03); transition: left 0.05s; } #attachments-manager-left-container .conversations-title h1 { font-size: 22px; color: var(--COLOR_LEGACY_02); font-family: "Specific-font", Arial, Helvetica, sans-serif; } #attachments-manager-left-container .top-bar .arrow { background: var(--COLOR_LEGACY_01) var(--asset-arrows-empty_png) no-repeat 6px -174px; cursor: pointer; } #attachments-manager-left-container .top-bar .content { background-color: var(--COLOR_LEGACY_05); font-size: 15px; font-weight: bold; line-height: 42px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #attachments-manager-left-container .select-all, #attachments-manager-right-container .select-all { background: var(--asset-multiselection_png) no-repeat left center; font-size: 14px; line-height: 18px; color: var(--COLOR_LEGACY_01); font-weight: bold; cursor: pointer; } #attachments-manager-left-container .select-all.disabled-control { opacity: 0.3; cursor: default; pointer-events: none; } #attachments-manager-left-container .conversation-picture img { border-radius: 50%; } #attachments-manager-left-container .conversation-title { font-size: 14px; } /** RIGHT CONTAINER **/ #attachments-manager-right-container .header { border-bottom: 1px solid var(--COLOR_LEGACY_05); } #attachments-manager-right-container #attachment-manager-tooltip { background-position: 0 3px; } #attachments-manager-right-container .no-conversations, #attachments-manager-right-container .no-conversations p { text-align: center; } #attachments-manager-right-container .controls-top-container span.stw-search-general { color: var(--COLOR_LEGACY_01); text-align: center; } #attachments-manager-right-container .controls-top-container span.stw-search-clear { text-align: center; font-size: 10px; } #attachments-manager-right-container .controls-top-container .sort-label { line-height: 34px; } #attachments-manager-right-container .attachment-item { border-radius: 5px; box-shadow: 0 1px 1px 0 var(--COLOR_LEGACY_RGBA_04); cursor: pointer; } #attachments-manager-right-container .attachment-item.selected { box-shadow: 0 0 0 2px var(--COLOR_LEGACY_01); } #attachments-manager-right-container .attachment-item-actions { background-color: var(--COLOR_LEGACY_RGBA_16); border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0 1px 1px 0 var(--COLOR_LEGACY_RGBA_02); } #attachments-manager-right-container .attachment-item-actions .delete { background: var(--asset-attachment-delete-icon_png) no-repeat center center; background-size: auto 23px; } #attachments-manager-right-container .attachment-item-actions .download { background: var(--asset-attachment-download-icon_png) no-repeat center center; background-size: auto 23px; } #attachments-manager-right-container .attachment-item-top { background-color: var(--COLOR_LEGACY_03); border-top-left-radius: 5px; border-top-right-radius: 5px; } #attachments-manager-right-container .attachment-item-thumbnail { background-color: var(--COLOR_LEGACY_01); border-radius: 5px; text-align: center; background-size: cover; background-position: center center; } #attachments-manager-right-container .attachment-item-thumbnail.with-default-icon { background-size: 70% 100%; background-position: 12px 0px; } #attachments-manager-right-container .attachment-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #attachments-manager-right-container .attachment-data-bottom > div { background-color: var(--COLOR_LEGACY_02); color: var(--COLOR_LEGACY_03); border-radius: 2px; font-size: 9px; } #attachments-manager-right-container .heavy { font-weight: bold; } #attachments-manager-right-container .action-bar { background-color: var(--COLOR_LEGACY_05); } #attachments-manager-right-container .attachment-size { font-weight: bold; } #attachments-manager-right-container .load-more { font-size: 12px; line-height: 64px; text-align: center; font-weight: bold; color: var(--COLOR_LEGACY_01); cursor: pointer; background-color: rgba(COLOR_RGBA_01); transition: background-color 0.2s ease 0s; } #attachments-manager-right-container .load-more:hover { background-color: rgba(COLOR_RGBA_02); } #attachments-manager-left-container .conversation-message span.emoji { font-size: 10px; } #attachments-manager-right-container .preloader-loading-mask, #attachments-manager-left-container .preloader-loading-mask { background-color: rgba(255,255,255,0.7); } #attachments-manager-left-container .load-more-container { border-top: solid 1px var(--COLOR_LEGACY_05); } /* --- google-location.css--- */ .pac-item span { width: 270px; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 16px; } .pac-item { border-top: none !important; line-height: 20px; font-family: "General-font", Arial, Verdana, sans-serif; font-size: 12px; color: var(--COLOR_LEGACY_04); padding:15px 0; height: 60px; } .pac-item:hover { background: var(--asset-selected-band_png) no-repeat center left var(--COLOR_LEGACY_05) !important; } .pac-item-query { font-size: 14px; font-family: "Specific-font", Arial, Verdana, sans-serif; display:block; line-height: 12px; white-space: nowrap; width: 270px; overflow: hidden; text-overflow: ellipsis; } .pac-icon { width: 20px !important; height: 30px; margin:0 15px; float: left; display: inline-block; vertical-align: top; background: var(--asset-location-found_png) no-repeat center left !important; } .pac-icon-marker { background-position: -1px -161px; } .pac-matched { width: auto !important; display: inline !important; } .search-completed { background-color: var(--COLOR_LEGACY_03); } .search-completed .send-location-button{ background-color: "var(--COLOR_LEGACY_06)"; } #share-location { font-weight: bold; } /* --- call-popup.css--- */ .call-popup { -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; background-color: var(--COLOR_LEGACY_03); } .call-popup .name-bar { font-size: 14px; font-family: "General-font-bold", Arial, Helvetica, sans-serif !important; } .call-popup .call-type { background-color: var(--COLOR_LEGACY_01); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .call-popup .call-type span { font-size: 16px; color: var(--COLOR_LEGACY_03); } .call-popup .details-container { font-size: 16px; font-family: "General-font", Arial, Helvetica, sans-serif !important; color: var(--COLOR_LEGACY_04); } .call-popup .user-picture { -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; } .call-popup .buttons-container button { color: var(--COLOR_LEGACY_03); border-radius: 25px; font-size: 16px; } .call-popup .hang-up { background: var(--COLOR_LEGACY_09); } .call-popup .answer { background: var(--COLOR_LEGACY_12); } .call-popup button.disabled { opacity: 0.3; } .call-popup .animation { border: 5px solid var(--COLOR_LEGACY_05); border-radius: 50%; -webkit-border-radius: 50%; -webkit-animation-name: pulsate; -webkit-animation-duration:2s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-border-radius: 50%; -moz-animation-name: pulsate; -moz-animation-duration:2s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; animation-duration: 2s; animation-iteration-count: infinite; } @-webkit-keyframes pulsate { 0% {-webkit-transform: scale(1, 1); opacity: 0.0;} 15% {-webkit-transform: scale(1.1, 1.1); opacity: 1.0;} 20% {opacity: 1.0;} 40% {-webkit-transform: scale(1, 1); opacity: 0.0;} 55% {-webkit-transform: scale(1.1, 1.1); opacity: 1.0;} 70% {-webkit-transform: scale(1, 1); opacity: 0.0;} 80% {opacity: 0.0;} 100% {-webkit-transform: scale(1.1, 1.1); opacity: 0.0;} } @-moz-keyframes pulsate { 0% {-moz-transform: scale(1, 1); opacity: 0.0;} 15% {-moz-transform: scale(1.1, 1.1); opacity: 1.0;} 20% {opacity: 1.0;} 40% {-moz-transform: scale(1, 1); opacity: 0.0;} 55% {-moz-transform: scale(1.1, 1.1); opacity: 1.0;} 70% {-moz-transform: scale(1, 1); opacity: 0.0;} 80% {opacity: 0.0;} 100% {-moz-transform: scale(1.1, 1.1); opacity: 0.0;} } /* --- call-notifications.css--- */ .js-call-notification-dialog { background: var(--COLOR_LEGACY_03); } .js-call-notification-dialog.emergency-call { background: var(--COLOR_LEGACY_28); background: -moz-linear-gradient(top, var(--COLOR_LEGACY_28) 0%, var(--COLOR_LEGACY_29) 50%, var(--COLOR_LEGACY_29) 100%); background: -webkit-linear-gradient(top, var(--COLOR_LEGACY_28) 0%,var(--COLOR_LEGACY_29) 50%,var(--COLOR_LEGACY_29) 100%); background: linear-gradient(to bottom, var(--COLOR_LEGACY_28) 0%,var(--COLOR_LEGACY_29) 50%,var(--COLOR_LEGACY_29) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--COLOR_LEGACY_28)', endColorstr='var(--COLOR_LEGACY_29)',GradientType=0 ); } .js-call-notification-dialog.ambient-listening { background: var(--COLOR_LEGACY_49); background: -moz-linear-gradient(top, var(--COLOR_LEGACY_49) 0%, var(--COLOR_LEGACY_50) 50%, var(--COLOR_LEGACY_50) 100%); background: -webkit-linear-gradient(top, var(--COLOR_LEGACY_49) 0%,var(--COLOR_LEGACY_50) 50%,var(--COLOR_LEGACY_50) 100%); background: linear-gradient(to bottom, var(--COLOR_LEGACY_49) 0%,var(--COLOR_LEGACY_50) 50%,var(--COLOR_LEGACY_50) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--COLOR_LEGACY_28)', endColorstr='var(--COLOR_LEGACY_29)',GradientType=0 ); } .js-call-notification-dialog .modal-content { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } .js-call-notification-dialog #acknowledge { font-size: 14px; font-family: "General-font-bold", Arial, Helvetica, sans-serif !important; } .js-call-notification-dialog .call-type-voip, .js-call-notification-dialog .call-type-walkie-talkie { background: var(--asset-call-types_png) var(--COLOR_LEGACY_01) no-repeat; } .js-call-notification-dialog .call-type-voip { background-position: 1px -0px; } .js-call-notification-dialog .call-type-walkie-talkie { background-position: 1px -30px; } .js-call-notification-dialog .notification-title { font-size: 16px; font-family: "General-font", Arial, Helvetica, sans-serif; color: var(--COLOR_LEGACY_04); } .js-call-notification-dialog.emergency-call .notification-title, .js-call-notification-dialog.ambient-listening .notification-title { color: var(--COLOR_LEGACY_03); font-family: "General-font-bold", Arial, Helvetica, sans-serif; } .js-call-notification-dialog .notification-body { font-size: 14px; font-family: "General-font-bold", Arial, Helvetica, sans-serif; line-height: 30px; color: var(--COLOR_LEGACY_04); } .js-call-notification-dialog.ambient-listening .notification-body, .js-call-notification-dialog.emergency-call .notification-body { color: var(--COLOR_LEGACY_03); } .js-call-notification-dialog.calls-not-supported .notification-body { line-height: 16px; font-family: "General-font", Arial, Helvetica, sans-serif !important; } .js-call-notification-dialog .notification-body label { font-family: "General-font-bold", Arial, Helvetica, sans-serif !important; color: var(--COLOR_LEGACY_04) !important; } .js-call-notification-dialog .subscriber-picture { -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; } .js-call-notification-dialog.emergency-call .subscriber-picture img { border: 5px solid var(--COLOR_LEGACY_03); background: var(--COLOR_LEGACY_03); } .js-call-notification-dialog.emergency-call .subscriber-picture.group-image.big { border: 5px solid var(--COLOR_LEGACY_03); } .js-call-notification-dialog .call-type { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .js-call-notification-dialog #reject-call { background: var(--COLOR_LEGACY_09); border-radius: 25px; } .js-call-notification-dialog #reject-call .icon { background: var(--asset-call-buttons_png) no-repeat bottom center; } .js-call-notification-dialog #answer-ambient-listening-call, .js-call-notification-dialog #answer-call { background: var(--COLOR_LEGACY_12); border-radius: 25px; color: var(--COLOR_LEGACY_03); font-size: 26px; } .js-call-notification-dialog #answer-call { display: inline-flex; justify-content: center; } .js-call-notification-dialog #answer-call .icon { background: var(--asset-call-buttons_png) no-repeat top center; } .js-call-notification-dialog #answer-call .icon.stw-call-video { background: none; color: var(--COLOR_LEGACY_03); font-size: 27px; line-height: 30px; } .js-call-notification-dialog #cancel-call { background: var(--COLOR_LEGACY_09); border-radius: 25px; } .js-call-notification-dialog #cancel-call .icon { background: var(--asset-call-buttons_png) no-repeat bottom center; } .js-call-notification-dialog button.disabled { opacity: 0.3; } .js-call-notification-dialog .call-animation { border: 5px solid var(--COLOR_LEGACY_05); border-radius: 50%; -webkit-border-radius: 50%; -webkit-animation-name: pulsate; -webkit-animation-duration:2s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-border-radius: 50%; -moz-animation-name: pulsate; -moz-animation-duration:2s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; animation-duration: 2s; animation-iteration-count: infinite; } .js-call-notification-dialog .call-icon { line-height: 31px; background: var(--COLOR_LEGACY_01); font-size: 20px; color: var(--COLOR_LEGACY_03); border-radius: 50%; } .js-call-notification-dialog .call-icon.stw-call-video { font-size: 16px; } .js-call-notification-dialog .call-icon.missed-call { background: var(--COLOR_LEGACY_09); } .js-call-notification-dialog .contacts-count { font-size: 36px; color: var(--COLOR_LEGACY_03); font-family: "General-font-bold", Arial, Helvetica, sans-serif !important; } .js-call-notification-dialog .call-participants .sections-arrow { font-size: 20px; color: var(--COLOR_LEGACY_01); } .js-call-notification-dialog.emergency-call .call-participants .sections-arrow { color: var(--COLOR_LEGACY_03); } .js-call-notification-dialog.emergency-call .notification-text { font-size: 24px; font-family: "General-font-bold", Arial, Helvetica, sans-serif; } .js-call-notification-dialog .sections-arrow .disabled .right-blur, .js-call-notification-dialog .sections-arrowt .disabled .left-blur { opacity: 0; } .js-call-notification-dialog .right-blur { -webkit-box-shadow: -10px 0px 5px 0px var(--COLOR_LEGACY_03); -moz-box-shadow: -10px 0px 5px 0px var(--COLOR_LEGACY_03); box-shadow: -10px 0px 5px 0px var(--COLOR_LEGACY_03); } .js-call-notification-dialog .left-blur { -webkit-box-shadow: 10px 0px 5px 0px var(--COLOR_LEGACY_03); -moz-box-shadow: 10px 0px 5px 0px var(--COLOR_LEGACY_03); box-shadow: 10px 0px 5px 0px var(--COLOR_LEGACY_03); } .js-call-notification-dialog.emergency-call .call-participants .sections-arrow .left-blur { -webkit-box-shadow: 10px 0px 20px 0px rgba(COLOR_RGBA_02); -moz-box-shadow: 10px 0px 20px 0px rgba(COLOR_RGBA_02); box-shadow: 10px 0px 20px 0px rgba(COLOR_RGBA_02); } .js-call-notification-dialog.emergency-call .call-participants .sections-arrow .right-blur { -webkit-box-shadow: -10px 0px 20px 0px rgba(COLOR_RGBA_02); -moz-box-shadow: -10px 0px 20px 0px rgba(COLOR_RGBA_02); box-shadow: -10px 0px 20px 0px rgba(COLOR_RGBA_02); } @-webkit-keyframes pulsate { 0% {-webkit-transform: scale(1, 1); opacity: 0.0;} 15% {-webkit-transform: scale(1.1, 1.1); opacity: 1.0;} 20% {opacity: 1.0;} 40% {-webkit-transform: scale(1, 1); opacity: 0.0;} 55% {-webkit-transform: scale(1.1, 1.1); opacity: 1.0;} 70% {-webkit-transform: scale(1, 1); opacity: 0.0;} 80% {opacity: 0.0;} 100% {-webkit-transform: scale(1.1, 1.1); opacity: 0.0;} } @-moz-keyframes pulsate { 0% {-moz-transform: scale(1, 1); opacity: 0.0;} 15% {-moz-transform: scale(1.1, 1.1); opacity: 1.0;} 20% {opacity: 1.0;} 40% {-moz-transform: scale(1, 1); opacity: 0.0;} 55% {-moz-transform: scale(1.1, 1.1); opacity: 1.0;} 70% {-moz-transform: scale(1, 1); opacity: 0.0;} 80% {opacity: 0.0;} 100% {-moz-transform: scale(1.1, 1.1); opacity: 0.0;} } @-webkit-keyframes call-popup-dots { from { width: 100%; } to { width: 0px; } } @-moz-keyframes call-popup-dots { from { width: 100%; } to { width: 0px; } } /* --- password-security-options.css--- */ .js-password-security-options__container { position: absolute; padding: 1em; border: 1px solid var(--COLOR_LEGACY_05); border-radius: 2px; display: none; background: var(--COLOR_LEGACY_03); z-index: 9999; } .js-password-security-options__header { font-family: General-font-bold, Arial, Verdana, sans-serif; } .js-password-security-options__list { list-style: none; margin: 0px; padding: 0px; } .js-password-security-options__list li { display: none; } .js-password-security-options__checkbox { position: relative; display: table-cell; } .js-password-security-options__list-item__requirement { position: relative; display: table-cell; vertical-align: middle; } .js-password-security-options__arrow,.js-password-security-options__arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .js-password-security-options__arrow { border-width: 11px; } .js-password-security-options__arrow:after { content: ""; border-width: 10px; } .js-password-security-options__arrow { margin-left: -11px; border-top-width: 0; border-bottom-color: var(--COLOR_LEGACY_05); } .js-password-security-options__arrow:after { content: " "; border-top-width: 1px; border-bottom-color: var(--COLOR_LEGACY_03); } .js-password-security-options__container span[data-role="check-icon"]{ margin-right: 5px; margin-bottom: 5px; } /* --- messages-search-jump-bar.css--- */ .messages-search-jump-bar { border-left: solid 1px var(--COLOR_LEGACY_02); border-right: solid 1px var(--COLOR_LEGACY_02); } .messages-search-jump-bar .filled-marker { background-color: var(--COLOR_LEGACY_01); cursor: pointer; } .messages-search-jump-bar .empty-marker, .messages-search-jump-bar .filled-marker { border-bottom: solid 1px var(--COLOR_LEGACY_03); } /* --- message-options.css--- */ .message-container .show-message-options { background: var(--asset-message-options-sprite_png) no-repeat center top; } .message-options-container .option-row { color: var(--COLOR_LEGACY_07); font-size: 12px; background: var(--COLOR_LEGACY_03) var(--asset-message-options-sprite_png) no-repeat 0px center; border-bottom: 1px solid var(--COLOR_LEGACY_06); } .message-options-container .option-row:last-child { border-bottom: none; } .message-options-container .delete-message { background-position: -6px -60px; } .message-options-container .delete-message-all { background-position: -6px -60px; } .message-options-container .view-details{ background-position: -6px -30px; } .message-options-container .copy-message { background-position: -6px -85px; } .message-options-container .forward-email { background-position: -6px -115px; } .message-options-container .forward-team { background-position: -6px -140px; } .message-options-container .user-icon { background-position: -6px -163px; } .chat-window-forward-messages { background: var(--COLOR_LEGACY_05); } .chat-window-forward-messages span { font-family: "Specific-font", Arial, Verdana, sans-serif; font-size: 17px; color: var(--COLOR_LEGACY_04); } /* --- export-messages.css--- */ .export-messages-container .option-row { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_07); font-size: 12px; border-bottom: 1px solid var(--COLOR_LEGACY_06); } .export-messages-container .option-row:last-child { border-bottom: none; } .export-messages-container .export-messages{ background: var(--asset-export_mess_png) no-repeat 0px center; } .export-messages-container .export-messages-attachments { background: var(--asset-export_attt_png) no-repeat 0px center; } .export-messages-container .export-nfc-messages { background: var(--asset-export_nfc_png) no-repeat 0px center; } .download-all-nfc { background: var(--asset-download_nfc_png) no-repeat 0px center; color: var(--COLOR_LEGACY_01); } .download-all-nfc.with-popover { background: var(--asset-options-menu_png) no-repeat var(--COLOR_LEGACY_03); background-size: 100%; } /* --- contact-options.css--- */ .contact-options-container .option-row { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_07); font-size: 12px; border-top: 1px solid var(--COLOR_LEGACY_06); cursor: pointer !important; } .contact-options-container .option-row span { vertical-align: middle; cursor: pointer !important; } .contact-options-container .option-row span.stw-icon { color: var(--COLOR_LEGACY_01); font-size: 16px; text-align: center; } .contact-options-container .option-row:first-child, .contact-options-container .option-row.first-item { border-top: none !important; } .contact-options-container .popup-export-history { background: var(--asset-export-csv-small_png) no-repeat 0px 7px; } .contact-options-container .popup-video-streaming.streaming-on .stw-icon:after { background-color: var(--COLOR_LEGACY_09); border: 2px solid var(--COLOR_LEGACY_03); border-radius: 50%; } .contact-options .option-arrow { color: var(--COLOR_LEGACY_01); } .contact-options-container .meeting-rooms-shortcuts-container.visible::before { content: ""; position: absolute; top: 0; left: -10px; width: calc(100% + 20px); height: 2px; background-color: var(--COLOR_LEGACY_01); } /* --- web-rtc.css--- */ .contact-options-container .popup-walkie-talkie.inactive { background: var(--asset-wt-call-off_png) no-repeat 4px 6px; background-size: 11px 17px; cursor: default; } .call-banner-container { background: var(--asset-calling-background_png) no-repeat; } .call-banner-container.emergency-call { background: var(--COLOR_LEGACY_29); } .call-banner-container.ambient-listening { background: var(--COLOR_LEGACY_50); background: -webkit-linear-gradient(var(--COLOR_LEGACY_49), var(--COLOR_LEGACY_50)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(var(--COLOR_LEGACY_49), var(--COLOR_LEGACY_50)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(var(--COLOR_LEGACY_49), var(--COLOR_LEGACY_50)); /* For Firefox 3.6 to 15 */ background: linear-gradient(var(--COLOR_LEGACY_49), var(--COLOR_LEGACY_50)); /* Standard syntax */ } .multiple-banners .call-banner-container.speaking { background: var(--COLOR_LEGACY_19); background: -webkit-linear-gradient(var(--COLOR_LEGACY_20), var(--COLOR_LEGACY_01)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(var(--COLOR_LEGACY_20), var(--COLOR_LEGACY_01)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(var(--COLOR_LEGACY_20), var(--COLOR_LEGACY_01)); /* For Firefox 3.6 to 15 */ background: linear-gradient(var(--COLOR_LEGACY_20), var(--COLOR_LEGACY_01)); /* Standard syntax */ } .call-banner-container .expand-button { background: var(--COLOR_LEGACY_19); cursor: pointer; } .call-banner-container .expand-button .sw-expand { background: var(--asset-call-banner-arrows_png) no-repeat 0 -20px; } .call-banner-container .expand-button .sw-collapse { background: var(--asset-call-banner-arrows_png) no-repeat 0 0; } .call-banner-container .expand-button .banner-count { color: var(--COLOR_LEGACY_03); } .call-banner-container .user-image img, .call-banner-container .notification-image img { border: none; width: 100%; border-radius: 50%; } .call-banner-container .disconnect-wheel { opacity: 0.8; } .call-banner-container .name { font-size: 18px; font-family: 'Specific-font', Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_03); } .call-banner-container .name .priority { font-size: 12px; } .call-banner-container .call-status-bar { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .call-banner-container .call-status-bar .status-error { color: var(--COLOR_LEGACY_09); background: var(--COLOR_LEGACY_03); } .call-banner-container .call-status-bar > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .call-banner-container .notification-text { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .signal-status .bar1, .signal-status .bar2, .signal-status .bar3, .signal-status .bar4, .signal-status .bar5 { background-color: var(--COLOR_LEGACY_03); } .banner-buttons .mute { background: var(--asset-mute-on-blue-bg_png) no-repeat; } .banner-buttons .unmute { background: var(--asset-mute-off-blue-bg_png) no-repeat; } .banner-buttons .instant-replay { background: var(--asset-live-replay_png) no-repeat; } .banner-buttons .instant-replay.open { background: var(--asset-live-replay-active_png) no-repeat; } .banner-buttons .walkie-talkie-menu { background: var(--asset-more-button_png) no-repeat; } .banner-buttons .call-banner-channel-details { background: var(--asset-call-banner-channel-details-button_png) no-repeat 0 -28px; } .banner-buttons .conversation-menu { background: var(--asset-conversation-icon_png) no-repeat; } .call-banners .banner-buttons .transfer-call { color: var(--COLOR_LEGACY_12); background-color: var(--COLOR_LEGACY_03); border-radius: 20px; text-align: center; font-size: 21px; } .call-banners .banner-buttons .merge-calls { color: var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_01); border-radius: 20px; text-align: center; font-size: 21px; } .contacts-controls .transfer-call-icon { background: var(--asset-transfer-call_svg) no-repeat; } .banner-buttons .hang-up { background: var(--asset-end-call-button_png) no-repeat; } .banner-buttons .hang-up.channel { background: var(--asset-switch-icons_svg) no-repeat; background-position: 0 -38px; } .banner-buttons .video-button { background: var(--asset-video-button_png) no-repeat; } .banner-buttons .video-button.active { background-position: 0 -28px; } .banner-buttons .call-on-hold-controls > div { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); cursor: pointer; } .banner-buttons .call-on-hold-controls .put-on-hold { font-size: 14px; } .banner-buttons .screenshare-button { font-size: 17px; background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); cursor: pointer; } .banner-buttons .call-on-hold-controls .swap-on-hold { background-color: var(--COLOR_LEGACY_36); font-size: 19px; animation: animatedSwapButton 1s alternate infinite; } .call-banner-container .call-on-hold-flag .flag { background-color: var(--COLOR_LEGACY_38); color: var(--COLOR_LEGACY_03); } .call-banner-container.on-hold .mute-controls, .call-banner-container.on-hold .talk, .call-banner-container.on-hold .video-button, .banner-buttons .disabled-control { filter: grayscale() !important; opacity: 0.6!important; cursor: default; } @keyframes animatedSwapButton { from { background-color: var(--COLOR_LEGACY_36); } to { background-color: var(--COLOR_LEGACY_37); } } .banner-controls .geolocation-button .stw-icon { color: var(--COLOR_LEGACY_03); font-size: 24px; cursor: pointer; } .channel-talk { border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; background: var(--asset-wt-talking-small_png) no-repeat 10px center var(--COLOR_LEGACY_01); font-size: 14px; color: var(--COLOR_LEGACY_03); } .talk { border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; background-color: var(--COLOR_LEGACY_01); font-size: 14px; color: var(--COLOR_LEGACY_03); } .talk.talking, .walkie-talkie-floor-requested { border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; background: var(--COLOR_LEGACY_03); font-size: 14px; color: var(--COLOR_LEGACY_01) !important; } .channel-talk.talking { border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; background: var(--asset-wt-small_png) no-repeat 10px center var(--COLOR_LEGACY_03); font-size: 14px; color: var(--COLOR_LEGACY_01); } .talk.other-talking { border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; background: transparent var(--asset-other-talk_gif) no-repeat center center; cursor: default; } .talk.broadcast-waiting { cursor: default; background-color: rgba(COLOR_RGBA_14) !important; color: var(--COLOR_LEGACY_03) !important; } .multiple-banners .call-banner-container.speaking .talk.other-talking { background: transparent var(--asset-other-talk-blue_gif) no-repeat center center; } .channel-talk, .channel-talk.talking, .channel-talk.walkie-talkie-floor-requested { background: var(--asset-call-banner-channel-talk-button_png) no-repeat center var(--COLOR_LEGACY_01); background-position: 55px -16px; } .channel-talk.talking, .channel-talk.walkie-talkie-floor-requested { background-color: var(--COLOR_LEGACY_03); background-position: 55px 6px !important; } .channel-talk .icon { display: none; } .wt-speaking-duration-counter { border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; background: var(--COLOR_LEGACY_03); font-size: 14px; color: var(--COLOR_LEGACY_01); padding-top: 4px; } .signal-status { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: rgba(COLOR_RGBA_04); } .banner-call-type { text-transform: uppercase; color: var(--COLOR_LEGACY_03); font-family: "Specific-font-bold", Arial, Verdana, sans-serif; font-size: 10px; } .banner-more-options-container .option-row { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_07); font-size: 12px; border-bottom: 1px solid var(--COLOR_LEGACY_06); } .banner-more-options-container .option-row:last-child { border-bottom: none; } .banner-more-options-container .go-to-conversation { background: var(--asset-messages-icon_png) center left no-repeat; } .banner-more-options-container .add-contact{ background: var(--asset-add-icon_png) center left no-repeat; } .banner-more-options-container .user-details { background: var(--asset-user-details-icon_png) center left no-repeat; } .banner-more-options-container span.option-icon { color: var(--COLOR_LEGACY_01); font-size: 15px; } .user-image.is-talking img{ border: 2px solid var(--COLOR_LEGACY_03); } .call-details .modal-content { background-color: var(--COLOR_LEGACY_06); } .call-details .modal-content .call-message-body { background-color: transparent; border-bottom: 1px solid var(--COLOR_LEGACY_05); border-radius: 0; } .call-details .modal-content .message:first-child { border-top: 1px solid var(--COLOR_LEGACY_05); } .call-details .modal-content .call-message-body :not(span) { font-family: General-font, Arial, Verdana, sans-serif !important; } .call-banner-container .disconnect-message { font-size: 14px; font-family: 'Specific-font', Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_03); } .call-details-participants .status { font-size: 14px; font-family: 'Specific-font', Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_04); text-transform: uppercase; } .call-details-participants .participant.unavailable { background: var(--COLOR_LEGACY_05); opacity: 0.8; } .call-details-participants .user-info .name { line-height: 18px; } .webrtc-participants-editor .header-bar { border-bottom: solid 1px var(--COLOR_LEGACY_05); } .webrtc-participants-editor .action-title { font-size: 28px; font-family: "General-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_04); } .webrtc-participants-editor .controls-bar { background: var(--COLOR_LEGACY_05); } .webrtc-participants-editor .selection-status { font-size: 15px; font-family: "General-font", Arial, Verdana, sans-serif; white-space: normal; } .webrtc-participants-editor .selection-status span { font-family: "General-font-bold", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_04); } .wt-supervisor-level-icon { background: var(--asset-wt-supervisor-icon_png) no-repeat -10px -49px; color: var(--COLOR_LEGACY_03); font-size: 8px; font-family: "General-font-bold", Arial, Verdana, sans-serif; line-height: 18px; text-align: center; } .wt-supervisor-level-icon.level { background-position: -10px -10px; } .wt-supervisor-level-icon.radio-channel { background-position: -10px -88px; } #call-banner-manager .small-call-banner-container { transition: top 0.2s ease-out; cursor: pointer; overflow: hidden; border-radius: 0 0 25px 25px; background: var(--COLOR_LEGACY_03); } #call-banner-manager .small-call-banner-container.active { box-shadow: 0px 0px 10px 5px rgba(COLOR_RGBA_04); } #call-banner-manager .small-call-banner-container .user-image img { border: none; } #call-banner-manager .small-call-banner-container .big-speaker-icon { color: var(--COLOR_LEGACY_01); font-size: 40px; line-height: 40px; } #call-banner-manager .small-call-banner-container .details { color: var(--COLOR_LEGACY_01); font-size: 12px; } #call-banner-manager .small-call-banner-container .details .name { font-size: 18px; } #call-banner-manager .small-call-banner-container .top-line > * { vertical-align: middle; line-height: 24px; } #call-banner-manager .small-call-banner-container .bottom-line > * { vertical-align: middle; } #call-banner-manager .speaker-icon { color: var(--COLOR_LEGACY_03); font-size: 22px; line-height: 18px; } #call-banner-manager .banners-menu { background: var(--COLOR_LEGACY_19); color: var(--COLOR_LEGACY_03); cursor: pointer; border: 1px solid var(--COLOR_LEGACY_05); } #call-banner-manager .banners-menu > .channel-item { line-height: 25px; padding: 0 10px; } #call-banner-manager .banners-menu > .channel-item.highlighted, #call-banner-manager .banners-menu > .channel-item:hover { background: var(--COLOR_LEGACY_20); } #call-banner-manager .banners-menu > .channel-item > .channel-info { padding: 0 5px; border-bottom: 1px solid var(--COLOR_LEGACY_03); } #call-banner-manager .banners-menu > .channel-item:last-child > .channel-info { border-bottom: none; } #call-banner-manager .banners-menu > .channel-item > .channel-info > .channel-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #call-banner-manager .banners-menu > .channel-item > .channel-info > .speaker-icon { color: var(--COLOR_LEGACY_03); } #call-banner-manager .banners-menu .ps-scrollbar-y-rail { border: none; background: transparent; } #call-banner-manager .banners-menu .ps-scrollbar-y { background-color: rgba(COLOR_RGBA_15) !important; } #call-banner-manager > .collapse-controls { cursor: pointer; background-color: var(--COLOR_LEGACY_19); border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; opacity: 0.4; } #call-banner-manager > .collapse-controls:hover { opacity: 1; } #call-banner-manager > .collapse-controls span { color: var(--COLOR_LEGACY_03); font-size: 20px; } /* CHANNEL VOLUME CONTROL */ /* SLIDER-BAR */ .banner-volume-control{ color: var(--COLOR_LEGACY_03); font-size: 14px; font-family: 'Specific-font', Arial, Verdana, sans-serif; } .banner-volume-control .volume-button .volume-mute{ background: var(--COLOR_LEGACY_04); border: 1px solid var(--COLOR_LEGACY_03); } .banner-volume-control .slider-bar .bar .bg{ background: var(--COLOR_LEGACY_01); } /* VIDEO STREAM BANNERS */ .video-stream-banner { color: var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_04); font-family: General-font-bold, sans-serif; } .video-stream-banner .live-marker { font-size: 16px; color: var(--COLOR_LEGACY_09); opacity: 0.2; } .video-stream-banner.live .live-marker { opacity: 1; } .video-stream-banner .control { cursor: pointer; } .video-stream-banner .control.share-button, .video-stream-banner .control.stop-share-button, .video-stream-banner .control.stop-button { border: solid 1px var(--COLOR_LEGACY_03); border-radius: 5px; cursor: pointer; } .video-stream-banner .control.stop-button { text-transform: uppercase; } .video-stream-banner .controls span[class^='stw-'] { font-size: 22px; line-height: 35px; } .video-stream-banners .selector-counter { background-color: var(--COLOR_LEGACY_07); color: var(--COLOR_LEGACY_03); cursor: pointer; text-align: center; } .video-stream-banner-short { background-color: var(--COLOR_LEGACY_07); color: var(--COLOR_LEGACY_03); cursor: pointer; } .video-stream-banner-short.active { background-color: var(--COLOR_LEGACY_04); } .video-stream-banner-short:first-child { border-top: solid 1px var(--COLOR_LEGACY_03); } .video-stream-banner-short:not(:first-child):before { position: absolute; top:0; left:10px; width: calc(100% - 20px); height: 1px; background-color: var(--COLOR_LEGACY_03); content: ""; } .video-stream-banner-short .controls .separator { background-color: var(--COLOR_LEGACY_03); } .video-stream-banner .live-marker, .video-stream-banner-short .live-marker { color: var(--COLOR_LEGACY_09); opacity: 0.2; } .video-stream-banner.live .live-marker, .video-stream-banner-short.live .live-marker{ opacity: 1; } .screen-share-banner { color: var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_04); border-bottom:solid 1px var(--COLOR_LEGACY_06); } .screen-share-banner .live-marker, .screen-share-banner .duration, .screen-share-banner .playing-controls { opacity: 0.4; } .screen-share-banner .control * { color: var(--COLOR_LEGACY_03); } .screen-share-banner.live .live-marker { color: var(--COLOR_LEGACY_09); opacity: 1; } .screen-share-banner .streamer-data { font-family: General-font-bold, sans-serif; } .screen-share-banner.live .duration { opacity: 1; } .screen-share-banner.live .playing-controls, .screen-share-banner.paused .playing-controls { opacity: 1; cursor: pointer; } .screen-share-banner .control.stop-button { border: solid 1px var(--COLOR_LEGACY_03); border-radius: 5px; cursor: pointer; text-transform: uppercase; font-family: General-font-bold, sans-serif; } .screen-share-banner .control.viewers { cursor: pointer; } .call-transfer-contacts-selector .transfer-button { border: solid 2px var(--COLOR_LEGACY_12); color: var(--COLOR_LEGACY_12); display: inline-block; padding: 5px 10px 5px 30px; border-radius: 20px; cursor: pointer; } .call-transfer-contacts-selector .transfer-button .icon { font-size: 18px; } .call-transfer-contacts-selector .add-contacts-button { border: solid 2px var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_01); } /* --- bootstrap-datetimepicker.css--- */ .bootstrap-datetimepicker-widget .datepicker th.picker-switch { color: var(--COLOR_LEGACY_03); font-size: 12px; font-family: "Specific-font-bold", Arial, Helvetica, sans-serif; } .bootstrap-datetimepicker-widget table thead tr:first-child { background-color: var(--COLOR_LEGACY_01) !important; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background-color: var(--COLOR_LEGACY_01) !important; } .bootstrap-datetimepicker-widget.dropdown-menu { border-radius: 0; border: none; border-top: 4px solid var(--COLOR_LEGACY_01); } .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { border: none; border-radius: 0; } .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs .timepicker, .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs .datepicker { border: none; border-radius: 0; } .bootstrap-datetimepicker-widget>.row>.timepicker{ max-width:120px; } .bootstrap-datetimepicker-widget>.row{ justify-content: space-between; } .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs .datepicker { border-right: 1px solid var(--COLOR_LEGACY_05); } .bootstrap-datetimepicker-widget .timepicker-picker a { color: var(--COLOR_LEGACY_01); font-size: 8px; } .bootstrap-datetimepicker-widget table td span:hover { background-color: var(--COLOR_LEGACY_03); } .bootstrap-datetimepicker-widget .timepicker button[data-action="togglePeriod"], .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { border: solid 1px var(--COLOR_LEGACY_05) !important; background-color: var(--COLOR_LEGACY_03) !important; box-shadow: 0px 1px 1px rgba(COLOR_RGBA_02) inset !important; font-size: 10px !important; font-family: "General-font-bold", Arial, Helvetica, sans-serif; border-radius: 0; } .bootstrap-datetimepicker-widget .timepicker button[data-action="togglePeriod"] { text-shadow: none; background-image: none; color: var(--COLOR_LEGACY_04); } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom: 6px solid var(--COLOR_LEGACY_01); } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top: 6px solid var(--COLOR_LEGACY_01); } .bootstrap-datetimepicker-widget .timepicker-label { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); text-align: center; text-transform: uppercase; font-family: "Specific-font-bold", Arial, Helvetica, sans-serif; font-size: 11px; } /* --- video-call-popup.css--- */ .video-call-popup { background-color: var(--COLOR_LEGACY_07); } .video-call-popup .call-container { background-color: var(--COLOR_LEGACY_07); } .video-call-popup .notification-bar .bg { background-color: var(--COLOR_LEGACY_04); } .video-call-popup .notification-bar .message { color: var(--COLOR_LEGACY_03); font-size: 15px; line-height: 30px; font-family: "General-font", Arial, Verdana, sans-serif; text-align: center; } .video-call-popup.no-video .remote-video-container, .video-call-popup.no-video .local-video-container, .video-call-popup.no-video .controls-bar { display: none; } .video-call-popup .controls-bar { background: none !important; } .video-call-popup .controls-bar .control { border-radius: 15px; line-height: 30px; text-align: center; cursor: pointer; } .video-call-popup .controls-bar .control.hang-up { background-color: var(--COLOR_LEGACY_18); color: var(--COLOR_LEGACY_03); font-size: 30px; } .video-call-popup .full-screen-button { background: var(--asset-full-screen-button_png) no-repeat; cursor: pointer; } .video-call-popup .full-screen-button.active { background-position: 0px -28px; } .video-call-popup .share-button { cursor: pointer; } /* --- contacts-selector-layer.css--- */ .contacts-selector-layer .no-records{ background: var(--COLOR_LEGACY_03) !important; } .contacts-selector-layer .previous-recipients > * { vertical-align: top; } .contacts-selector-layer .previous-recipients { background: var(--COLOR_LEGACY_08); line-height: 18px; } .contacts-selector-layer .previous-recipients .recipients-icon { color: var(--COLOR_LEGACY_01); cursor: pointer; font-size: 24px; } .contacts-selector-layer .title-and-filter > .subtitle-block { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .contacts-selector-layer .filter-block { font-size: 30px; color: var(--COLOR_LEGACY_01); cursor: pointer; } .contacts-selector-layer .previous-recipients > * { vertical-align: top; } .contacts-selector-layer .previous-recipients { background: var(--COLOR_LEGACY_08); line-height: 18px; } .contacts-selector-layer .previous-recipients .recipients-icon { color: var(--COLOR_LEGACY_01); cursor: pointer; font-size: 24px; } .contacts-selector-layer .title-and-filter > .subtitle-block { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .contacts-selector-layer .filter-block { font-size: 30px; color: var(--COLOR_LEGACY_01); cursor: pointer; } .contacts-selector-layer .contacts-selector-item:after { background-color: var(--COLOR_LEGACY_05); } .contacts-selector-item { border-top: 1px solid var(--COLOR_LEGACY_05); font-size: 14px; font-family: "Specific-font", Arial, Helvetica, sans-serif; cursor: pointer; } .contacts-selector-item .avatar-block .subscriber-avatar { background-size: 42px 42px; border-radius: 50%; } .contacts-selector-item .avatar-block .subscriber-avatar img { width: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: var(--COLOR_LEGACY_03); border: 1px solid var(--COLOR_LEGACY_06); } .contacts-selector-item .avatar-block .group-avatar { background: var(--asset-group-icon_png) no-repeat center center; color: var(--COLOR_LEGACY_03); font-size: 14px; text-align: center; } .contacts-selector-item.blue .avatar-block .group-avatar { background: var(--asset-group-icon-blue_png) no-repeat center center; } .contacts-selector-item .name-block { line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .contacts-selector-previous-recipients .contacts-selector-item { background: var(--COLOR_LEGACY_06); border-radius: 5px; box-shadow: 0px 1px 1px 0px rgba(COLOR_RGBA_02); vertical-align: middle; } .contacts-selector-item .expand-controls span { color: var(--COLOR_LEGACY_01); } .contacts-selector-slider-container { background: var(--COLOR_LEGACY_03); } /* --- mybusiness-global.css--- */ .myb-select-contact-dropdown .contacts-selector-item { cursor: pointer; border-bottom: solid 1px var(--COLOR_LEGACY_05); } .myb-select-contact-dropdown .contacts-selector-item:last-child { border-bottom: none; } .mybusiness .input-clear-button { cursor: pointer; text-align: center; font-size: 9px; line-height: 30px !important; } .mybusiness .global-options .menu .option-row.process-reports span, .mybusiness .process-reports { color: var(--COLOR_LEGACY_01); cursor: pointer; font-size: 22px; } .mybusiness .global-options .menu .option-row.process-reports span { font-size: 20px; } .mybusiness .global-options .trigger-button { color:var(--COLOR_LEGACY_01); font-size: 17px; cursor: pointer; } .mybusiness .global-options .import-csv span { background: var(--asset-csv-import_png) no-repeat; background-size: 100%; } .mybusiness .global-options .menu { border: solid 1px var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); box-shadow: 1.286px 1.532px 6px 0px rgba(COLOR_RGBA_03); } .mybusiness .global-options .menu .top-arrow { background: var(--asset-dialog-corners-top-bottom_png) no-repeat; background-position: -15px 0px; } .mybusiness .global-options .menu .option-row:not(:last-child) { border-bottom: 1px solid rgba(COLOR_RGBA_02); } .mybusiness .global-options .menu .option-row { color: var(--COLOR_LEGACY_07); font-size: 12px; cursor: pointer; } .my-business-not-activated-dialog .my-business-not-activated .title { border-bottom: solid 1px var(--COLOR_LEGACY_05); } .my-business-not-activated-dialog .contacts-selector-item { border: none; border-bottom: solid 1px var(--COLOR_LEGACY_05); } /* --- mybusiness-processes-tabs.css--- */ .mybusiness .tabs-container .tab { cursor: pointer; border-bottom: 2px solid var(--COLOR_LEGACY_05); } .mybusiness .tabs-container .tab.selected { border-bottom: 2px solid var(--COLOR_LEGACY_01); } .mybusiness .tabs-container .text { color: var(--COLOR_LEGACY_02); font-family: General-font-bold, Arial, Verdana, sans-serif; } .mybusiness .tabs-container .selected .text { color: var(--COLOR_LEGACY_01); } .mybusiness .left-area .unread-circle { text-align: center; font-size:10px; font-weight:bold; background-color: var(--COLOR_LEGACY_18); color: var(--COLOR_LEGACY_03); } .mybusiness .tabs-no-records, .mybusiness .tabs-search-results, .mybusiness .tabs-no-search-results { background-color: var(--COLOR_LEGACY_03); } .mybusiness .tabs-no-records .message .icon { color: var(--COLOR_LEGACY_01); font-size: 18px; cursor: pointer; display: inline; vertical-align: middle; } /* Common declarations related with the tabs from left area IN, OUT, RESOURCES */ .mybusiness .tabs-controls-bar.alternate { display: none; } .mybusiness .processes-tab .controls-bar { background: var(--COLOR_LEGACY_03); } .mybusiness .resources-controls { color: var(--COLOR_LEGACY_01); } .mybusiness .resources-controls .control-button { cursor: pointer; } .mybusiness .resources-controls .control-icon { font-size: 20px; } .mybusiness .tabs-controls-bar .controls > div { cursor: pointer; } .mybusiness .processes-group .header-bar { background: var(--COLOR_LEGACY_05); border-bottom: solid 1px var(--COLOR_LEGACY_03); cursor: pointer; } .mybusiness .processes-group .header-bar > .title, .mybusiness .processes-group .header-bar > .counter { color: var(--COLOR_LEGACY_01); text-transform: uppercase; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; font-size: 11px; } .mybusiness .processes-group .header-bar .expand-collapse span { font-size: 15px; color: var(--COLOR_LEGACY_01); } .mybusiness .processes-group .disablement-mask { background: var(--COLOR_LEGACY_03); } .mybusiness .processes-group .customized-checkbox:before { border-radius:50px; position: absolute; top: 1px; left: 2px; width: 13px; height: 13px; background: var(--COLOR_LEGACY_03); content: ""; z-index: -1; } .mybusiness .checkbox-block .stw-multiselection { font-size:16px; } /* PROCESSES ITEMS DEFINITIONS */ .mybusiness .process-item .checkbox-block .stw-checked, .mybusiness .process-item .checkbox-block .stw-unchecked { font-size: 18px; /* line-height: 60px !important; */ } .mybusiness .process-item .checkbox-block .stw-checked { color: var(--COLOR_LEGACY_01); } .mybusiness .process-item .checkbox-block .stw-unchecked { color: var(--COLOR_LEGACY_02); } .mybusiness .process-item { border-bottom: 1px solid var(--COLOR_LEGACY_05); border-left: 5px solid var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_03); cursor: pointer; } .mybusiness .process-item:last-child { border-bottom: none; } .mybusiness .process-item.selected { border-left: 5px solid var(--COLOR_LEGACY_01); background-color: var(--COLOR_LEGACY_06); } .mybusiness .process-item.unavailable .title-block { opacity: 0.6; } .mybusiness .process-item .title-block { overflow: hidden; white-space: nowrap; } .mybusiness .process-item .title-block .title { font-size: 14px; } .mybusiness .process-item .title-block .status { font-size: 12px; } .mybusiness .process-item.selected .title-block .title, .mybusiness .process-item.unread .title-block .title { font-family: "Specific-font-bold", Arial, Verdana, sans-serif; } .mybusiness .process-item.unread .title-block .status, .mybusiness .process-item.unread .details-block .last-update { color: var(--COLOR_LEGACY_01); } .mybusiness .process-item.unread .details-block .last-update, .mybusiness .process-item.unread .title-block .status { color: var(--COLOR_LEGACY_01); } .mybusiness .process-item .details-block .priority { font-size: 24px; } .mybusiness .process-item .details-block .priority span.priority-high { color: var(--COLOR_LEGACY_09); } .mybusiness .process-item .details-block .priority span.priority-med { color: var(--COLOR_LEGACY_13); } .mybusiness .process-item .details-block .priority span.priority-low { color: var(--COLOR_LEGACY_21); } .mybusiness .processes-tab [data-role="completed"] .process-item .due-date, .mybusiness .processes-tab [data-role="canceled"] .process-item .due-date, .mybusiness .process-item .details-block .due-date { font-size: 11px; border-radius: 4px; line-height: 14px; } .mybusiness .process-item .details-block .due-date .icon { font-size: 10px; line-height: 13px !important; } .mybusiness .processes-tab [data-role="completed"] .process-item .due-date, .mybusiness .processes-tab [data-role="canceled"] .process-item .due-date, .mybusiness .process-item.due-far .details-block .due-date { box-shadow: 0px 0px 0px 2px var(--COLOR_LEGACY_05); } .mybusiness .process-item.due-close .details-block .due-date { color: var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_22); } .mybusiness .process-item.due-overdue .details-block .due-date { color: var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_23); } .mybusiness .process-item .details-block .last-update { font-size: 11px; line-height: 14px; } .mybusiness .processes-tab.multiselect .process-item { border-left: 5px solid var(--COLOR_LEGACY_03) !important; background-color: var(--COLOR_LEGACY_03) !important; } .mybusiness .process-item .icon-block.with-repeat .repeat-icon { font-size: 11px; color: var(--COLOR_LEGACY_02); } .mybusiness .processes-tab [data-role="canceled"] .process-item .priority span, .mybusiness .processes-tab [data-role="completed"] .process-item .priority span, .mybusiness .processes-tab [data-role="completed"] .process-item .due-date, .mybusiness .processes-tab [data-role="canceled"] .process-item .due-date{ color: var(--COLOR_LEGACY_02); background-color: transparent; } .mybusiness .processes-group .processes-list .load-more-button-container .load-more-button{ background: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } /* --- mybusiness-widgets.css--- */ .mybusiness .widget-content { background: none; } .mybusiness .widget-container.selectable:after { cursor: pointer; } .mybusiness .widget-title-container .title { line-height: 23px; } .mybusiness .widget-title-container .required-indicator { line-height: 19px; text-align: center; } .mybusiness .widget-container.compound > .widget-title-container.with-help .help .info { background: transparent; color: var(--COLOR_LEGACY_07); font-style: italic; } .mybusiness .widget-container.compound > .widget-title-container .title { text-transform: uppercase; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; } .mybusiness .widget-content.separator hr { border-top-width: 2px; border-top-color: var(--COLOR_LEGACY_01); } .mybusiness .widget-content.separator hr.solid { border-top-style: solid; } .mybusiness .widget-content.separator hr.dashed { border-top-style: dashed; } .mybusiness .widget-content.separator hr.dotted { border-top-style: dotted; } .mybusiness .widget-content.info .info-content p { font-size: 12px; color: var(--COLOR_LEGACY_07); } .mybusiness .widget-content.currency .currency-dropdown { background-color: var(--COLOR_LEGACY_01); } .mybusiness .widget-content.currency .selected-currency { background-color: transparent; color: var(--COLOR_LEGACY_01); font-family: "Specific-font-bold", Arial, Verdana, sans-serif; text-transform: uppercase; text-align: center; } .mybusiness-dropdown li { border: none; } .mybusiness-dropdown .select2-results__option { color: var(--COLOR_LEGACY_07) !important; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; } .mybusiness-dropdown .select2-results__option.select2-results__option--highlighted .select2-results__option { color: var(--COLOR_LEGACY_03) !important; } .mybusiness-dropdown .select2-results__option.select2-results__option--highlighted .select2-results__option:hover, .mybusiness-dropdown .select2-results__option:hover { background-color: var(--COLOR_LEGACY_01) !important; color: var(--COLOR_LEGACY_03) !important; } .mybusiness-dropdown .select2-results__option.select2-results__option--highlighted .currency-selected { font-size: 8px; } /* File widget */ .mybusiness .widget-content.file > * { vertical-align: middle; } .mybusiness .widget-content.file .file-preview, .mybusiness .widget-content.file .location-image, .mybusiness .file-upload-icon, .mybusiness .add-location-icon { border-radius: 5px; line-height: 60px !important; text-align: center; border: solid 1px var(--COLOR_LEGACY_02); } .mybusiness .file-upload-icon.drop-file { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } .mybusiness .file-upload-icon, .mybusiness .add-location-icon { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_01); cursor: pointer; } .mybusiness .file-upload-icon { font-size: 14px; } .mybusiness .add-location-icon { font-size: 32px; } .mybusiness .file-upload-icon.read-only, .mybusiness .add-location-icon.read-only { cursor: default; background-color: rgba(COLOR_RGBA_15) !important; } .mybusiness .file-upload-icon.read-only:active, .mybusiness .add-location-icon.read-only:active { cursor: not-allowed; } .mybusiness .file-upload-icon.read-only::before, .mybusiness .add-location-icon.read-only::before { content: initial; } .mybusiness .widget-content.info .file-preview, .mybusiness .widget-content.file .file-preview, .mybusiness .widget-content.file .location-image { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); cursor: pointer; } .mybusiness .widget-content.info .file-preview, .mybusiness .widget-content.file .file-preview { font-size: 30px; background-image: none; background-size: cover; background-position: center center; background-repeat: no-repeat; } .mybusiness .widget-content.file .uploaded-file.incomplete .file-preview { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_01); } .mybusiness .widget-content.file .uploaded-location .location-image { background-image: var(--asset-dummy-location_png); background-size: cover; background-position: center top; background-repeat: no-repeat; cursor: pointer; } .mybusiness .widget-content.file .upload-progress-bar { background-color: rgba(COLOR_RGBA_15); } .mybusiness .widget-content.file .upload-progress { background-color: var(--COLOR_LEGACY_01); } .mybusiness .widget-content.file .remove { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_01); font-size: 9px; border-radius: 50%; box-shadow: -2px 2px 2px 0px rgba(COLOR_RGBA_02); cursor: pointer; } .mybusiness .widget-content.file .marker { background-image: var(--asset-location-found-white_png); } .mybusiness .widget-content.file .file-info > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mybusiness .widget-content.file .file-size { font-family: "Specific-font-bold", Arial, Verdana, sans-serif; } .mybusiness .widget-content.file .upload-picture-icon { background: var(--COLOR_LEGACY_05); border-radius: 50%; color: var(--COLOR_LEGACY_02); font-size: 38px; line-height: 80px !important; text-align: center; cursor: pointer; } .mybusiness .widget-content.file .add-icon { background: var(--COLOR_LEGACY_05); border: 3px solid var(--COLOR_LEGACY_05); border-radius: 50%; color: var(--COLOR_LEGACY_01); font-size: 16px; line-height: 16px !important; } .mybusiness .widget-content.file .uploaded-picture { background-color: var(--COLOR_LEGACY_05); background-size: cover; background-position: center center; border-radius: 50%; cursor: pointer; } .mybusiness .widget-content.file .picture.read-only .upload-picture-icon, .mybusiness .widget-content.file .picture.read-only .uploaded-picture { cursor: default; } .myb-file-widget-picture-popover { background: var(--COLOR_LEGACY_03); } .myb-file-widget-picture-popover .option-row { font-size: 12px; line-height: 30px; cursor: pointer; border-top: 1px solid var(--COLOR_LEGACY_06); } .myb-file-widget-picture-popover .option-row:first-child { border-top: none; } .myb-file-widget-picture-popover .option-row .icon { color: var(--COLOR_LEGACY_01); font-size: 16px; text-align: center; vertical-align: middle; } .mybusiness .widget-content.signature.read-only, .mybusiness .widget-content.doodle.read-only { opacity: 0.5; } .mybusiness .widget-content.doodle.read-only { cursor: pointer; } .mybusiness .widget-content.doodle.read-only.no-background, .mybusiness .widget-content.doodle.read-only.template-background { cursor: default; } .mybusiness .widget-content.signature .edit-trigger, .mybusiness .widget-content.doodle .edit-trigger { color: var(--COLOR_LEGACY_01); font-size: 18px; text-align: center; background: var(--COLOR_LEGACY_03); border-radius: 3px; } .mybusiness .widget-content.signature .edit-trigger.active, .mybusiness .widget-content.doodle .edit-trigger.active { background: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); } .mybusiness .widget-content.signature { background-repeat: no-repeat; background-position: center !important; background-size: contain !important; } .mybusiness .widget-content.signature, .mybusiness .widget-content.doodle { background-size: 100%; background-position: 0% 50%; } .mybusiness .widget-content.signature, .mybusiness .widget-content.doodle { background-color: var(--COLOR_LEGACY_03); border: 1px solid var(--COLOR_LEGACY_05); } .mybusiness .widget-content.signature.no-background, .mybusiness .widget-content.doodle.no-background { background-image: none !important; } .mybusiness .widget-content.signature .edit-controls, .mybusiness .widget-content.doodle .edit-controls { background-color: var(--COLOR_LEGACY_03); border: 1px solid var(--COLOR_LEGACY_05); } .mybusiness .widget-content.signature .edit-controls li, .mybusiness .widget-content.doodle .edit-controls li { font-size: 12px; color: var(--COLOR_LEGACY_07); list-style: none; font-family: "General-font", Arial, Verdana, sans-serif; } .mybusiness .widget-content.signature .edit-controls li span, .mybusiness .widget-content.doodle .edit-controls li span { color: var(--COLOR_LEGACY_01); text-align: center; } .mybusiness .widget-content.doodle .controls-bar-bg { background: var(--COLOR_LEGACY_03); opacity: 0.6; } .mybusiness-doodle-preview .controls-bar-bg { background: transparent; opacity: 0.6; } .mybusiness .widget-content.doodle .controls-bar .control, .mybusiness-doodle-preview .controls-bar .control { color: var(--COLOR_LEGACY_01); text-align: center; cursor: pointer; } .mybusiness-doodle-preview .controls-bar .control { color: var(--COLOR_LEGACY_03); font-size: 15px; } .mybusiness .widget-content.location span.map-icon { color: var(--COLOR_LEGACY_01); text-align: center; font-size: 16px; cursor: pointer; } .mybusiness .widget-content.date span.widget-icon { color: var(--COLOR_LEGACY_01); text-align: right; font-size: 16px; } .mybusiness .widget-content.date input { cursor: pointer; } .mybusiness .widget-content.date .widget-icon { cursor: pointer; } .mybusiness .widget-content.startstop .control-container { text-align: center; } .mybusiness .widget-content.startstop .control-container button { font-family: "Specific-font-bold", Arial, Verdana, sans-serif !important; font-size: 14px !important; border-radius: 21px !important; } .mybusiness .widget-content.startstop .control-container button:disabled { opacity: 0.3; } .mybusiness .widget-content.startstop .startstop-info .title { color: var(--COLOR_LEGACY_02); font-family: "Specific-font", Arial, Verdana, sans-serif; } .mybusiness .widget-content.startstop .startstop-info .location .icon { color: var(--COLOR_LEGACY_01); } .mybusiness .widget-content.startstop .startstop-info .location .icon:before { font-size: 15px; } .mybusiness .widget-content.startstop .control-container button span.icon { font-size: 18px; } .mybusiness .widget-content.barcode .widget-icon { text-align: center; color: var(--COLOR_LEGACY_01); font-size: 18px; } .mybusiness .widget-content.qrcode .widget-icon, .mybusiness .widget-content.nfc .widget-icon { text-align: center; color: var(--COLOR_LEGACY_01); font-size: 20px; } .mybusiness .widget-content.qrcode .widget-icon { font-size: 18px; } .drawing-doodle-container .drawing-board-control-colors-rainbows.drawing-board-utils-hidden { display: block !important; background-color: var(--COLOR_LEGACY_03); box-shadow: none; border: none; } .drawing-doodle-container .drawing-board-control-colors-picker.selected:hover, .drawing-doodle-container .drawing-board-control-colors-picker.selected { border: 2px solid var(--COLOR_LEGACY_03); outline: 2px solid var(--COLOR_LEGACY_01); } .drawing-doodle-container .drawing-board-control-colors-picker:hover { border: 1px solid var(--COLOR_LEGACY_01); } .drawing-doodle-container .pencil-slider .slider { background: var(--asset-pen_size_png) no-repeat; border: none; } .drawing-doodle-container .pencil-slider span { text-align: center; color: var(--COLOR_LEGACY_01); font-size: 16px; cursor: pointer; } .drawing-doodle-container .pencil-slider span.selected { text-align: center; background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_05); } .drawing-doodle-container .ui-slider-handle { background-color: var(--COLOR_LEGACY_01) !important; border: 2px solid var(--COLOR_LEGACY_03) !important; outline: var(--COLOR_LEGACY_01) solid 2px !important; outline-offset: 0 !important; box-shadow: 0px 0px 0px 4px var(--COLOR_LEGACY_03); } .drawing-doodle-container .ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min { background: transparent !important; } .drawing-doodle-container .drawing-board-control-inner { background-color: transparent !important; border: none !important; box-shadow: none !important; } .drawing-doodle-container .drawing-board-control-inner span { opacity: 1 !important; } .drawing-doodle-container .drawing-board-control.drawing-board-control-navigation button { background: none; border: none; box-shadow: none; text-align: center; color: var(--COLOR_LEGACY_01); font-size: 16px; } .drawing-doodle-container .drawing-board-control.drawing-board-control-navigation button[disabled] { opacity: 0.8; background-color: transparent; border: none; box-shadow: none; } .drawing-doodle-container .doodle-controls .sw-button { font-size: 12px !important; font-weight: bold; } /* Table widget */ .widget-content.table .scrollable-container > table { background-color: var(--COLOR_LEGACY_05); } .widget-content.table .scrollable-container > table > tbody > tr > td { background-color: var(--COLOR_LEGACY_06); border: 1px solid #E5E5E5; } .widget-content.table .scrollable-container > table > thead > tr > th, .widget-content.table td.first-cell { background-color: rgba(COLOR_RGBA_02) !important; border: 1px solid #E5E5E5; } .widget-content.table tr.selected > td{ background-color: var(--COLOR_LEGACY_01) !important; color: var(--COLOR_LEGACY_03); } .widget-content.table tr.selected .customized-checkbox > span.checked, .widget-content.table tr.selected .customized-checkbox > span.unchecked, .widget-content.table tr.selected .customized-radio > span.checked, .widget-content.table tr.selected .customized-radio > span.unchecked { color: var(--COLOR_LEGACY_03); } .widget-content.table .scrollable-container > table > thead > tr > th { line-height: 20px; color: rgba(COLOR_RGBA_07); text-align: center; font-size: 12px; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; font-weight: normal; } .widget-content.table .scrollable-container .empty-footer-cell { background-color: #F7F6F6; } .widget-content.table .scrollable-container .footer-cell-title { line-height: 20px; color: rgba(COLOR_RGBA_07); background-color: rgba(0, 0, 0, 0.1); text-align: center; font-size: 12px; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; font-weight: normal; } .widget-content.table td.first-cell { font-family: "Specific-font-bold", Arial, Verdana, sans-serif; font-size: 12px; text-align: left; cursor: pointer; } .widget-content.table td > .widget-content input, .widget-content.table td > .widget-content input:disabled { border: 1px solid transparent !important; box-shadow: none !important; background: var(--COLOR_LEGACY_03) !important; } .widget-content.table td > .widget-content input:disabled { background: transparent !important; } .widget-content.table td > .widget-content input:focus { border: 1px solid var(--COLOR_LEGACY_02) !important; } .mybusiness-widget-table-fullscreen .table-buttons .sw-button, .widget-content.table .table-buttons .sw-button { font-family: "Specific-font-bold", Arial, Verdana, sans-serif !important; font-size: 12px !important; } .mybusiness-widget-table-fullscreen .modal-dialog .modal-footer { text-align: left } .widget-content.table .table-pagination { line-height: 20px; } .widget-content.table .table-pagination .arrow-left, .widget-content.table .table-pagination .arrow-right { text-align: center; cursor: pointer; color: var(--COLOR_LEGACY_01); } .widget-content.table .table-pagination .arrow-left.disabled-control, .widget-content.table .table-pagination .arrow-right.disabled-control { color: var(--COLOR_LEGACY_02); cursor: default; } .widget-content.table .table-pagination .bullets > * { border: 1px solid var(--COLOR_LEGACY_05); border-radius: 15px; cursor: pointer; line-height: 18px; } .widget-content.table .table-pagination .bullets > *.selected { background-color: var(--COLOR_LEGACY_05); } .widget-content.table .fullscreen-button { color: var(--COLOR_LEGACY_01); text-transform: uppercase; font-size: 9px; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; cursor: pointer; } .mybusiness-widget-table-fullscreen .modal-header h4 { text-transform: none; font-size: 12px; color: var(--COLOR_LEGACY_07); } .mybusiness-widget-table-fullscreen .widget-content.table .scrollable-container > table > tbody > tr > td { background-color: var(--COLOR_LEGACY_03); } .mybusiness .widget-content.number input::placeholder { color: var(--COLOR_LEGACY_04); } .mybusiness .widget-content.number input:placeholder-shown { color: var(--COLOR_LEGACY_04); } .mybusiness .widget-content.number input::-webkit-input-placeholder { color: var(--COLOR_LEGACY_04); } .mybusiness .widget-content.number input::-moz-placeholder { color: var(--COLOR_LEGACY_04); } .mybusiness .widget-content.number input:-ms-input-placeholder { color: var(--COLOR_LEGACY_04); } /* READ-ONLY */ .mybusiness .widget-content input:disabled, .mybusiness .widget-content textarea:disabled, .mybusiness .widget-content select:disabled, .mybusiness .widget-content input:disabled ~ .currency-holder { background: transparent !important; background-color: rgba(COLOR_RGBA_15) !important; } .mybusiness .widget-content input:disabled, .mybusiness .widget-content input:disabled ~ .currency-holder, .mybusiness .widget-content button:disabled { cursor: default; } .mybusiness .widget-content input:disabled:active, .mybusiness .widget-content textarea:disabled:active, .mybusiness .widget-content select:disabled:active, .mybusiness .widget-content input:disabled ~ span:active, .mybusiness .widget-content button:disabled:active { cursor: not-allowed; } /* ERROR MARKINGS */ .mybusiness .with-error > .widget-content.currency input, .mybusiness .with-error > .widget-content.email input, .mybusiness .with-error > .widget-content.number input, .mybusiness .with-error > .widget-content.phonenumber input, .mybusiness .with-error > .widget-content.location input, .mybusiness .with-error > .widget-content.barcode input, .mybusiness .with-error > .widget-content.qrcode textarea, .mybusiness .with-error > .widget-content.nfc textarea, .mybusiness .with-error > .widget-content.date input, .mybusiness .with-error > .widget-content.text input, .mybusiness .with-error > .widget-content.textarea textarea, .mybusiness .with-error > .widget-content.url input, .mybusiness .with-error > .widget-content.signature, .mybusiness .with-error > .widget-content.doodle, .mybusiness .with-error > .widget-content.file .file-upload-icon, .mybusiness .with-error > .widget-content.file .add-location-icon { border-color: var(--COLOR_LEGACY_18) !important; } .mybusiness .with-error > .widget-content.selector .checked-icon, .mybusiness .with-error > .widget-content.selector .unchecked-icon { color: var(--COLOR_LEGACY_18); } .mybusiness .with-error > .widget-title-container { color: var(--COLOR_LEGACY_18); } .mybusiness th.with-error { color: var(--COLOR_LEGACY_18) !important; } .mybusiness .with-error > .widget-content.startstop button { background-color: var(--COLOR_LEGACY_18) !important; } .mybusiness .widget-content.compare-a.barcode input, .mybusiness .widget-content.compare-a.nfc textarea, .mybusiness .widget-content.compare-a.qrcode textarea, .mybusiness .widget-content.compare-a.currency input, .mybusiness .widget-content.compare-a.date input, .mybusiness .widget-content.compare-a.email input, .mybusiness .widget-content.file .compare-a .location-image, .mybusiness .widget-content.file .compare-a .file-preview, .mybusiness .widget-content.compare-a.location input, .mybusiness .widget-content.compare-a.number input, .mybusiness .widget-content.compare-a.phonenumber input, .mybusiness .widget-content.compare-a.selector select, .mybusiness .widget-content.compare-a.text input, .mybusiness .widget-content.compare-a.textarea textarea, .mybusiness .widget-content.compare-a.url input { border-color: var(--COLOR_LEGACY_12) !important; } .mybusiness .widget-content.compare-a.selector .checked, .mybusiness .widget-content.compare-a.selector .unchecked { color: var(--COLOR_LEGACY_12) !important; } .mybusiness .widget-content.file.compare-a .upload-picture-icon, .mybusiness .widget-content.file.compare-a .uploaded-picture, .mybusiness .widget-content.startstop .compare-a { border: 1px solid var(--COLOR_LEGACY_12); } .mybusiness .widget-content.doodle.compare-a, .mybusiness .widget-content.signature.compare-a { box-shadow: inset 0px 0px 0px 1px var(--COLOR_LEGACY_12); } .mybusiness .widget-content.compare-b.barcode input, .mybusiness .widget-content.compare-b.nfc textarea, .mybusiness .widget-content.compare-b.qrcode textarea, .mybusiness .widget-content.compare-b.currency input, .mybusiness .widget-content.compare-b.date input, .mybusiness .widget-content.compare-b.email input, .mybusiness .widget-content.file .compare-b .location-image, .mybusiness .widget-content.file .compare-b .file-preview, .mybusiness .widget-content.compare-b.location input, .mybusiness .widget-content.compare-b.number input, .mybusiness .widget-content.compare-b.phonenumber input, .mybusiness .widget-content.compare-b.selector select, .mybusiness .widget-content.compare-b.text input, .mybusiness .widget-content.compare-b.textarea textarea, .mybusiness .widget-content.compare-b.url input { border-color: var(--COLOR_LEGACY_18) !important; } .mybusiness .widget-content.compare-b.selector .checked, .mybusiness .widget-content.compare-b.selector .unchecked { color: var(--COLOR_LEGACY_18) !important; } .mybusiness .widget-content.file.compare-b .upload-picture-icon, .mybusiness .widget-content.file.compare-b .uploaded-picture, .mybusiness .widget-content.startstop .compare-b { border: 1px solid var(--COLOR_LEGACY_18); } .mybusiness .widget-content.doodle.compare-b, .mybusiness .widget-content.signature.compare-b { box-shadow: inset 0px 0px 0px 1px var(--COLOR_LEGACY_18); } .mybusiness .sections-container.debug-on .widget-container-blank { border: solid 1px red; height: 20px; } .mybusiness .sections-container.debug-on .section-row { border: solid 1px green; } /* select 2 */ .mybusiness .widget-content.currency .select2-dropdown.select2-dropdown--above .select2-selection--single, .mybusiness .widget-content.currency .select2-container .select2-selection--single { border: none !important; background-color: var(--COLOR_LEGACY_01) !important; border-radius: 0 !important; filter: none !important; background-image: none !important; } .mybusiness .widget-content.currency .select2-container .select2-selection--single span { border: 0; background: none; } .mybusiness .widget-content.currency .select2-container .select2-selection--single .select2-selection__arrow { border-radius: 0 !important; background-clip: padding-box !important; background-color: unset !important; } .mybusiness .widget-content.currency .select2-container .select2-selection--single[aria-expanded=true] .select2-selection__arrow { border-bottom: 8px solid var(--COLOR_LEGACY_03); border-top: none; } .mybusiness .widget-content.currency .select2-container .select2-selection--single .select2-selection__arrow { background: transparent !important; width: 0 !important; height: 0 !important; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid var(--COLOR_LEGACY_03); margin-right: 1px; margin-top: 10px; } .mybusiness .widget-content.currency .select2-container .select2-selection--single .select2-selection__arrow b, .mybusiness .widget-content.currency .select2-container .select2-selection--single[aria-expanded=true] .select2-selection__arrow b { visibility: hidden; } .mybusiness .widget-content.currency .select2-dropdown-open .select2-selection--single .select2-selection__arrow { border-bottom: 8px solid var(--COLOR_LEGACY_03); border-top:none; } .mybusiness .widget-content.currency .select2-drop { border: solid 1px var(--COLOR_LEGACY_05) !important; border-radius: 0 !important; -webkit-box-shadow: 1.286px 1.532px 6px 0px rgba( COLOR_RGBA_02 ) !important; box-shadow: 1.286px 1.532px 6px 0px rgba( COLOR_RGBA_02 ) !important; } .mybusiness .widget-content.currency .select2-drop-active { border: 1px solid var(--COLOR_LEGACY_05) !important; border-top: none ; } .mybusiness .widget-content.currency .select2-results .select2-results__option--highlighted { background: none !important; } .mybusiness .widget-content.currency .select2-results li { border-top: none !important; } .mybusiness .widget-content.currency .select2-results__option:hover { background-color: var(--COLOR_LEGACY_01) !important; color: var(--COLOR_LEGACY_03) !important; } .mybusiness .widget-content.currency .select2-container--default .select2-selection--multiple .select2-search__field { font-family: 'General-font', Arial, Verdana, sans-serif !important; font-size: 12px; } /* select2 placholder class*/ .mybusiness .widget-content.currency .select2-container--default { font-style: italic; } .mybusiness .widget-content.currency .select2-container.select2-container--disabled .select2-selection--single, .mybusiness .widget-content.currency .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: var(--COLOR_LEGACY_01) !important; } .mybusiness .widget-content.currency li.select2-result-unselectable > div.select2-results__option { color: var(--COLOR_LEGACY_13); text-transform: uppercase; } .mybusiness .widget-content.currency li.select2-result-unselectable > div.select2-results__option:hover { background-color: transparent !important; color: var(--COLOR_LEGACY_13); text-transform: uppercase; } .mybusiness .widget-content.currency .select2-container .select2-selection--single > .select2-selection__rendered { line-height: 30px; color: var(--COLOR_LEGACY_03); font-size: 12px; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; } .mybusiness .widget-content.currency .select2-container .select2-selection--single > .select2-selection__rendered { vertical-align: middle; } .mybusiness .widget-content.externaldb .submit-button { font-family: "Specific-font-bold", Arial, Verdana, sans-serif !important; cursor: pointer; white-space: normal; text-align: center; } .mybusiness .widget-content .help .icon { font-size: 16px; color: var(--COLOR_LEGACY_02); } .mybusiness .widget-content.callprocess .status-container.status-not-available { color: var(--COLOR_LEGACY_02); font-style: italic; } .mybusiness .widget-content.callprocess .status-label[data-status] { padding-left: 5px; padding-right: 5px; color: var(--COLOR_LEGACY_03); } .mybusiness .widget-content.callprocess .status-label[data-status="started"] { background: var(--COLOR_LEGACY_01); } .mybusiness .widget-content.callprocess .status-label[data-status="submitted"] { background: var(--COLOR_LEGACY_13); } .mybusiness .widget-content.callprocess .status-label[data-status="escalated"] { background: var(--COLOR_LEGACY_02); } .mybusiness .widget-content.callprocess .status-label[data-status="completed"] { background: var(--COLOR_LEGACY_12); } .mybusiness .widget-content.callprocess .status-label[data-status="canceled"] { background: var(--COLOR_LEGACY_18); } .mybusiness .widget-content.callprocess .name { color: var(--COLOR_LEGACY_04); font-size: 13px; } .mybusiness .widget-content.callprocess .date-container { color: var(--COLOR_LEGACY_02); font-style: italic; } .icon-word { background-image: var(--asset-upload-iconsword_png); } .icon-excel { background-image: var(--asset-upload-iconsexcel_png); } .icon-pdf { background-image: var(--asset-upload-iconspdf_png); } .icon-zip, .icon-other { background-image: var(--asset-upload-iconsother_png); } .icon-audio { background-image: var(--asset-upload-iconsaudio_png); } .icon-ppoint { background-image: var(--asset-upload-iconsppoint_png); } .icon-word-big { background-image: var(--asset-upload-icons\big\word_png); } .icon-excel-big { background-image: var(--asset-upload-icons\big\excel_png); } .icon-pdf-big { background-image: var(--asset-upload-icons\big\pdf_png); } .icon-zip-big, .icon-other-big { background-image: var(--asset-upload-icons\big\other_png); } .icon-audio-big { background-image: var(--asset-upload-icons\big\audio_png); } .icon-ppoint-big { background-image: var(--asset-upload-icons\big\ppoint_png); } .widget-info-attachements .content .attachment-item span.info label{ word-wrap: break-all; } .widget-info-attachements .content .attachment-item span.info p{ font-weight: bold; } .copy-button, .paste-button, .delete-button, .multiselect-button, .multiselect-all-button, .multiselect-cancel-button { color: var(--COLOR_LEGACY_01); cursor: pointer; font-weight: bold; } /* --- mybusiness-resources-manager.css--- */ .mybusiness .favorites-resources-container { background-color: var(--COLOR_LEGACY_06); } .mybusiness .resources-container > #loading { position: absolute; height: 100%; z-index: 2; background-color: var(--COLOR_LEGACY_03); } .mybusiness .favorites-resource-content { border-top: 1px solid var(--COLOR_LEGACY_01); } .mybusiness .favorite-resource { cursor: pointer; vertical-align: middle; } .mybusiness .favorite-resource-icon { font-size: 70px; position: relative; color: var(--COLOR_LEGACY_01); line-height: 1 !important; } .mybusiness .favorite-resource-name { text-align: center; font-size: 10px; color: var(--COLOR_LEGACY_04); } .mybusiness .favorites-resource-title { text-transform: uppercase; font-family: "Specific-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_01); background-color: var(--COLOR_LEGACY_06); font-size: 14px; } .mybusiness .favorites-resource-control { text-align: center; font-size: 9px; color: var(--COLOR_LEGACY_01); cursor: pointer; } .mybusiness .favorite-resource .remove { color: var(--COLOR_LEGACY_01); background-color: var(--COLOR_LEGACY_03); border-radius: 50%; font-size: 9px; box-shadow: -2px 2px 2px 0px rgba(COLOR_RGBA_02); } .mybusiness .resources-group { border-bottom: solid 1px var(--COLOR_LEGACY_03); } .mybusiness .resources-group .header-bar { background: var(--COLOR_LEGACY_05); cursor: pointer; } .mybusiness .resources-group .resources-control { color: var(--COLOR_LEGACY_01); text-align: center; font-size: 15px; } .mybusiness .resources-group .category-name { font-size: 11px; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; text-transform: uppercase; color: var(--COLOR_LEGACY_01); } .mybusiness .resource-item { border-top:1px solid var(--COLOR_LEGACY_05); cursor: pointer; } .mybusiness .resource-item.selected-resource { border-left: 5px solid var(--COLOR_LEGACY_01); } .mybusiness .resource-name { font-size: 14px; color: var(--COLOR_LEGACY_04); font-family: "Specific-font", Arial, Verdana, sans-serif; } .mybusiness .resource-item .item-control { text-align: left; font-size: 16px; color: var(--COLOR_LEGACY_01); } /* --- mybusiness-process-editor.css--- */ .mybusiness .process-editor.with-preloader { background-color: var(--COLOR_LEGACY_06); } .mybusiness .process-editor.with-preloader .header-bar { opacity: 0; } .mybusiness .process-editor .header-bar { background: var(--COLOR_LEGACY_05); } .mybusiness .process-editor .header-bar .process-title { line-height: 23px; font-size: 16px; } .mybusiness .process-editor .header-bar .process-title:not(.read-only) .hover-group { cursor: pointer; background: transparent; border-radius: 5px; } .mybusiness .process-editor .header-bar .process-title:not(.read-only) .hover-group:hover { background: var(--COLOR_LEGACY_RGBA_11); } .mybusiness .process-editor .header-bar .process-title.read-only { cursor: default; } .mybusiness .process-editor .header-bar .process-title .icon { font-size: 12px; color: var(--COLOR_LEGACY_01); opacity: 0.3; } .mybusiness .process-editor .header-bar .process-title .hover-group:hover .icon { opacity: 1; } .mybusiness .process-editor .header-bar .process-title.read-only .icon { display: none; } .mybusiness .process-editor .header-bar .template-title { line-height: 20px; font-size: 14px; } .mybusiness .process-editor .header-bar .template-title .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mybusiness .process-editor .header-bar .process-initiator { font-size: 14px; font-style: italic; } .mybusiness .process-editor .header-bar.edit-mode .process-title-editor { background-color: var(--COLOR_LEGACY_03); } .mybusiness .process-editor .header-bar.edit-mode .process-title-editor .sw-button { cursor: pointer; } .mybusiness .process-editor .header-bar.edit-mode .process-title-editor .close { font-size: 20px; line-height: 30px; } .mybusiness .process-editor .header-bar .actions-container { color: var(--COLOR_LEGACY_01); } .mybusiness .process-editor .header-bar .actions-container > div { cursor: pointer; } .mybusiness .process-editor .header-bar .primary-actions .icon-button { background: var(--COLOR_LEGACY_35); border-radius: 10px; margin-right: 10px; padding-left: 15px; padding-right: 15px; color: var(--COLOR_LEGACY_03); } .mybusiness .process-editor .header-bar .primary-actions .icon-button span.icon { font-size: 15px; } .mybusiness .process-editor .header-bar .primary-actions .icon-button span.text { text-transform: uppercase; font-weight: bold; white-space: nowrap; } .myb-process-popover { color: var(--COLOR_LEGACY_01); } .myb-process-popover .icon-button { background-color: var(--COLOR_LEGACY_03); cursor: pointer; height: 30px; line-height: 30px; } .myb-process-popover .icon-button span.icon { /* margin-right: 7px; */ } .mybusiness .process-editor .external-process .info-block, .mybusiness .process-editor .blank-state .info-block { text-align: center; font-size: 16px; } .mybusiness .process-editor .external-process .info-block .external-process-button { font-size: 12px !important; font-family: "Specific-font-bold", Arial, Verdana, sans-serif !important; } .myb-process-popover .option-row { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_07); font-size: 12px; border-top: 1px solid var(--COLOR_LEGACY_06); cursor: pointer !important; } .myb-process-popover .option-row:first-child, .myb-process-popover .option-row.first-item { border-top: none !important; } .myb-process-popover .option-row span.icon { color: var(--COLOR_LEGACY_01); font-size: 15px; text-align: center; margin-right:5px; vertical-align: middle; } .myb-process-popover .option-row span.text { vertical-align: middle; } /* RECIPIENTS PAGE */ .mybusiness .process-recipients { background: var(--COLOR_LEGACY_06); } .mybusiness .process-recipients .list-counter { line-height: 20px; } .mybusiness .process-recipients .list-counter > span { font-family: "General-font-bold", Arial, Verdana, sans-serif; } .mybusiness .process-recipients .info-block { text-align: center; font-size: 16px; } .mybusiness .process-recipients .list-block .contacts-selector-item { background: var(--COLOR_LEGACY_03); border-radius: 5px; box-shadow: 0px 1px 1px 0px rgba(COLOR_RGBA_02); vertical-align: middle; } /* RECIPIENTS POPUP */ .mybusiness .process-conversation-layer .message-container.location .attachment-thumbnail::after { background-position: 116px 10px; } .mybusiness .process-conversation-layer .sliding-layer-bar .process-icon { font-size: 12px !important; } .mybusiness .process-conversation-layer .sliding-layer-bar .entity-detail-secondary { font-size: 14px; } .mybusiness .process-conversation-layer .sliding-layer-bar .details-options { font-size: 24px; color: var(--COLOR_LEGACY_01); } .mybusiness .process-editor .conditional-duplication-controls * { color: var(--COLOR_LEGACY_01); } .mybusiness .process-editor .process-renderer { position: relative; } .mybusiness .process-editor .rejection-banner { display: none; background-color: var(--COLOR_LEGACY_18); height: 35px; justify-content: center; align-items: center; color: #fff; } /* --- mybusiness-process-renderer.css--- */ .mybusiness .process-renderer { background: var(--COLOR_LEGACY_06); } .mybusiness .process-renderer .loading-mask { color: var(--COLOR_LEGACY_07); background-color: var(--COLOR_LEGACY_06); cursor: progress; text-align: center; font-size: 16px; } .mybusiness .process-renderer .sections-names-list .sections-arrow { cursor: pointer; font-size: 12px; color: var(--COLOR_LEGACY_01); } .mybusiness .process-renderer .sections-names-list .sections-arrow.disabled { visibility: hidden; cursor: default; } .mybusiness .process-renderer .sections-names-list .right-blur, .mybusiness .process-renderer .sections-names-list .left-blur { opacity: 1; transition: opacity 0.2s; } .mybusiness .process-renderer .sections-names-list .disabled .right-blur, .mybusiness .process-renderer .sections-names-list .disabled .left-blur { opacity: 0; } .mybusiness .process-renderer .sections-names-list .right-blur { background: rgba(COLOR_RGBA_15); background: -moz-linear-gradient(left, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(COLOR_RGBA_16)), color-stop(0%, rgba(240,47,23,0)), color-stop(100%, rgba(245,245,245,1))); background: -webkit-linear-gradient(left, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); background: -o-linear-gradient(left, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); background: -ms-linear-gradient(left, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); background: linear-gradient(to right, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--COLOR_LEGACY_21)', GradientType=1 ); } .mybusiness .process-renderer .sections-names-list .left-blur { background: rgba(COLOR_RGBA_15); background: -moz-linear-gradient(right, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); background: -webkit-gradient(right top, left top, color-stop(0%, rgba(COLOR_RGBA_16)), color-stop(0%, rgba(240,47,23,0)), color-stop(100%, rgba(245,245,245,1))); background: -webkit-linear-gradient(right, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); background: -o-linear-gradient(right, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); background: -ms-linear-gradient(right, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); background: linear-gradient(to left, rgba(COLOR_RGBA_16) 0%, rgba(240,47,23,0) 0%, rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--COLOR_LEGACY_11)', GradientType=1 ); } .mybusiness .process-renderer-section-name { text-transform: uppercase; border-radius: 15px; border: solid 2px var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_01); font-family: "General-font-bold", Arial, Verdana, sans-serif; cursor: pointer; } .mybusiness .process-renderer-section-name.selected { background: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); cursor: default; } .mybusiness .process-renderer-section .section-title { background: var(--COLOR_LEGACY_06); color: var(--COLOR_LEGACY_01); text-transform: uppercase; font-family: "General-font-bold", Arial, Verdana, sans-serif; padding-right: 10px; } .mybusiness .process-renderer-section .section-content-container { border: solid 1px var(--COLOR_LEGACY_05); border-radius: 2px; } .mybusiness .suggestions { background: var(--COLOR_LEGACY_03); border: 1px solid var(--COLOR_LEGACY_05); } .mybusiness .process-renderer-section .suggestions > * { line-height: 30px; cursor: pointer; border-bottom: 1px solid var(--COLOR_LEGACY_06); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mybusiness .process-renderer-section .suggestions > *:last-child { border-bottom: none; } .mybusiness .process-renderer .round-checkbox-label { padding-left: 5px; } .mybusiness .process-renderer-select-all-controls .control-button { cursor: pointer; } .mybusiness .process-renderer-select-all-controls span { color: var(--COLOR_LEGACY_01); } .mybusiness .process-renderer-select-all-controls span.action { font-family: "General-font-bold", Arial, Verdana, sans-serif; } .mybusiness .process-renderer-select-all-controls span.icon { font-size: 14px; } .mybusiness .widget-container { border: solid 1px var(--COLOR_LEGACY_06); border-radius: 5px; } .mybusiness .process-renderer .widget-container.selectable:not(.selected):hover { border: dashed 1px var(--COLOR_LEGACY_02); cursor: pointer; } .mybusiness .process-renderer .widget-container.selectable:not(.selected):hover * { cursor: pointer; } .mybusiness .process-renderer .widget-container.selected { border: dashed 1px var(--COLOR_LEGACY_01); cursor: pointer; } .mybusiness .process-renderer-section.selection-envelope .section-content-container { border: dashed 1px var(--COLOR_LEGACY_01); } .mybusiness .process-renderer .selection-envelope .widget-container.selected, .mybusiness .process-renderer .selection-envelope .widget-container.selection-envelope { border: solid 1px var(--COLOR_LEGACY_06); } .mybusiness .process-renderer .widget-container.selection-envelope { border: dashed 1px var(--COLOR_LEGACY_01); } .mybusiness .process-renderer .widget-container.selection-envelope .selection-envelope { border: dashed 1px var(--COLOR_LEGACY_06) !important; } .mybusiness .process-renderer .process-renderer-section.read-only .section-title { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } /* --- mybusiness-process-options.css--- */ .mybusiness .process-options { background: var(--COLOR_LEGACY_06); } .mybusiness .process-options .priority-block .priority { text-align: center; } .mybusiness .process-options .priority-block .icon { font-size: 32px; line-height: 18px; } .mybusiness .process-options .priority-block .low .icon { color: var(--COLOR_LEGACY_21); } .mybusiness .process-options .priority-block .medium .icon { color: var(--COLOR_LEGACY_13); } .mybusiness .process-options .priority-block .high .icon { color: var(--COLOR_LEGACY_09); } .mybusiness .process-options .expandable-block { border-top: 2px solid var(--COLOR_LEGACY_05); border-left: 2px solid var(--COLOR_LEGACY_05); } .mybusiness .process-options .expandable-block { border: 2px solid var(--COLOR_LEGACY_05); border-radius: 5px; } .mybusiness .process-options .expandable-block .floating-container, .mybusiness .process-options .setting-label, .mybusiness .process-options .customized-checkbox-label { background: var(--COLOR_LEGACY_06); color: var(--COLOR_LEGACY_01); font-size: 14px; font-family: "Specific-font-bold", Arial, Verdana, sans-serif; text-transform: uppercase; } .mybusiness .process-options .expandable-block .floating-container > * { vertical-align: middle; } .mybusiness .process-options .customized-checkbox.disabled-control { opacity: 1!important; } .mybusiness .process-options .customized-checkbox.disabled-control [data-role=check-icon] { opacity: 0.6; } .mybusiness .process-options .due-date-block .info-line, .mybusiness .process-options .schedule-block .info-line { line-height: 24px; } .mybusiness .process-options .due-date-block .date-picker, .mybusiness .process-options .schedule-block .date-picker, .mybusiness .process-options .repeat-block .date-picker { line-height: 30px; } .mybusiness .process-options .due-date-block .date-picker > span, .mybusiness .process-options .schedule-block .date-picker > span, .mybusiness .process-options .repeat-block .date-picker > span { color: var(--COLOR_LEGACY_01); font-size: 22px; } .mybusiness .process-options .repeat-block .floating-container select, .mybusiness .process-options .repeat-block .floating-container select option { font-family: "Specific-font-bold", Arial, Verdana, sans-serif !important; text-transform: uppercase !important; } .mybusiness .process-options .repeat-block .floating-container select, .mybusiness .process-options .repeat-block .floating-container select option[value="0"] { color: var(--COLOR_LEGACY_02) !important; } .mybusiness .process-options .repeat-block .floating-container select.active, .mybusiness .process-options .repeat-block .floating-container select option[value="1"] { color: var(--COLOR_LEGACY_01) !important; } .mybusiness .process-options .repeat-block .repeat-interval .weekly input { text-align: center; } .mybusiness .process-options .repeat-block .content-column { vertical-align: top; } .mybusiness .process-options .repeat-block .day-selector-input { background: var(--COLOR_LEGACY_03); border: 1px solid var(--COLOR_LEGACY_05); } .mybusiness .process-options .repeat-block .day-selector-input > div { text-align: center; line-height: 22px; font-size: 10px; cursor: pointer; } .mybusiness .process-options .repeat-block .day-selector-input > div.selected { border: 1px solid var(--COLOR_LEGACY_01); border-radius: 50%; line-height: 21px; } .mybusiness .process-options .repeat-block .repeat-summary .stw-repeat-process { vertical-align: top; color: var(--COLOR_LEGACY_02) !important; } .mybusiness .process-options-layer { white-space: normal; text-align: center; font-size: 14px; } .mybusiness .process-options-layer .icon { font-size: 16px; vertical-align: top; color: var(--COLOR_LEGACY_01); } /* --- mybusiness-process-history.css--- */ .mybusiness .process-history-layer .controls-bar { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_01); } .mybusiness .process-history-layer .controls-bar .control-icon { font-size: 27px; } .mybusiness .process-history-layer .controls-bar .cancel-compare .control-icon { font-size: 16px; } .mybusiness .process-history-layer .controls-bar .control-label { font-family: "Specific-font-bold", Arial, Verdana, sans-serif; } .mybusiness .process-history-item.selected { border-left: 5px solid var(--COLOR_LEGACY_01) !important; } .mybusiness .process-history-item { border-bottom: 1px solid var(--COLOR_LEGACY_05); border-left: 5px solid transparent; background-color: var(--COLOR_LEGACY_03); cursor: pointer; } .mybusiness .process-history-item[data-not-selectable] { cursor: default; } .mybusiness .process-history-layer.multiselect .process-history-item.selected { border-left: 5px solid transparent !important; } .mybusiness .process-history-details-block { overflow: hidden; } .mybusiness .process-history-item:nth-child(odd) { background: var(--COLOR_LEGACY_06); } .mybusiness .process-history-item .title { font-size: 14px; font-family: "General-font-bold", Arial, Verdana, sans-serif; overflow: hidden; text-overflow: ellipsis; } .mybusiness .process-history-item .checkbox-block .stw-unchecked { color: var(--COLOR_LEGACY_02); } .mybusiness .process-history-item .checkbox-block .stw-checked, .mybusiness .process-history-item .checkbox-block .stw-unchecked { font-size: 18px; } .mybusiness .process-history-item .checkbox-block .stw-checked { color: var(--COLOR_LEGACY_01); } .mybusiness .process-history-renderer .header-bar { background: var(--COLOR_LEGACY_05); } .mybusiness .process-history-renderer .header-bar .process-name { font-size: 16px; line-height: 20px; font-family: General-font, Arial, Verdana, sans-serif; } .mybusiness .process-history-renderer .header-bar .template-title { font-size: 14px; } .mybusiness .process-history-renderer .header-bar .conversation-button { font-size: 24px; color: var(--COLOR_LEGACY_01); cursor: pointer; } .mybusiness .process-history-renderer .info-bar { background: var(--COLOR_LEGACY_08); } .mybusiness .process-history-renderer .info-bar #version-title { color: var(--COLOR_LEGACY_04); font-family: "General-font-bold", Arial, Verdana, sans-serif; font-size:18px; } .mybusiness .process-history-renderer .info-bar #ownership-status { color: var(--COLOR_LEGACY_04); font-family: "General-font", Arial, Verdana, sans-serif; font-size: 13px; width: 250px; } .mybusiness .process-history-renderer .info-bar th div { font-family: "General-font", Arial, Verdana, sans-serif; font-style: italic; font-size: 13px; color: var(--COLOR_LEGACY_07); } .mybusiness .process-history-renderer .info-bar td div { color: var(--COLOR_LEGACY_04); font-family: "General-font", Arial, Verdana, sans-serif; font-style: italic; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mybusiness .process-history-renderer .info-bar th, .mybusiness .process-history-renderer .info-bar td { line-height: 15px; vertical-align: top; padding-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mybusiness .process-history-renderer .info-bar td { padding-top: 10px; } .mybusiness .process-history-renderer .info-bar .compare-details { line-height: 80px; font-size: 18px; } .mybusiness .process-history-renderer .info-bar .compare-details .compare-a { font-weight: bold; color: var(--COLOR_LEGACY_12); } .mybusiness .process-history-renderer .info-bar .compare-details .compare-b { font-weight: bold; color: var(--COLOR_LEGACY_18); } /* --- mybusiness-processes-reporting.css--- */ .mybusiness .processes-reporting .sliding-layer-bar .back-button { line-height: 40px; text-align: center; } .mybusiness .processes-reporting .slider-bar-title, .mybusiness .processes-reporting .sliding-layer-title { line-height: 40px; } /* --- mybusiness-processes-reporting-renderer.css--- */ .mybusiness .processes-reporting-renderer .renderer-page { background: var(--COLOR_LEGACY_03); } .mybusiness .processes-reporting-renderer .renderer-page.blank-state .message { background: var(--asset-arrow_png) no-repeat center left; } .mybusiness .processes-reporting-table.collapsed .top-bar .collapse-icon { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid var(--COLOR_LEGACY_01); } .mybusiness .processes-reporting-table.disabled .top-bar .collapse-icon { opacity: 0.2; } .mybusiness .processes-reporting-table .top-bar .clickable-bar { cursor: pointer; } .mybusiness .processes-reporting-table.disabled .top-bar .name-container { cursor: default; } .mybusiness .processes-reporting-table.expanded .collapse-icon { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--COLOR_LEGACY_01); } .mybusiness .processes-reporting-table .top-bar .template-name { font-family: General-font-bold, Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_04); line-height: 20px; } .mybusiness .processes-reporting-table .top-bar .status { text-transform: uppercase; color: var(--COLOR_LEGACY_02); font-size: 11px; line-height: 20px; } .mybusiness .processes-reporting-table .top-bar .status.error { color: var(--COLOR_LEGACY_18); } .mybusiness .processes-reporting-table .top-bar .control { color: var(--COLOR_LEGACY_01); line-height: 20px; cursor: pointer; } .mybusiness .processes-reporting-table.disabled .top-bar .control { cursor: default; opacity: 0.5; } .mybusiness .processes-reporting-table .top-bar .control .control-icon { font-size: 14px; line-height: 20px !important; cursor: pointer; } .mybusiness .processes-reporting-table .top-bar .control.download .control-icon { font-size: 20px; } .mybusiness .processes-reporting-table .processes-count-container .counter { font-family: General-font-bold, Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_04); } .mybusiness .processes-reporting-table th { text-align: center; background: var(--COLOR_LEGACY_06); font-family: "General-font-bold", Arial, Verdana, sans-serif; border: solid 1px var(--COLOR_LEGACY_05); color: var(--COLOR_LEGACY_02); } .mybusiness .processes-reporting-table td { text-align: center; font-family: "General-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_07); border: solid 1px var(--COLOR_LEGACY_05); } .mybusiness .processes-reporting-table .dataTables_scrollHead { background: var(--COLOR_LEGACY_06); } .mybusiness .dataTable th.sorting, .mybusiness .dataTable th.sorting_asc, .mybusiness .dataTable th.sorting_desc { background-repeat: no-repeat; background-position: center right; cursor: pointer; } .mybusiness .dataTable th.sorting { background-image: var(--asset-datatables_sort_both_png); } .mybusiness .dataTable th.sorting_asc { background-image: var(--asset-datatables_sort_asc_png); } .mybusiness .dataTable th.sorting_desc { background-image: var(--asset-datatables_sort_desc_png); } .mybusiness .dataTable th.select-all { background: none !important; } .mybusiness .dataTable tr.selected { background-color: rgba(COLOR_RGBA_03) !important; } .mybusiness .processes-reporting .content-exporter-container .info-bar { background: var(--COLOR_LEGACY_05); color: var(--COLOR_LEGACY_04); font-size: 14px; } .mybusiness .processes-reporting .content-exporter-container .process-renderer { } .mybusiness .processes-reporting .content-exporter-container .actions-container { background: var(--COLOR_LEGACY_05); } .mybusiness .processes-reporting-table tr { cursor: pointer; } .mybusiness .processes-reporting .renderer-slider .sliding-layer-title { font-size: 14px; } .mybusiness .summary-container .summary { border: 1px solid var(--COLOR_LEGACY_05); border-radius: 4px; } .mybusiness .summary-container .summary .process-summary-title { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_01); font-family: "Specific-font", Arial, Verdana, sans-serif; } .mybusiness .summary-container .summary td { color: var(--COLOR_LEGACY_04); } .mybusiness .summary-container .summary tr td:first-child { color: var(--COLOR_LEGACY_02); text-transform: uppercase; font-size: 10px; } /* --- mybusiness-processes-reporting-filter.css--- */ .mybusiness .processes-reporting-filter { background: var(--COLOR_LEGACY_03); } .mybusiness .processes-reporting-filter .page-title { font-family: "Specific-font", Arial, Verdana, sans-serif; font-size: 22px; color: var(--COLOR_LEGACY_02); } .mybusiness .processes-reporting-filter .controls-container { text-align: center; } .mybusiness .processes-reporting-filter .controls-container button { text-align: center; padding-left: 30px; padding-right: 30px; } .mybusiness .processes-reporting-filter .subscriber-avatar { background-size: 42px 42px; border-radius: 50%; } .mybusiness .processes-reporting-filter .slider-bar-content .export-button { font-size: 25px; color: var(--COLOR_LEGACY_01); cursor: pointer; } .mybusiness .processes-reporting-filter .checkboxes-groups { padding-bottom: 10px; border-bottom: solid 1px var(--COLOR_LEGACY_05); } .mybusiness .processes-reporting-filter .properties-group { padding-bottom: 10px; border-bottom: solid 1px var(--COLOR_LEGACY_05); } .mybusiness .processes-reporting-filter .properties-group.small { padding-bottom: 0px; border-bottom: none; } .mybusiness .processes-reporting-filter .properties-group .title { color: var(--COLOR_LEGACY_01); font-size: 13px; } .mybusiness .processes-reporting-filter .properties-group .property-name { padding: 5px; color: var(--COLOR_LEGACY_04); } .mybusiness .processes-reporting-filter .properties-group .square-checkbox-label { padding: 2px; color: var(--COLOR_LEGACY_04); } .mybusiness .processes-reporting-filter .date-picker-container * { cursor: pointer !important; } .mybusiness .processes-reporting-filter .date-picker-container > span { color: var(--COLOR_LEGACY_01); font-size: 15px; } .mybusiness .processes-reporting-filter .properties-group .stw-options-off, .mybusiness .processes-reporting-filter .properties-group .stw-options-on { font-size: 16px; } .mybusiness .processes-reporting-filter .preloader { background: var(--COLOR_LEGACY_03); } .mybusiness .processes-reporting-filter .preloader .message { text-align: center; } .mybusiness .processes-reporting-filter .slider-bar-title, .mybusiness .processes-reporting-filter .sliding-layer-title { font-family: General-font-bold, Arial, Verdana, sans-serif; font-size: 15px; } .es_ES .mybusiness .processes-reporting-filter .properties-group[data-role="due-date-status"] .title, .pt_BR .mybusiness .processes-reporting-filter .properties-group[data-role="due-date-status"] .title { position: relative; margin-top: -28px; margin-bottom: 28px; overflow: inherit; white-space: initial; } /* --- mybusiness-processes-sorting.css--- */ .mybusiness .processes-sorting-layer { background: var(--COLOR_LEGACY_03); } .mybusiness .processes-sorting-layer .select-categories-message { background: var(--COLOR_LEGACY_03); } .mybusiness .processes-sorting-layer .select-categories-message .message { background: var(--asset-arrow_png) no-repeat center left; } .mybusiness .processes-sorting-layer .sliding-layer-bar .back-button { line-height: 40px; text-align: center; } .mybusiness .processes-sorting-layer .slider-bar-title, .mybusiness .processes-sorting-layer .sliding-layer-title { line-height: 40px; } .mybusiness .processes-sorting-layer .sorting-categories-message { background: var(--COLOR_LEGACY_03); } .mybusiness .processes-sorting-layer .sorting-categories-message .message { background: var(--asset-arrow_png) no-repeat center left; } .mybusiness .processes-sorting-slider .controls-container { padding-top: 10px; border-top : 1px solid var(--COLOR_LEGACY_05); } .mybusiness .processes-sorting-slider .controls-container button { text-align: center; /* font-weight: FONT_PROPERTY('General-font-bold', 'weight'); */ font-family: "Specific-font-bold", Arial, Verdana, sans-serif !important; padding-left: 30px; padding-right: 30px; } .mybusiness .processes-sorting-slider .subscriber-avatar { background-size: 42px 42px; border-radius: 50%; } .mybusiness .processes-sorting-slider .slider-bar-content .sort-button { font-size: 25px; color: var(--COLOR_LEGACY_01); cursor: pointer; } .mybusiness .processes-sorting-slider .checkboxes-groups { padding-bottom: 10px; border-bottom: solid 1px var(--COLOR_LEGACY_05); } .mybusiness .processes-sorting-slider .properties-group.small { padding-bottom: 0px; border-bottom: none; } .mybusiness .processes-sorting-slider .properties-group .title { color: var(--COLOR_LEGACY_01); font-size: 13px; } .mybusiness .processes-sorting-slider .properties-group .property-name { padding: 5px; color: var(--COLOR_LEGACY_04); } .mybusiness .processes-sorting-slider .properties-group .square-checkbox-label { padding: 2px; color: var(--COLOR_LEGACY_04); } .mybusiness .processes-sorting-slider .properties-group .stw-options-off, .mybusiness .processes-sorting-slider .properties-group .stw-options-on { font-size: 16px; } .mybusiness .processes-sorting-slider .preloader { background: var(--COLOR_LEGACY_03); } .mybusiness .processes-sorting-slider .preloader .message { text-align: center; } .mybusiness .processes-sorting-slider .slider-bar-title, .mybusiness .processes-sorting-slider .sliding-layer-title { font-family: General-font-bold, Arial, Verdana, sans-serif; font-size: 15px; padding-left: 10px; } .es_ES .mybusiness .processes-sorting-slider .properties-group[data-role="due-date-status"] .title, .pt_BR .mybusiness .processes-sorting-slider .properties-group[data-role="due-date-status"] .title { position: relative; margin-top: -28px; margin-bottom: 28px; overflow: inherit; white-space: initial; } .mybusiness .processes-sorting-slider .controls-container .cancel-button { background: var(--COLOR_LEGACY_02) !important; } .mybusiness .processes-sorting-slider .select2-container .select2-selection--single .select2-selection__arrow b, .mybusiness .processes-sorting-slider .select2-dropdown-open .select2-selection--single .select2-selection__arrow b { visibility: hidden; } .mybusiness .processes-sorting-slider .select2-container .select2-selection--single .select2-selection__arrow { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--COLOR_LEGACY_01); } .mybusiness .processes-sorting-slider .select2-container .select2-selection--single[aria-expanded=true] .select2-selection__arrow { border-bottom: 10px solid var(--COLOR_LEGACY_01); border-top: none; } .mybusiness .processes-sorting-slider .select2-container .select2-selection--single .select2-selection__arrow b, .mybusiness .processes-sorting-slider .select2-container .select2-selection--single[aria-expanded=true] .select2-selection__arrow b { visibility: hidden; } .mybusiness .processes-sorting-slider a.select2-selection--single { margin: 0px; padding: 0px; overflow: hidden; background-color: var(--COLOR_LEGACY_03); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset !important; background-image: none !important; border: solid 1px var(--COLOR_LEGACY_05) !important; border-radius: 0px; text-indent: 5px; } .mybusiness .processes-sorting-slider .select2-container{ cursor: pointer; } .mybusiness .processes-sorting-slider .select2-results{ padding: 0px; margin: 0px; } /* --- mybusiness-processes-import-export.css--- */ .export-processes-tables-container .table-title { font-family: General-font-bold, Arial, Verdana, sans-serif; font-size: 15px; } .export-processes-tables-container th { text-align: center; background: var(--COLOR_LEGACY_06); font-family: "General-font-bold", Arial, Verdana, sans-serif; border: solid 1px var(--COLOR_LEGACY_05); color: var(--COLOR_LEGACY_02); } .export-processes-tables-container td { text-align: center; background: var(--COLOR_LEGACY_03); font-family: "General-font", Arial, Verdana, sans-serif; border: solid 1px var(--COLOR_LEGACY_05); color: var(--COLOR_LEGACY_02); } .export-processes-tables-container table .action { cursor: pointer; } .export-processes-tables-container table .action.cancel-action { color: var(--COLOR_LEGACY_09); } .export-processes-tables-container table .action.click-details { color: var(--COLOR_LEGACY_01); } .export-processes-tables-container table .action.delete-action { color: var(--COLOR_LEGACY_09); } .export-processes-tables-container table .action.download-action { color: var(--COLOR_LEGACY_01); font-family: "General-font-bold", Arial, Verdana, sans-serif; } /* --- mybusiness-processes-exporting.css--- */ .mybusiness .processes-exporting-table .table-container .name-container { font-weight: bold; font-size: 14px; } /**/ .mybusiness .exporting-table th { text-align: center; background: var(--COLOR_LEGACY_06); font-family: "General-font-bold", Arial, Verdana, sans-serif; border: solid 1px var(--COLOR_LEGACY_05); color: var(--COLOR_LEGACY_02); } .mybusiness .exporting-table td { text-align: center; font-family: "General-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_07); border: solid 1px var(--COLOR_LEGACY_05); } .processes-exporting-modal #export-summary-label { color: var(--COLOR_LEGACY_01); font-size:14px; background: #fff; } .processes-exporting-modal .export-details-labels-side { color: var(--COLOR_LEGACY_02); font-weight: bold; line-height: 1.8; text-transform: uppercase; } .processes-exporting-modal .export-details-quota-message{ color: var(--COLOR_LEGACY_18); text-align: center; padding-top: 1em; display: none; } .processes-exporting-modal .export-details-no-processes-message{ color: var(--COLOR_LEGACY_01); text-align: center; padding-top: 1em; display: none; } .processes-exporting-modal .export-details-values-side { line-height: 1.8; } .processes-exporting-modal .modal-title { font-weight: bold; } .processes-exporting-modal .export-details { border: 1px solid #ccc; border-radius:3px; } .mybusiness .processes-exporting-renderer .renderer-page, .mybusiness .processes-exporting-statuses { background: #fff; } .mybusiness .processes-exporting-renderer .renderer-page.blank-state .message { background: url('assets/arrow.png') no-repeat center left 91px; } .mybusiness .processes-exporting-renderer .renderer-page .message { text-align: center; } /* --- myrules-global.css--- */ #menu-item-my-rules { color: var(--COLOR_LEGACY_03); } #menu-item-my-rules:not(.package-selected) { border-bottom-color: var(--COLOR_LEGACY_01) !important; } #menu-item-my-rules.expanded { opacity: 1 !important; } #menu-item-my-rules .packages-menu { border: solid 1px var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); box-shadow: 1.286px 1.532px 6px 0px rgba(COLOR_RGBA_03); } #menu-item-my-rules .packages-menu:after { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid var(--COLOR_LEGACY_03); content: ""; position: absolute; top: -7px; left: 136px; } #menu-item-my-rules .package-item { color: var(--COLOR_LEGACY_04); font-family: "General-font"; border-top: solid 1px var(--COLOR_LEGACY_05); } #menu-item-my-rules .package-item:first-child { border: none; } #menu-item-my-rules .package-item.selected { font-family: "General-font-bold"; } /* --- notifications-panel.css--- */ .notifications-panel { border: solid 1px var(--COLOR_LEGACY_05); background-color: var(--COLOR_LEGACY_03); box-shadow: 1.286px 1.532px 6px 0px rgba(COLOR_RGBA_03); } .notifications-panel .top-arrow { background: var(--asset-dialog-corners-top-bottom_png) no-repeat; background-position: -15px 0px; } .notifications-panel .tabs-container { color: var(--COLOR_LEGACY_04); box-shadow: 0px 3px 5px 0px rgba(COLOR_RGBA_06); } .notifications-panel .tabs-container { color: var(--COLOR_LEGACY_04); box-shadow: 0px 3px 5px 0px rgba(COLOR_RGBA_06); } .notifications-panel .tabs-container .tab { cursor: pointer; border-bottom: solid 2px var(--COLOR_LEGACY_03); } .notifications-panel .tabs-container .tab.selected { border-bottom: solid 2px var(--COLOR_LEGACY_01); } .notifications-panel a, .notifications-panel a:visited { color: var(--COLOR_LEGACY_01); cursor: pointer; } .notifications-panel a.action { display: block; } .notifications-panel .no-notifications { font-family: "General-font-bold", Arial, Verdana, sans-serif; background-color: var(--COLOR_LEGACY_03); } .notifications-panel .no-filtered-notifications { background-color: var(--COLOR_LEGACY_03); padding-left: 10px; } .notifications-panel .show-all-notifications-btn { background-color: var(--COLOR_LEGACY_03); border-top: solid 1px var(--COLOR_LEGACY_05); } .notifications-panel .controls-bar-container { border-bottom: solid 1px var(--COLOR_LEGACY_05); } .notifications-panel .controls-bar { font-family: "General-font", Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_01); background-color: var(--COLOR_LEGACY_03); } .notifications-panel .filtering-controls { background-color: var(--COLOR_LEGACY_03); border-bottom: solid 1px var(--COLOR_LEGACY_05); color: var(--COLOR_LEGACY_01); } .notifications-panel .filtering-controls span { cursor: pointer; } .notifications-panel .notification-item { font-family: 'General-font', Arial, Verdana, sans-serif; background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_07); font-size: 11px; border-bottom: solid 1px var(--COLOR_LEGACY_05); } .notifications-panel .notification-item { cursor: default; } .notifications-panel .notification-item.unread { background-color: var(--COLOR_LEGACY_05); font-family: 'General-font-bold', Arial, Verdana, sans-serif; border-bottom: solid 1px var(--COLOR_LEGACY_03); cursor: pointer; } .notifications-panel em { font-style: normal; color: var(--COLOR_LEGACY_09); } .notifications-panel a { font-weight: bold; } .notifications-panel .no-notifications .notification-item { border: none; } .notifications-panel .control-button { cursor: pointer; } .notifications-panel .control-button.disabled-control { opacity: 1 !important; } .notifications-panel .control-button .action-icon { font-size: 17px; } .notifications-panel .control-button .icon { font-size: 15px !important; text-align: center; color: var(--COLOR_LEGACY_01) !important; } .notifications-panel .skinned-checkbox { font-size: 17px !important; text-align: center; color: var(--COLOR_LEGACY_02); } .notifications-panel .skinned-checkbox.stw-checked { color: var(--COLOR_LEGACY_01); } .notifications-panel .disabled-control { cursor: default; color: var(--COLOR_LEGACY_02); } .notifications-panel .notification-item .body-block span { color: var(--COLOR_LEGACY_01); font-family: "General-font-bold", Arial, Verdana, sans-serif !important; cursor: pointer; } .notifications-panel .notification-item .body-block i.notification-date { font-style: normal; margin-left: 4px; white-space: nowrap; } .notifications-panel .notification-item .notification-icon { font-size: 22px; } .notifications-panel .notification-item .notification-icon.denied { color: var(--COLOR_LEGACY_48); } .notifications-panel .notification-item .notification-icon.enabled { color: var(--COLOR_LEGACY_35); } .notifications-panel .notification-item .notification-icon.expire { color: var(--COLOR_LEGACY_13); } .notifications-panel .modal-bg { background-color: var(--COLOR_LEGACY_04); opacity: 0.5; cursor: default; } .notifications-panel .popup-title { background-color: var(--COLOR_LEGACY_05); } .notifications-panel .popup-title .title { font-family: General-font-bold, Arial, Verdana, sans-serif; color: var(--COLOR_LEGACY_04); font-size: 13px; } .notifications-panel .popup-title .close-btn { color: var(--COLOR_LEGACY_07); font-size: 14px; cursor: pointer; } .notifications-panel .close-btn-block .delete-notification { cursor: pointer; } .bell-notifications-export .option-row .stw-icon { color: var(--COLOR_LEGACY_01); font-size: 16px; } .bell-notifications-export .option-row.selected { color: var(--COLOR_LEGACY_01); } .bell-notifications-export .option-row > span { vertical-align: middle; } .bell-notifications-export .option-row { cursor: pointer; line-height: 30px; border-top: solid 1px var(--COLOR_LEGACY_06); } .bell-notifications-export .option-row:first-child { border-top: none !important; } .notifications-panel .notifications-container { background-color: var(--COLOR_LEGACY_03); border: solid 1px var(--COLOR_LEGACY_03); } /* --- iframe-api.css--- */ #iframes-api { background-color: var(--COLOR_LEGACY_03); } #iframes-api .iframes-company-logo { background-color: var(--COLOR_LEGACY_03); } #iframes-api .iframes-company-logo:after { background-color: var(--COLOR_LEGACY_05); } /* --- color-picker.css--- */ .sp-container { background: var(--COLOR_LEGACY_03); border: none; } .color-picker-container .close-button { color: var(--COLOR_LEGACY_02); font-size: 20px; cursor: pointer; position: absolute; top: 5px; right: 5px; z-index: 1; } /* --- unread-monitor-layer.css--- */ .unread-monitor-element .text { border-radius: 13px; background-color: var(--COLOR_LEGACY_20); box-shadow: 0px 2px 5px rgba(COLOR_RGBA_04); color: var(--COLOR_LEGACY_03); padding-left: 10px; padding-right: 10px; } .unread-monitor-element.bottom-sticker { background-color: var(--COLOR_LEGACY_20); box-shadow: 0px 2px 5px rgba(COLOR_RGBA_04); border-top-left-radius: 12px; border-bottom-left-radius: 12px; cursor: pointer; } .unread-monitor-element.bottom-sticker:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid var(--COLOR_LEGACY_03); } .unread-monitor-element.bottom-sticker .counter { background-color: var(--COLOR_LEGACY_18); color: var(--COLOR_LEGACY_03); font-family: General-font-bold, Arial, Verdana, sans-serif; } /* --- call-out-button-manager.css--- */ .call-out-button, .contacts-filter-button { color: var(--COLOR_LEGACY_01); font-size: 28px; cursor: pointer; } .guest-invite-btn { color: var(--COLOR_LEGACY_47); font-size: 30px; border-right: 1.5px solid var(--COLOR_LEGACY_02); cursor: pointer; } .call-out-button[data-page="contacts"], .call-out-button[data-page="geolocation"] { border-right: 0; margin-right: 0; } .contacts-filter .label-row { color: var(--COLOR_LEGACY_01); } .contacts-filter label { font-weight: normal; cursor: pointer; } .contacts-filter button[data-role=clear], .contacts-filter button[data-role=clear]:hover { background-color: var(--COLOR_LEGACY_09) !important; } .contacts-filter .buttons-container { background-color: var(--COLOR_LEGACY_03); } .contacts-filter-active .contacts-filter-button:after { content: ""; border-radius: 10px; border: solid 2px var(--COLOR_LEGACY_03); background-color: var(--COLOR_LEGACY_09); width: 10px; height: 10px; position: absolute; top:-3px; right: -3px; } .call-out-keyboard .disablement-mask { background-color: var(--COLOR_LEGACY_03); opacity: 0.7; } /* --- call-out-keyboard.css--- */ .call-out-keyboard .reset-input { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); cursor: pointer; } .call-out-keyboard .reset-input.disabled-control { background-color: var(--COLOR_LEGACY_02); } .call-out-keyboard .reset-input:after { position: absolute; top: 0px; left: -9px; content: ""; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid var(--COLOR_LEGACY_01); } .call-out-keyboard .reset-input.disabled-control:after { border-right: 9px solid var(--COLOR_LEGACY_02); } .call-out-keyboard .flag-dropdown { background-color: var(--COLOR_LEGACY_30); border-radius: 3px; } .call-out-keyboard .auto-complete-container { border-top: solid 1px var(--COLOR_LEGACY_02); } .call-out-keyboard .results-counter { border-left: solid 1px var(--COLOR_LEGACY_02); } .call-out-keyboard .results-opener { color: var(--COLOR_LEGACY_01); } .call-out-keyboard .results-opener.multiple { cursor: pointer; } .call-out-keyboard .auto-complete-container:not(.expanded) .results-opener:after { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid var(--COLOR_LEGACY_01); } .call-out-keyboard .auto-complete-container.expanded .results-opener:after { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--COLOR_LEGACY_01); } .call-out-keyboard .results-list { background-color: var(--COLOR_LEGACY_03); box-shadow: 0 5px 15px rgba(COLOR_RGBA_19); } .call-out-keyboard .results-list .arrow { border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid var(--COLOR_LEGACY_05); } .call-out-keyboard .results-list .arrow:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--COLOR_LEGACY_03); content: ""; } .call-out-keyboard .keys-container .row { border-bottom: solid 1px var(--COLOR_LEGACY_02); } .call-out-keyboard .keys-container .row:first-child { border-top: solid 1px var(--COLOR_LEGACY_02); } .call-out-keyboard .keys-container .row:last-child { border: none; } .call-out-keyboard .key { cursor: pointer; } .call-out-keyboard .key.active { background-color: var(--COLOR_LEGACY_31); } .call-out-keyboard .key .number { color: var(--COLOR_LEGACY_01); font-family: General-font, Arial, Helvetica, sans-serif; font-size: 35px; } .call-out-keyboard .key .letters { font-size: 12px; color: var(--COLOR_LEGACY_01); } .call-out-keyboard .call-button { background: var(--COLOR_LEGACY_12); color: var(--COLOR_LEGACY_03); cursor: pointer; } .call-out-keyboard input { padding: 0px!important; line-height: 40px; color: var(--COLOR_LEGACY_04) !important; border: none !important; font-size: 31px !important; box-shadow: none !important; outline: none; text-align: center; } .call-out-keyboard .placeholder { color: var(--COLOR_LEGACY_02); font-size: 20px; } .call-out-keyboard .subscriber-item { cursor: pointer; } .call-out-keyboard .list-container .subscriber-item:after { background-color: var(--COLOR_LEGACY_02); opacity: 0.7; } .de_DE .call-out-keyboard .placeholder { font-size: 19px; } /* --- message-ack.css--- */ .message-status .message-ack, .sent-message-details .message-ack, .chat-window-send-messages .message-ack { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); font-family: "General-font-bold", Arial, Verdana, sans-serif; font-size: 11px; border-radius: 14px; } .message-status .message-ack, .sent-message-details .message-ack { font-size: 8px; text-transform: uppercase; } #send-message .message-ack { background-color: var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_01); border: solid 2px var(--COLOR_LEGACY_01); font-size: 13px; } .chat-messages .message .message-ack-control { cursor: pointer; background-color: var(--COLOR_LEGACY_06); } .chat-messages .message .message-ack-control::after { border-right: 9px solid var(--COLOR_LEGACY_06); } .chat-messages .message .message-ack-control span { border-radius: 15px; background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); font-family: General-font-bold, Arial, Verdana, sans-serif; } .chat-messages .message .ack-flag { border-radius: 13px; background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); font-size: 8px; font-family: Specific-font, Arial, Verdana, sans-serif; } .message-status .message-ack.not-acknowledged { background-color: var(--COLOR_LEGACY_02); } /* --- quota-renderer.css--- */ .quota-renderer .stw-storage { color: var(--COLOR_LEGACY_01); } .quota-renderer .storage-quota-title span { font-family: General-font-bold, Arial, Verdana, sans-serif; } .quota-renderer .progress-bar-container { background-color: var(--COLOR_LEGACY_03); border: 1px solid var(--COLOR_LEGACY_05); } .quota-renderer .progress-bar { background-color: var(--COLOR_LEGACY_12); background-image: none; transition: width 0.6s ease 0s, background-color 0.6s ease 0s; height: 100%; } .quota-renderer .storage-used { font-size: 10px; } .quota-renderer .header-info-bottom { font-size: 10px; transition: opacity 0.6s ease 0s; } .quota-renderer .progress-bar.orange { background-color: var(--COLOR_LEGACY_13); } .quota-renderer .progress-bar.red { background-color: var(--COLOR_LEGACY_09); } .quota-renderer a { color: var(--COLOR_LEGACY_01); font-family: General-font-bold, Arial, Verdana, sans-serif; cursor: pointer; } /* --- video-conference-landing-pages.css--- */ .conference-closed { background-color: var(--COLOR_LEGACY_51) !important; } .conference-closed .brand-logo { background: var(--asset-logo-transparent_png) no-repeat; } .conference-closed .message { color: var(--COLOR_LEGACY_03); font-size: 25px; text-align: center; } .conference-redirect-container .button { border: solid 3px var(--COLOR_LEGACY_03); color: var(--COLOR_LEGACY_03); border-radius: 25px; background-color: var(--COLOR_LEGACY_51); cursor: pointer; font-size: 25px; text-transform: uppercase; } /* --- reach-back.css--- */ .channel-reach-back-container { box-shadow: 2px 3px 6px -1px var(--COLOR_LEGACY_04); background-color: var(--COLOR_LEGACY_03); } .channel-reach-back-container:after { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid var(--COLOR_LEGACY_08); content: ""; position: absolute; top: -12px; left: 118px; } .channel-reach-back-container .title-bar { background-color: var(--COLOR_LEGACY_08); color: var(--COLOR_LEGACY_04); box-shadow: 1px 5px 10px -7px var(--COLOR_LEGACY_04); } .channel-reach-back-container .title-bar .text { text-transform: uppercase; } .channel-reach-back-container .title-bar .unread-circle { background-color: var(--COLOR_LEGACY_18); } .channel-reach-back-container .title-bar .text { font-family: General-font-bold; } .channel-reach-back-container .title-bar .undo-button { cursor: pointer; color: var(--COLOR_LEGACY_01); } .channel-reach-back-container .no-records { font-family: General-font-bold; } .channel-reach-back-container .channel-reach-back-request:before { content: ""; width: calc(100% - 20px); height: 2px; position: absolute; top: 0px; left: 0; background-color: var(--COLOR_LEGACY_05); } .channel-reach-back-container .channel-reach-back-request .details-block:after { content: ""; width: 2px; height: calc(100% - 20px); position: absolute; top: 10px; right: 0; background-color: var(--COLOR_LEGACY_05); } .channel-reach-back-container .channel-reach-back-request { cursor: pointer; } .channel-reach-back-container .channel-reach-back-request .group-name { font-family: General-font-bold; color: var(--COLOR_LEGACY_01); } .channel-reach-back-container .channel-reach-back-request .group-name .icon { font-size: 23px; margin-right: 5px; } .channel-reach-back-container .channel-reach-back-request .sender-name { color: var(--COLOR_LEGACY_04); } .channel-reach-back-container .channel-reach-back-request .status { font-family: General-font-bold; font-size: 11px; } .channel-reach-back-container .channel-reach-back-request .controls-block { font-size: 18px; } .channel-reach-back-container .ptt-button { background-color: var(--COLOR_LEGACY_01); color: var(--COLOR_LEGACY_03); margin-top: 16px; opacity: 0.5; cursor: default; } .channel-reach-back-container .ptt-button.active { opacity: 1; cursor: pointer; } .channel-reach-back-container .channel-reach-back-request .trash-button { color: var(--COLOR_LEGACY_01); cursor: pointer; } .channel-reach-back-container .channel-reach-back-request.urgent .status { color: var(--COLOR_LEGACY_18); } .channel-reach-back-container .channel-reach-back-request.regular .status { color: var(--COLOR_LEGACY_13); } .channel-reach-back-container .channel-reach-back-request.completed { cursor: default; } .channel-reach-back-container .channel-reach-back-request.completed .group-name { color: rgba(COLOR_RGBA_08); } .channel-reach-back-container .channel-reach-back-request.completed .sender-name, .channel-reach-back-container .channel-reach-back-request.completed .status, .channel-reach-back-container .channel-reach-back-request.completed .date { color: rgba(COLOR_RGBA_07); } .channel-reach-back-container .channel-reach-back-request.completed .ptt-button { background-color: var(--COLOR_LEGACY_02) !important; opacity: 0.4 !important; cursor: default; }