/* * Miva Merchant * * This file and the source codes contained herein are the property of * Miva, Inc. Use of this file is restricted to the specific terms and * conditions in the License Agreement associated with this file. Distribution * of this file or portions of this file for uses not covered by the License * Agreement is not allowed without a written agreement signed by an officer of * Miva, Inc. * * Copyright 1998-2025 Miva, Inc. All rights reserved. * http://www.miva.com * */ /* v10 UI Generic Styles */ .mm_legacy_input, .mm10_content_wrapper input[type="text"]:not(.mm_input), .mm10_content_wrapper input[type="password"]:not(.mm_input), .mm10_content_wrapper input[type="date"]:not(.mm_input), .mm10_content_wrapper input[type="datetime-local"]:not(.mm_input), .mm10_content_wrapper input[type="email"]:not(.mm_input), .mm10_content_wrapper input[type="month"]:not(.mm_input), .mm10_content_wrapper input[type="number"]:not(.mm_input), .mm10_content_wrapper input[type="search"]:not(.mm_input), .mm10_content_wrapper input[type="tel"]:not(.mm_input), .mm10_content_wrapper input[type="time"]:not(.mm_input), .mm10_content_wrapper input[type="url"]:not(.mm_input), .mm10_content_wrapper input[type="week"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="text"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="password"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="date"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="datetime-local"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="email"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="month"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="number"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="search"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="tel"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="time"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="url"]:not(.mm_input), .mm10_screen_content_grouptab_entry_content input[type="week"]:not(.mm_input) { padding: 7px 15px; color: #494a53; font-size: 12px; font-weight: 400; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; outline: none; } .mm_legacy_input:focus, .mm10_content_wrapper input[type="text"]:not(.mm_input):focus, .mm10_content_wrapper input[type="password"]:not(.mm_input):focus, .mm10_content_wrapper input[type="date"]:not(.mm_input):focus, .mm10_content_wrapper input[type="datetime-local"]:not(.mm_input):focus, .mm10_content_wrapper input[type="email"]:not(.mm_input):focus, .mm10_content_wrapper input[type="month"]:not(.mm_input):focus, .mm10_content_wrapper input[type="number"]:not(.mm_input):focus, .mm10_content_wrapper input[type="search"]:not(.mm_input):focus, .mm10_content_wrapper input[type="tel"]:not(.mm_input):focus, .mm10_content_wrapper input[type="time"]:not(.mm_input):focus, .mm10_content_wrapper input[type="url"]:not(.mm_input):focus, .mm10_content_wrapper input[type="week"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="text"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="password"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="date"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="datetime-local"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="email"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="month"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="number"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="search"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="tel"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="time"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="url"]:not(.mm_input):focus, .mm10_screen_content_grouptab_entry_content input[type="week"]:not(.mm_input):focus { border-color: #539cff; } .mm_legacy_input:read-only, .mm10_content_wrapper input[type="text"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="password"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="date"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="datetime-local"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="email"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="month"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="number"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="search"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="tel"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="time"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="url"]:not(.mm_input):read-only, .mm10_content_wrapper input[type="week"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="text"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="password"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="date"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="datetime-local"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="email"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="month"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="number"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="search"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="tel"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="time"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="url"]:not(.mm_input):read-only, .mm10_screen_content_grouptab_entry_content input[type="week"]:not(.mm_input):read-only { color: #494a53; background-color: #fafbfc; } .mm_legacy_input:read-only:focus, .mm10_content_wrapper input[type="text"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="password"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="date"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="datetime-local"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="email"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="month"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="number"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="search"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="tel"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="time"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="url"]:not(.mm_input):read-only:focus, .mm10_content_wrapper input[type="week"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="text"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="password"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="date"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="datetime-local"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="email"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="month"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="number"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="search"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="tel"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="time"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="url"]:not(.mm_input):read-only:focus, .mm10_screen_content_grouptab_entry_content input[type="week"]:not(.mm_input):read-only:focus { border-color: #969da8; } .mm_legacy_input:disabled, .mm_legacy_input:disabled:focus, .mm10_content_wrapper input[type="text"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="text"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="password"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="password"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="date"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="date"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="datetime-local"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="datetime-local"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="email"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="email"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="month"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="month"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="number"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="number"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="search"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="search"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="tel"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="tel"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="time"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="time"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="url"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="url"]:not(.mm_input):disabled:focus, .mm10_content_wrapper input[type="week"]:not(.mm_input):disabled, .mm10_content_wrapper input[type="week"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="text"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="text"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="password"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="password"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="date"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="date"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="datetime-local"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="datetime-local"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="email"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="email"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="month"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="month"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="number"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="number"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="search"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="search"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="tel"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="tel"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="time"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="time"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="url"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="url"]:not(.mm_input):disabled:focus, .mm10_screen_content_grouptab_entry_content input[type="week"]:not(.mm_input):disabled, .mm10_screen_content_grouptab_entry_content input[type="week"]:not(.mm_input):disabled:focus { color: #b4b9bf; background-color: #fafbfc; border-color: #e0e1e4; } .mm_legacy_input::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm_legacy_input::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="text"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="text"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="password"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="password"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="date"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="date"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="datetime-local"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="datetime-local"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="email"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="email"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="month"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="month"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="number"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="number"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="search"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="search"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="tel"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="tel"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="time"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="time"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="url"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="url"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_content_wrapper input[type="week"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_content_wrapper input[type="week"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="text"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="text"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="password"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="password"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="date"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="date"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="datetime-local"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="datetime-local"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="email"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="email"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="month"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="month"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="number"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="number"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="search"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="search"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="tel"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="tel"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="time"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="time"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="url"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="url"]:not(.mm_input)::-ms-input-placeholder, /* Microsoft Edge */ .mm10_screen_content_grouptab_entry_content input[type="week"]:not(.mm_input)::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm10_screen_content_grouptab_entry_content input[type="week"]:not(.mm_input)::-ms-input-placeholder /* Microsoft Edge */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #969da8; opacity: 1; } .mm_legacy_select, .mm10_content_wrapper select, .mm10_screen_content_grouptab_entry_content select { padding: 7px 35px 7px 15px; color: #494a53; background: #fff; font-size: 12px; font-weight: 400; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; outline: none; } .mm_legacy_select:not([multiple]), .mm10_content_wrapper select:not([multiple]), .mm10_screen_content_grouptab_entry_content select:not([multiple]) { background: no-repeat calc(100% - 15px) url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm10_select_dropdown.png') #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .mm_legacy_select:focus, .mm10_content_wrapper select:focus, .mm10_screen_content_grouptab_entry_content select:focus { border-color: #539cff; } .mm10_content_wrapper textarea, .mm10_screen_content_grouptab_entry_content textarea { padding: 18px 20px; color: #494a53; background: #fff; font-size: 12px; font-weight: 400; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; overflow: auto; outline: none; } .mm10_content_wrapper textarea:focus, .mm10_screen_content_grouptab_entry_content textarea:focus { border-color: #539cff; } .mm10_scraped_imgbutton_container { top: 0 !important; outline: none; } .mm10_scraped_imgbutton { position: relative; display: inline-block; padding: 7px 15px; height: 30px; color: #2f75ff; background-color: #f0f5ff; font-size: 12px; font-weight: 500; border: 1px solid #d3e2ff; border-radius: 4px; box-sizing: border-box; transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear; } .mm10_scraped_imgbutton:focus, .mm10_scraped_imgbutton_container:focus .mm10_scraped_imgbutton { color: #2f75ff; background-color: #f0f5ff; border-color: #d3e2ff; box-shadow: 0 0 0 3px #f2f4f7; } .mm10_scraped_imgbutton:hover, .mm10_scraped_imgbutton_container:hover .mm10_scraped_imgbutton { color: #fff; background-color: #2f75ff; border-color: #2f75ff; box-shadow: 0 8px 15px rgba( 47, 117, 255, 0.36 ); } .mm10_scraped_imgbutton:active, .mm10_scraped_imgbutton_container:active .mm10_scraped_imgbutton { color: #2f75ff; background-color: #f0f5ff; border-color: #2f75ff; box-shadow: none; } .mm10_style_header_font { font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; } .mm10_style_body_font { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; } .mm10_svg_icon_span { position: relative; display: inline-flex; align-items: center; justify-content: center; } .mm10_scrollbar_dimension_calculator { position: absolute; top: -9999px; width: 100px; height: 100px; overflow: scroll; } .mm_vertical_align_top { vertical-align: top; } /* LIST STYLES */ .mm_batchlist { display: block; margin: 0; min-width: 700px; position: relative; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .infotable .mm_batchlist { margin: 0; } .mm_batchlist_control_container { border-collapse: collapse; padding: 0; margin: 4px 0; font-size: 10px; vertical-align: bottom; } .mm_batchlist_control_container input { width: auto; overflow: visible; padding: 1px 2px; font-size: 12px; } .mm_batchlist input[type="button"], .mm_batchlist select { padding: 1px 2px; font-size: 12px; font-family: inherit; } .mm_batchlist_content_container { padding: 3px; margin: 0; background-color: #f9f7eb; border: 1px solid #c4c2b9; } .mm_batchlist_header_row { background-color: #999; color: #ffffff; font-weight: bold; } .mm_batchlist_header_row td { height: 35px; padding: 0 5px; vertical-align: middle; white-space: nowrap; } .mm_batchlist_col_select input { height: 13px; } .mm_batchlist_data_row td { border-top: 1px solid #e9e6db; padding: 4px 5px; vertical-align: top; } .mm_batchlist_col_select { width: 20px; text-align: center; } .mm_batchlist_col_previous { text-align: left; } .mm_batchlist_col_next { text-align: right; } .mm_batchlist_previous { display: none; } .mm_batchlist_next { display: none; } .mm_batchlist_scrollarea { width: 100%; max-height: 500px; overflow: auto; } .mm_batchlist_data_col { padding: 4px 5px; vertical-align: top; } .mm_batchlist_none { font-style: italic; } .mm_batchlist_table { width: 100%; border-collapse: collapse; margin: 0; } .mm_batchlist_clear { clear: both; display: block; width: 0.1em; height: 0.1em; } .mm_batchlist_buttons { width: auto; padding-left: 8px; white-space: nowrap; vertical-align: bottom; border-collapse: collapse; } .mm_batchlist_buttons input[type="button"] { width: auto; padding: 1px 3px; } .mm_batchlist_header_row a:link, .mm_batchlist_header_row a:visited, .mm_batchlist_header_row a:active, .mm_batchlist_header_row a:hover { color: #ffffff; } .mm_batchlist_upload { height: 60px; width: 100%; padding: 4px; vertical-align: middle; border: 1px dashed #c4c2b9; } .mm_batchlist_dropzone_file { position: absolute; opacity: 0; filter: alpha(opacity=0); width: auto; height: 35px; } .mm_batchlist_dropzone_text { margin-left: 30px; font-size: 11px; } .mm_batchlist input, .mm_batchlist select { margin: 0; } /* DIALOG STYLES */ .mm_dialog { position: absolute; display: none; top: 0; left: 0; padding: 0; width: 700px; min-width: 350px; background-color: #fff; box-shadow: 0 2px 10px rgba( 27, 71, 159, 0.15 ); border-radius: 8px; box-sizing: border-box; overflow: hidden; z-index: 10; } .mm_dialog_title { position: relative; display: block; padding: 30px 92px 30px 30px; font-size: 27px; font-weight: normal; text-align: left; color: #494a53; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; cursor: default; } .mm_dialog_content_container { position: relative; padding: 0 30px; overflow: auto; box-sizing: border-box; } .mm_dialog select { padding: 1px 2px; font-size: 12px; font-family: inherit; } .mm_dialog label input[type="checkbox"], .mm_dialog label input[type="radio"] { position: relative; top: 3px; } .mm_dialog_table { width: 100%; border-collapse: collapse; margin: 0; } .mm_dialog_scrollarea { overflow: auto; padding: 0; background-color: transparent; } .mm_dialog_upload { height: 60px; width: 100%; padding: 4px; vertical-align: middle; border: 1px dashed #c4c2b9; } .mm_dialog_dropzone_file { position: absolute; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 35px; } .mm_dialog_dropzone_text { margin-left: 30px; font-size: 11px; } .mm_dialog_header_row { font-weight: bold; height: 15px; } .mm_dialog_header_col { padding: 0 5px 0 0; vertical-align: middle; } .mm_dialog_data_row { padding: 4px 5px; } .mm_dialog_data_col { padding: 0 5px; vertical-align: top; } .mm_dialog_prompt { vertical-align: top; padding: 7px 5px 0 0; float: left; } .mm_dialog_prompt_required { font-weight: bold; vertical-align: top; padding: 7px 5px 0 0; float: left; } .mm_dialog_clear { clear: both; display: block; width: 0.1em; height: 0.1em; } /* AUTO-COMPLETE */ .mm9_autocomplete_container { position: absolute; display: none; top: 0; left: 0; background: #fff; z-index: 11; max-height: 500px; margin-right: 10px; margin-bottom: 10px; overflow: auto; border-width: 1px; border-style: solid; border-color: #ccc #999 #999 #ccc; box-shadow: 2px 2px 8px -2px rgba( 0, 0, 0, 0.2 ); } .mm9_autocomplete_entry_container { position: relative; display: block; padding: 5px 8px; cursor: pointer; } .mm9_autocomplete_entry_container.selected { background: #1eabbd; color: #fff; } .mm9_autocomplete_entry_text { position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mm_dialog_completes { background: #ffffff; border: 1px solid #cccccc; position: absolute; z-index: 3; display: none; } .mm_dialog_complete_text { padding: 2px; display: block; width: auto; } .mm_dialog_complete_col { float: left; overflow: hidden; white-space: nowrap; padding-right: 5px; } /* BUTTONS */ .mm_dialog_buttons_right { text-align: right; margin-top: 20px; white-space: nowrap; } .mm_dialog_buttons_left { float: left; text-align: left; margin-top: 20px; white-space: nowrap; } .mm_dialog_buttons_right input, .mm_dialog_buttons_left input { width: auto; padding: 1px 2px; font-size: 13px; } .mm9_skinned_dialog_container { position: absolute; padding: 0; left: -10000px; } .mm9_skinned_dialog_container .mm9_skinned_dialog { position: relative !important; display: block !important; width: auto !important; top: 0px !important; left: 0px !important; } /* MISC */ .mm_clear { clear: both; display: block; width: 0.1em; height: 0.1em; } .mm_highlight { background: #252856; color: #ffffff; } .mm_storeicon_container { position: relative; display: flex; margin-bottom: 15px; align-items: center; } .mm_storeicon_preview { position: relative; display: inline-block; margin-right: 15px; width: 38px; height: 38px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 4px; flex-shrink: 0; } .mm_storeicon_button_container { position: relative; display: inline-block; flex-shrink: 0; } .mm_storeicon { position: relative; display: block; } .mm_storeicon .mm_storeicon_button { margin: 0; padding: 0 15px; height: 38px; } .mm_storeicon_menu { position: absolute; display: none; margin-top: 9px; margin-left: 0; padding: 10px 0; text-align: left; background: #fff; border: 1px solid #e9ecf0; border-radius: 4px; box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15); box-sizing: border-box; overflow: auto; z-index: 99999; } .mm_storeicon_menu .mm9_menubutton_menu_item { position: relative; display: flex; padding: 0 25px; height: 30px; white-space: nowrap; text-align: left; font-size: 13px; font-weight: 500; letter-spacing: 0.010em; color: #6a6e79; align-items: center; cursor: pointer; } .mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_menuitem_container { position: relative; display: flex; padding: 0 20px; flex-wrap: wrap; justify-content: flex-start; max-height: 206px; overflow: auto; max-width: 284px; } .mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_header_container > .mm9_menubutton_menu_section_header { position: relative; display: block; margin-left: 34px; padding: 20px 0; font-size: 16px; font-weight: 500; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; color: #5b5c67; } .mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item { position: relative; display: inline-block; margin: 0 5px 5px; padding: 0; width: 34px; height: 34px; background-color: #fff; border: 2px solid #fff; border-radius: 4px; overflow: hidden; box-sizing: border-box; flex-shrink: 0; } .mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #f0f5ff; border-color: #d3e2ff; } .mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item .mm_storeicon_group_defaults_item_icon { position: relative; display: inline-block; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; flex-shrink: 0; } .mm_storeicon_menu .mm_storeicon_group_customize > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item { position: relative; display: flex; margin: 30px 34px; height: 44px; font-size: 14px; font-weight: 500; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; color: #2f75ff; border: 1px solid #d3e2ff; border-radius: 4px; box-sizing: border-box; flex-grow: 1; align-items: center; justify-content: center; } .mm_storeicon_menu .mm_storeicon_group_customize > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #fff; border-color: #2f75ff; } /* MMMenuButton CSS */ .mm9_menubutton_container { display: inline-block; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm9_menubutton_menu { position: absolute; top: 28px; left: 2px; background-color: #fff; border: 1px solid #aaa; border-radius: 0 2px 2px 2px; box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, 0.8); display: none; z-index: 1; padding: 6px 0 6px 0; font-size: 12px; overflow: auto; } .mm9_menubutton_menu_section_header { position: relative; display: block; padding: 6px 18px 6px 18px; font-weight: bold; font-size: 12px; white-space: nowrap; cursor: default; color: #555; } .mm9_menubutton_menu_item { position: relative; display: block; padding: 8px 20px 8px 20px; white-space: nowrap; cursor: pointer; color: #000; text-align: left; font-weight: normal; } .mm9_menubutton_menu_item.selected_option { background-color: #f8f8f8; font-weight: bold; } .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #f0f0f0; } .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled { color: #999; } .mm9_menubutton_menu_toggle_item { position: relative; display: inline-block; white-space: nowrap; cursor: pointer; padding-left: 15px; } .mm9_menubutton_menu_toggle_toggle.mm9_mivaicon { position: absolute; display: inline-block; left: 15px; width: 12px; height: 12px; font-size: 12px; cursor: pointer; } .mm9_menubutton_menu_item_toggle_active .mm9_menubutton_menu_toggle_toggle::before { content: '\e008'; } .mm9_menubutton_menu_toggle_sort.mm9_mivaicon { position: absolute; display: inline-block; left: 15px; width: 12px; height: 12px; font-size: 12px; color: #444; cursor: pointer; } .mm9_menubutton_menu_submenu_item { position: relative; display: inline-block; white-space: nowrap; cursor: pointer; } .mm9_menubutton_menu_item.mm9_menubutton_menuitem_arrow { padding-right: 30px; } .mm9_menubutton_menu_submenu_arrow_container { position: absolute; display: none; right: 0; top: 0; bottom: 0; width: 30px; cursor: default; } .mm9_menubutton_menuitem_arrow .mm9_menubutton_menu_submenu_arrow_container { display: block; } .mm9_menubutton_menu_submenu_arrow { position: absolute; right: 8px; top: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #aaa; } .mm9_menubutton_menu_divider { position: relative; display: block; margin: 5px 0; color: #aaa; background-color: #aaa; height: 1px; border: none; } .mm9_menubutton { border-radius: 2px; background-color: #f0f0f0; border: 1px solid #ccc; color: #696969; cursor: default; font-size: 11px; font-weight: bold; margin: 0 2px; min-width: 45px; padding: 0 18px 0 6px; text-align: center; } .mm9_menubutton_tail_border { position: absolute; display: none; bottom: -9px; left: 50%; width: 0; height: 0; border-width: 0 8px 8px; border-style: solid; border-color: #aaa transparent; z-index: 3; } .mm9_menubutton_tail { position: absolute; display: none; bottom: -10px; left: 50%; width: 0; height: 0; border-width: 0 8px 8px; border-style: solid; border-color: #fff transparent; z-index: 3; } .mm9_menubutton_container.active .mm9_menubutton_tail_border, .mm9_menubutton_container.active .mm9_menubutton_tail { display: none; } .mm9_menubutton_dropdown { position: absolute; display: none; top: 11px; right: 8px; width: 0; height: 0; border-color: #696969 transparent; border-style: solid; border-width: 4px 4px 0; } .mm9_menubutton:hover { color: #000; border-color: #aaa; } .mm9_menubutton_dropped .mm9_menubutton_dropdown, .mm9_menubutton:hover .mm9_menubutton_dropdown { border-color: #000 transparent; } .mm9_menubutton_dropped { color: #000; border-color: #aaa; } .mm9_menubutton_textoverflow_container { position: absolute; top: 0; left: 0; z-index: 99999; } .mm9_menubutton_textoverflow_message { position: relative; display: block; padding: 10px 20px; background: #fff; color: #6a6e79; font-size: 12px; font-weight: normal; overflow-wrap: break-word; white-space: normal; border-radius: 0 18px 18px 18px; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm9_menubutton_textoverflow_container.above .mm9_menubutton_textoverflow_message { border-radius: 18px 18px 18px 0; } .mm9_button_light { position: relative; display: inline-block; vertical-align: middle; width: auto; height: 15px; padding: 8px 18px; background: #f6f6f6; border: 1px solid #d5d5d5; border-radius: 3px; margin: 0 5px; text-align: center; text-decoration: none; font-size: 0; line-height: 1; cursor: pointer; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm9_button_light:hover { border-color: #ccc; } .mm9_button_light.state_pressed { background: #fff; border-color: #1eabbd; box-shadow: 0px 0px 5px 0 rgba( 0, 0, 0, 0.4 ); } .mm9_button_light.focus, .mm9_button_light.active, .mm9_button_light:active { border-color: #aaa; } .mm9_button_light:active, .mm9_button_light.active { background: #f1f1f1; } .mm9_button_light.disabled:active, .mm9_button_light.disabled:hover, .mm9_button_light.disabled:focus, .mm9_button_light.disabled { border-color: #e3e3e3; background: #f1f1f1; } .mm9_button_light.disabled:active .mm9_button_text, .mm9_button_light.disabled:hover .mm9_button_text, .mm9_button_light.disabled:focus .mm9_button_text, .mm9_button_light.disabled .mm9_button_text { color: #999; } .mm9_button_light.disabled .mm9_button_image { color: #999; } .mm9_dialog_checkbox_container { position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 25px; } .mm9_dialog_checkbox_background { position: absolute; display: inline-block; top: 0; right: 0; bottom: 0; left: 0; background-image: url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm9_checkbox_background.png'); background-position: 0 0; background-repeat: no-repeat; } .mm9_dialog_checkbox_foreground { position: absolute; display: inline-block; top: 0; right: 0; bottom: 0; left: 0; background-image: url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm9_checkbox_foreground.png'); background-position: 3px 0; background-repeat: no-repeat; } .mm9_dialog_checkbox_text { position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; cursor: pointer; } /* NEW Tab UI */ .tab_container { position: relative; border: 1px solid #ccc; } .tab_container_header { position: relative; height: 25px; padding: 8px; background: #777; border-bottom: 1px solid #ccc; z-index: 2; box-shadow: 0 3px 5px -1px #aaa; } .tab_container_header_title { position: relative; display: inline-block; font-size: 18px; font-weight: bold; color: #fff; } .tab_container_header_tabmenu { position: absolute; display: inline-block; top: 5px; right: 5px; } .tab_container_content { position: relative; z-index: 1; } .mm_notification_message_container { position: absolute; display: flex; bottom: 15px; left: 50%; align-items: center; justify-content: center; flex-direction: column; transform: translateX(-50%); z-index: 1000; } .mm_notification_message { position: relative; display: inline-flex; margin-top: 15px; max-width: 450px; padding: 18px 100px 18px 25px; background: #11c7ab; border-radius: 4px; align-items: center; } .mm_notification_message.primary { background: #2f75ff; } .mm_notification_message.error { background: #ed6671; } .mm_notification_message_text { position: relative; display: inline-block; color: #fff; font-size: 14px; text-align: left; font-weight: 500; white-space: normal; word-break: break-all; } .mm_notification_message_action, .mm_notification_message_action:hover, .mm_notification_message_action:visited { position: relative; display: inline-block; margin-left: 12px; color: #fff; font-size: 14px; text-align: left; font-weight: 500; text-decoration: underline; text-decoration-color: #fff; cursor: pointer; } .mm_notification_message_close.mm9_mivaicon { position: absolute; top: 50%; right: 10px; padding: 15px; color: #fff; transform: translateY(-50%); cursor: pointer; } /*** ProgressBar CSS ***/ .mm9_progressbar { position: relative; display: none; } .mm9_progressbar_progress { position: relative; display: block; min-width: 200px; height: 12px; margin: 10px 30px 10px 25px; background: transparent; } .mm9_progressbar_show_title .mm9_progressbar_progress { height: 40px; } .mm9_progressbar_error .mm9_progressbar_progress { height: 40px; } .mm9_progressbar_progress_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mm9_progressbar_progress_cancel.mm9_mivaicon { position: absolute; display: none; right: 0; bottom: 0; width: 12px; height: 12px; font-size: 12px; line-height: 1; color: #8b8f98; cursor: pointer; } .mm9_progressbar_progress_cancel:hover { color: #6a6e79; } .mm9_progressbar_cancel .mm9_progressbar_progress_cancel { display: block; } .mm9_progressbar_cancel .mm9_progressbar_progress_container { right: 27px; } .mm9_progressbar_progress_show_percent { height: 50px; } .mm9_progressbar_progress_percent_container { position: absolute; display: none; top: 0; left: 0; width: 100%; transition: transform .25s linear; } .mm9_progressbar_progress_show_percent .mm9_progressbar_progress_percent_container { display: block; } .mm9_progressbar_progress_percent_spacer { position: absolute; top: 0; left: -23px; width: 46px; height: 34px; } .mm9_progressbar_progress_percent_bubble { position: relative; display: inline-block; width: 46px; height: 28px; background: #eaeff7; border-radius: 6px; } .mm9_progressbar_progress_percent { position: relative; display: block; padding: 7px 0; height: 12px; color: #494A53; text-align: center; font-size: 12px; } .mm9_progressbar_progress_percent_tail { position: absolute; width: 0; height: 0; bottom: -6px; left: 15px; border-width: 8px 8px 0; border-style: solid; border-color: #eaeff7 transparent; } .mm9_progressbar_progress_background { position: absolute; height: 6px; right: 0; bottom: 3px; left: 0; background: #eaeff7; border-radius: 8px; overflow: hidden; } .mm9_progressbar_progress_visual { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #11c7ab; border-radius: 8px; transition: transform .25s linear; transform: translateX(-100%); } .mm9_progressbar_progress_title { position: absolute; display: block; text-align: left; bottom: 16px; left: 2px; right: 2px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mm9_progressbar_progress_error { position: absolute; display: none; text-align: right; right: 2px; bottom: 16px; font-size: 12px; color: #ed6671; cursor: pointer; } .mm9_progressbar_error .mm9_progressbar_progress_title { right: 100px; } .mm9_progressbar_error .mm9_progressbar_progress_error { display: block; } .mm9_progressbar_error .mm9_progressbar_progress_visual { background: #ed6671; } .mm9_progressbar_error .mm9_progressbar_progress_percent_container { display: none; } .mm9_progressbar.indeterminate .mm9_progressbar_progress_visual { transform: translateX(0); background-color: transparent; overflow: hidden; } .mm9_progressbar.indeterminate .mm9_progressbar_progress_visual::before { position: absolute; top: 0; left: 0; bottom: 0; background-color: #11c7ab; animation: mm9_dialog_progressbar_indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; content: ''; } .mm9_progressbar.indeterminate.mm9_progressbar_error .mm9_progressbar_progress_visual::before { background-color: #ed6671; } .mm9_progressbar.indeterminate .mm9_progressbar_progress_visual::after { position: absolute; top: 0; left: 0; bottom: 0; background-color: #11c7ab; animation: mm9_dialog_progressbar_indeterminate_short 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.2s; content: ''; } .mm9_progressbar.indeterminate.mm9_progressbar_error .mm9_progressbar_progress_visual::after { background-color: #ed6671; } /** MMSearch **/ .mm9_search_container { position: relative; display: inline-block; vertical-align: middle; width: 200px; height: 25px; line-height: 18px; border: 1px solid #d9d9d9; border-radius: 3px; color: #777; outline: none; cursor: text; background: #fff; transition: all .25s ease-in-out; z-index: 0; } .mm9_search_container_hover { border-color: #b9b9b9; border-top-color: #a0a0a0; } .mm9_search_container_active, .mm9_search_container:active { border-color: #1eabbd; box-shadow: 1px 1px 8px -1px #ccc; } .mm9_search_container_disabled, .mm9_search_container_disabled:active { border-color: #d9d9d9; box-shadow: none; background: #f5f5f5; } .mm9_search_placeholder_container { position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; z-index: 1; } .mm9_search_search_container { position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; z-index: 2; } .mm9_search_placeholder { position: relative; width: 100%; height: 100%; border: none; color: #999; outline: none; background: url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/blank.gif'); padding: 0; margin: 0; } .mm9_search { position: relative; width: 100%; height: 100%; border: none; color: #999; outline: none; background: url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/blank.gif'); padding: 0; margin: 0; } .mm9_search_active { color: #000; } /** MMButton **/ .mm9_button { position: relative; display: inline-block; padding: 9px 15px; margin: 2px 1px; color: #666; background: #f7f7f7; border: 1px solid #d5d5d5; border-radius: 3px; text-decoration: none; white-space: nowrap; cursor: pointer; font-size: 0; line-height: 1; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm9_button:hover { border-color: #c5c5c5; } .mm9_button.focus, .mm9_button.active, .mm9_button:active { border-color: #1eabbd; } .mm9_button.disabled, .mm9_button.disabled:hover { background: #f1f1f1; border-color: #ccc; } .mm9_button_text { position: relative; display: inline-block; vertical-align: middle; height: auto; text-align: center; font-weight: normal; font-size: 12px; padding: 2px 0 1px; color: #000; } .mm9_button.disabled .mm9_button_text { color: #777; } .mm9_button_title { position: absolute; display: none; top: 12px; left: 15px; text-transform: uppercase; font-weight: bold; font-size: 10px; color: #999; } .mm9_button_title_tooltip { display: none; } .mm9_button_image { position: relative; display: none; width: 15px; height: 15px; vertical-align: middle; color: #444; } .mm9_button.disabled .mm9_button_image { color: #777; } .mm9_button_upload_container { position: absolute; width: 0px; height: 0px; overflow: hidden; } /** MMDialog CSS **/ .mm_dialog_hidden_content { display: none; } .mm9_dialog, .mm_tabdialog { position: absolute; display: none; top: 0; left: 0; width: 700px; height: auto; box-sizing: border-box; } .mm9_dialog.hidden, .mm_tabdialog.hidden { visibility: hidden; } .mm9_dialog_container, .mm_tabdialog_container { position: relative; display: block; width: 100%; height: 100%; border-radius: 8px; overflow: hidden; z-index: 11; box-shadow: 0 2px 10px rgba( 27, 71, 159, 0.15 ); box-sizing: border-box; } .mm9_dialog_resize_top, .mm_tabdialog_resize_top { position: absolute; display: none; top: 0; right: 10px; left: 10px; height: 6px; cursor: n-resize; z-index: 2; background: transparent; } .mm9_dialog_resize_topright, .mm_tabdialog_resize_topright { position: absolute; display: none; top: 0; right: 0; width: 10px; height: 10px; cursor: ne-resize; z-index: 2; background: transparent; } .mm9_dialog_resize_right, .mm_tabdialog_resize_right { position: absolute; display: none; top: 10px; right: 0; bottom: 10px; width: 6px; cursor: e-resize; z-index: 2; background: transparent; } .mm9_dialog_resize_bottomright, .mm_tabdialog_resize_bottomright { position: absolute; display: none; right: 0; bottom: 0; width: 10px; height: 10px; cursor: se-resize; z-index: 2; background: transparent; } .mm9_dialog_resize_bottom, .mm_tabdialog_resize_bottom { position: absolute; display: none; right: 10px; bottom: 0; left: 10px; height: 6px; cursor: s-resize; z-index: 2; background: transparent; } .mm9_dialog_resize_bottomleft, .mm_tabdialog_resize_bottomleft { position: absolute; display: none; bottom: 0; left: 0; width: 10px; height: 10px; cursor: sw-resize; z-index: 2; background: transparent; } .mm9_dialog_resize_left, .mm_tabdialog_resize_left { position: absolute; display: none; top: 10px; bottom: 10px; left: 0; width: 6px; cursor: w-resize; z-index: 2; background: transparent; } .mm9_dialog_resize_topleft, .mm_tabdialog_resize_topleft { position: absolute; display: none; top: 0; left: 0; width: 10px; height: 10px; cursor: nw-resize; z-index: 2; background: transparent; } .mm9_dialog_content_container, .mm_tabdialog_content_container { position: relative; display: flex; margin: 0; width: 100%; height: 100%; flex-direction: column; background: #fff; z-index: 2; box-sizing: border-box; overflow: hidden; } .mm9_dialog_progressbar_container, .mm_tabdialog_progressbar_container { position: absolute; display: none; top: 0; right: -2px; left: -2px; height: 6px; overflow: hidden; } .mm9_dialog_progressbar_container.visible, .mm_tabdialog_progressbar_container.visible { display: block; } .mm9_dialog_progressbar_background, .mm_tabdialog_progressbar_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; } .mm9_dialog_progressbar_foreground, .mm_tabdialog_progressbar_foreground { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #11c7ab; border-radius: 8px; transform: translateX(-100%); } .mm9_dialog_progressbar_container.error .mm9_dialog_progressbar_foreground, .mm_tabdialog_progressbar_container.error .mm_tabdialog_progressbar_foreground { background-color: #ed6671; } .mm9_dialog_progressbar_container.indeterminate .mm9_dialog_progressbar_foreground, .mm_tabdialog_progressbar_container.indeterminate .mm_tabdialog_progressbar_foreground { background-color: transparent; transform: translateX(0); overflow: hidden; } .mm9_dialog_progressbar_container.indeterminate .mm9_dialog_progressbar_foreground::before, .mm_tabdialog_progressbar_container.indeterminate .mm_tabdialog_progressbar_foreground::before { position: absolute; top: 0; left: 0; bottom: 0; background-color: #11c7ab; animation: mm9_dialog_progressbar_indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; content: ''; } .mm9_dialog_progressbar_container.indeterminate.error .mm9_dialog_progressbar_foreground::before, .mm_tabdialog_progressbar_container.indeterminate.errrtab .mm9_dialog_progressbar_foreground::before { background-color: #ed6671; } .mm9_dialog_progressbar_container.indeterminate .mm9_dialog_progressbar_foreground::after, .mm_tabdialog_progressbar_container.indeterminate .mm_tabdialog_progressbar_foreground::after { position: absolute; top: 0; left: 0; bottom: 0; background-color: #11c7ab; animation: mm9_dialog_progressbar_indeterminate_short 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.2s; content: ''; } .mm9_dialog_progressbar_container.indeterminate.error .mm9_dialog_progressbar_foreground::after, .mm_tabdialog_progressbar_container.indeterminate.errrtab .mm9_dialog_progressbar_foreground::after { background-color: #ed6671; } @keyframes mm9_dialog_progressbar_indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -190%; } 100% { left: 100%; right: -190%; } } @keyframes mm9_dialog_progressbar_indeterminate_short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } .mm9_dialog_draganddrop_container, .mm_tabdialog_draganddrop_container { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 99999; } .mm9_dialog.draganddrop_visible .mm9_dialog_draganddrop_container, .mm_tabdialog.draganddrop_visible .mm_tabdialog_draganddrop_container { display: block; } .mm9_dialog_draganddrop_content, .mm_tabdialog_draganddrop_content { position: absolute; display: flex; top: 8px; right: 8px; bottom: 8px; left: 8px; font-size: 22px; font-weight: normal; color: #6a6e79; background-color: rgba(255, 255, 255, 0.9); border: 2px dashed #2f75ff; border-radius: 8px; align-items: center; justify-content: center; } .mm9_dialog_draganddrop_mask, .mm_tabdialog_draganddrop_mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; z-index: 99999; } .mm9_dialog_close.mm9_mivaicon, .mm_tabdialog_close.mm9_mivaicon { position: absolute; top: 15px; right: 20px; width: 15px; height: 15px; font-size: 15px; color: #8b8f98; text-align: center; z-index: 4; cursor: pointer; } .mm9_dialog_close:hover, .mm_tabdialog_close:hover { color: #6a6e79; } .mm9_dialog_button_fullscreen.mm9_mivaicon, .mm_tabdialog_button_fullscreen.mm9_mivaicon { position: absolute; display: none; top: 15px; right: 50px; width: 15px; height: 15px; font-size: 15px; color: #8b8f98; text-align: center; z-index: 4; cursor: pointer; } .mm9_dialog_button_fullscreen:hover, .mm_tabdialog_button_fullscreen:hover { color: #6a6e79; } .mm9_dialog_title, .mm_tabdialog_title { position: relative; display: block; padding: 30px 92px 30px 30px; font-size: 27px; font-weight: normal; text-align: left; color: #494a53; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; cursor: default; } .mm9_dialog.mm9_dialog_subtitle_visible .mm9_dialog_title, .mm_tabdialog.mm_tabdialog_subtitle_visible .mm_tabdialog_title { padding-bottom: 5px; } .mm9_dialog_subtitle, .mm_tabdialog_subtitle { position: relative; display: none; padding: 0 30px 30px 30px; font-size: 16px; font-weight: normal; text-align: left; color: #5b5c67; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; cursor: default; } .mm9_dialog.mm9_dialog_subtitle_visible .mm9_dialog_subtitle, .mm_tabdialog.mm_tabdialog_subtitle_visible .mm_tabdialog_subtitle { display: block; } .mm9_dialog_content { position: relative; display: block; overflow: auto; flex-grow: 1; } .mm9_dialog.mm9_dialog_autoheight .mm9_dialog_content { position: relative; display: block; margin: 0; width: 100%; box-sizing: border-box; overflow: auto; flex-grow: 1; } .mm9_dialog_content_body { padding: 0 30px; } .mm9_dialog_actionbar, .mm_tabdialog_actionbar { position: relative; display: none; padding: 40px 30px 40px; white-space: nowrap; text-align: right; justify-content: flex-end; align-items: center; overflow: hidden; flex-shrink: 0; } .mm9_dialog_actionbar.visible, .mm_tabdialog_actionbar.visible { display: flex; } .mm9_dialog_actionbar .mm10_button_style_primary, .mm9_dialog_actionbar .mm10_button_style_alternative_1, .mm9_dialog_actionbar .mm10_button_style_primary_muted, .mm9_dialog_actionbar .mm10_button_style_secondary, .mm9_dialog_actionbar .mm10_button_style_secondary_borderless, .mm9_dialog_actionbar .mm10_button_style_primary_muted_borderless, .mm9_dialog_actionbar .mm10_button_style_link, .mm9_dialog_actionbar .mm10_button_style_negative, .mm9_dialog_actionbar .mm10_button_style_negative_muted, .mm9_dialog_actionbar .mm_hybridmenubutton_style_primary, .mm9_dialog_actionbar .mm_hybridmenubutton_style_alternative_1, .mm9_dialog_actionbar .mm_hybridmenubutton_style_primary_muted, .mm9_dialog_actionbar .mm_hybridmenubutton_style_secondary, .mm9_dialog_actionbar .mm_hybridmenubutton_style_secondary_borderless, .mm9_dialog_actionbar .mm_hybridmenubutton_style_primary_muted_borderless, .mm9_dialog_actionbar .mm_hybridmenubutton_style_link, .mm9_dialog_actionbar .mm_hybridmenubutton_style_negative, .mm9_dialog_actionbar .mm_hybridmenubutton_style_negative_muted, .mm_tabdialog_actionbar .mm10_button_style_primary, .mm_tabdialog_actionbar .mm10_button_style_alternative_1, .mm_tabdialog_actionbar .mm10_button_style_primary_muted, .mm_tabdialog_actionbar .mm10_button_style_secondary, .mm_tabdialog_actionbar .mm10_button_style_secondary_borderless, .mm_tabdialog_actionbar .mm10_button_style_primary_muted_borderless, .mm_tabdialog_actionbar .mm10_button_style_link, .mm_tabdialog_actionbar .mm10_button_style_negative, .mm_tabdialog_actionbar .mm10_button_style_negative_muted, .mm_tabdialog_actionbar .mm_hybridmenubutton_style_primary, .mm_tabdialog_actionbar .mm_hybridmenubutton_style_alternative_1, .mm_tabdialog_actionbar .mm_hybridmenubutton_style_primary_muted, .mm_tabdialog_actionbar .mm_hybridmenubutton_style_secondary, .mm_tabdialog_actionbar .mm_hybridmenubutton_style_secondary_borderless, .mm_tabdialog_actionbar .mm_hybridmenubutton_style_primary_muted_borderless, .mm_tabdialog_actionbar .mm_hybridmenubutton_style_link, .mm_tabdialog_actionbar .mm_hybridmenubutton_style_negative, .mm_tabdialog_actionbar .mm_hybridmenubutton_style_negative_muted { margin-left: 10px; } .mm9_dialog_actionitem, .mm_tabdialog_actionitem { position: relative; vertical-align: top; display: inline-block; padding: 14px 31px; margin: 0 5px; height: 44px; font-size: 0; background: #2f75ff; text-align: center; border: 1px solid #2f75ff; cursor: pointer; border-radius: 4px; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm9_dialog_actionitem .mm9_button_text, .mm_tabdialog_actionitem .mm9_button_text { position: relative; display: inline-block; font-size: 14px; font-weight: 500; padding: 0; color: #fff; } .mm9_dialog_actionitem.focus, .mm_tabdialog_actionitem.focus { border-color: #1a5cde; } .mm9_dialog_actionitem:hover, .mm_tabdialog_actionitem:hover { border-color: #1a5cde; } .mm9_dialog_actionitem:active, .mm9_dialog_actionitem.active, .mm_tabdialog_actionitem:active, .mm_tabdialog_actionitem.active { background: #1a5cde; } .mm9_dialog_actionitem.disabled:active, .mm9_dialog_actionitem.disabled:hover, .mm9_dialog_actionitem.disabled:focus, .mm9_dialog_actionitem.disabled, .mm_tabdialog_actionitem.disabled:active, .mm_tabdialog_actionitem.disabled:hover, .mm_tabdialog_actionitem.disabled:focus, .mm_tabdialog_actionitem.disabled { border-color: #e3e3e3; background: #f1f1f1; } .mm9_dialog_actionitem.disabled:active .mm9_button_text, .mm9_dialog_actionitem.disabled:hover .mm9_button_text, .mm9_dialog_actionitem.disabled:focus .mm9_button_text, .mm9_dialog_actionitem.disabled .mm9_button_text, .mm_tabdialog_actionitem.disabled:active .mm9_button_text, .mm_tabdialog_actionitem.disabled:hover .mm9_button_text, .mm_tabdialog_actionitem.disabled:focus .mm9_button_text, .mm_tabdialog_actionitem.disabled .mm9_button_text { color: #999; } .mm9_dialog_actionitem.disabled .mm9_button_image, .mm_tabdialog_actionitem.disabled .mm9_button_image { color: #999; } .mm9_dialog_actionitem_close, .mm_tabdialog_actionitem_close { background: #fff; border-color: #d9d9d9; } .mm9_dialog_actionitem_close .mm9_button_text, .mm_tabdialog_actionitem_close .mm9_button_text { color: #6a6e79; } .mm9_dialog_actionitem_close.focus, .mm9_dialog_actionitem_close.active, .mm9_dialog_actionitem_close:active, .mm_tabdialog_actionitem_close.focus, .mm_tabdialog_actionitem_close.active, .mm_tabdialog_actionitem_close:active { border-color: #ccc; } .mm9_dialog_actionitem_close:hover, .mm_tabdialog_actionitem_close:hover { border-color: #ccc; } .mm9_dialog_actionitem_close:active, .mm9_dialog_actionitem_close.active, .mm_tabdialog_actionitem_close:active, .mm_tabdialog_actionitem_close.active { background: #f1f1f1; } .mm9_dialog_actionitem_close.disabled:active, .mm9_dialog_actionitem_close.disabled:hover, .mm9_dialog_actionitem_close.disabled:focus, .mm9_dialog_actionitem_close.disabled, .mm_tabdialog_actionitem_close.disabled:active, .mm_tabdialog_actionitem_close.disabled:hover, .mm_tabdialog_actionitem_close.disabled:focus, .mm_tabdialog_actionitem_close.disabled { border-color: #e3e3e3; background: #f1f1f1; } .mm9_dialog_actionitem_close.disabled:active .mm9_button_text, .mm9_dialog_actionitem_close.disabled:hover .mm9_button_text, .mm9_dialog_actionitem_close.disabled:focus .mm9_button_text, .mm9_dialog_actionitem_close.disabled .mm9_button_text, .mm_tabdialog_actionitem_close.disabled:active .mm9_button_text, .mm_tabdialog_actionitem_close.disabled:hover .mm9_button_text, .mm_tabdialog_actionitem_close.disabled:focus .mm9_button_text, .mm_tabdialog_actionitem_close.disabled .mm9_button_text { color: #999; } .mm9_dialog_actionitem_close.disabled .mm9_button_image, .mm_tabdialog_actionitem_close.disabled .mm9_button_image { color: #999; } .mm9_dialog_actionitem_delete, .mm_tabdialog_actionitem_delete { background: #ff6b59; border-color: #ff6b59; } .mm9_dialog_actionitem_delete .mm9_button_text, .mm_tabdialog_actionitem_delete .mm9_button_text { color: #fff; } .mm9_dialog_actionitem_delete.focus, .mm9_dialog_actionitem_delete.active, .mm9_dialog_actionitem_delete:active, .mm_tabdialog_actionitem_delete.focus, .mm_tabdialog_actionitem_delete.active, .mm_tabdialog_actionitem_delete:active { border-color: #df4b39; } .mm9_dialog_actionitem_delete:hover, .mm_tabdialog_actionitem_delete:hover { border-color: #df4b39; } .mm9_dialog_actionitem_delete:active, .mm9_dialog_actionitem_delete.active, .mm_tabdialog_actionitem_delete:active, .mm_tabdialog_actionitem_delete.active { background: #df4b39; } .mm9_dialog_actionitem_delete.disabled:active, .mm9_dialog_actionitem_delete.disabled:hover, .mm9_dialog_actionitem_delete.disabled:focus, .mm9_dialog_actionitem_delete.disabled, .mm_tabdialog_actionitem_delete.disabled:active, .mm_tabdialog_actionitem_delete.disabled:hover, .mm_tabdialog_actionitem_delete.disabled:focus, .mm_tabdialog_actionitem_delete.disabled { border-color: #e3e3e3; background: #f1f1f1; } .mm9_dialog_actionitem_delete.disabled:active .mm9_button_text, .mm9_dialog_actionitem_delete.disabled:hover .mm9_button_text, .mm9_dialog_actionitem_delete.disabled:focus .mm9_button_text, .mm9_dialog_actionitem_delete.disabled .mm9_button_text, .mm_tabdialog_actionitem_delete.disabled:active .mm9_button_text, .mm_tabdialog_actionitem_delete.disabled:hover .mm9_button_text, .mm_tabdialog_actionitem_delete.disabled:focus .mm9_button_text, .mm_tabdialog_actionitem_delete.disabled .mm9_button_text { color: #999; } .mm9_dialog_actionitem_delete.disabled .mm9_button_image, .mm_tabdialog_actionitem_delete.disabled .mm9_button_image { color: #999; } .mm9_dialog_loading_container, .mm_tabdialog_loading_container { position: absolute; display: none; top: 0; left: 0; } .mm9_dialog_loading_image, .mm_tabdialog_loading_image { position: relative; display: inline-block; vertical-align: middle; margin: 16px; text-align: center; } .mm9_dialog_loading_text, .mm_tabdialog_loading_text { position: relative; display: inline-block; vertical-align: middle; margin: 16px 16px 16px 0; font-size: 12px; } .mm9_dialog_loading, .mm_tabdialog_loading { top: 175px; left: 50%; position: absolute; height: auto; width: auto; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #999999 #666666 #666666 #999999; background-color: #fff; padding: 6px; display: none; z-index: 10; box-shadow: 3px 3px 5px -3px #000; } .mm9_dialog_loading_text, .mm_tabdialog_loading_text { position: relative; display: inline-block; vertical-align: middle; margin: 16px 16px 16px 0; font-size: 12px; } .mm9_dialog_loading_progress, .mm_tabdialog_loading_progress { position: relative; display: inline-block; vertical-align: middle; margin: 16px; text-align: center; } .mm9_dialog_prompt, .mm_tabdialog_prompt { position: relative; display: inline-block; width: 150px; vertical-align: top; padding: 7px 5px 0 0; white-space: normal; word-break: break-all; } .mm9_dialog_prompt_required, .mm_tabdialog_prompt_required { font-weight: bold; } .mm10_dialog_fullscreen_maintain_dialog_integrity.mm9_dialog, .mm10_dialog_fullscreen_maintain_dialog_integrity.mm_tabdialog { padding: 0; } .mm10_dialog_fullscreen_maintain_dialog_integrity .mm9_dialog_container, .mm10_dialog_fullscreen_maintain_dialog_integrity .mm_tabdialog_container { border-radius: 0; box-shadow: none; } .mm9_dialog_fullscreen.mm9_dialog, .mm_tabdialog_fullscreen.mm_tabdialog { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; width: auto; height: auto; } .mm9_dialog_fullscreen .mm9_dialog_container, .mm_tabdialog_fullscreen .mm_tabdialog_container { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; border: none; border-radius: 0; overflow: auto; box-shadow: none; } .mm9_dialog_fullscreen .mm9_dialog_close, .mm_tabdialog_fullscreen .mm_tabdialog_close { display: none; } .mm9_dialog_fullscreen .mm9_dialog_title, .mm_tabdialog_fullscreen .mm_tabdialog_title { display: none; } .mm9_dialog_fullscreen .mm9_dialog_content, .mm_tabdialog_fullscreen .mm_tabdialog_content { top: 0; bottom: 0; } .mm9_dialog_fullscreen .mm9_dialog_content_body, .mm_tabdialog_fullscreen .mm_tabdialog_content_body { padding: 0; } .mm9_dialog_fullscreen .mm9_dialog_actionbar, .mm_tabdialog_fullscreen .mm_tabdialog_actionbar { display: none; margin: 0; padding: 15px 30px; } .mm9_dialog_fullscreen.mm9_dialog_fullscreen_actions_visible .mm9_dialog_actionbar, .mm_tabdialog_fullscreen.mm_tabdialog_fullscreen_actions_visible .mm_tabdialog_actionbar { display: flex; } /** MMTabDialog CSS Customizations **/ .mm_tabdialog_tabs { position: relative; display: flex; align-items: flex-start; margin: 0 30px 20px; border-bottom: 2px solid #e1e5eb; } .mm_tabdialog.mm_tabdialog_list_mode .mm_tabdialog_tabs { margin-bottom: 0; } .mm_tabdialog_tabs_wrapper { position: relative; display: flex; align-items: center; } .mm_tabdialog_tabs_content { position: relative; display: inline-block; white-space: nowrap; overflow: hidden; } .mm_tabdialog_tabs_more_container { position: relative; display: inline-block; visibility: hidden; } .mm_tabdialog_tabs_more_container.visible { visibility: visible; } .mm_tabdialog_tabs_more { position: relative; display: block; } .mm_tabdialog_tabs_more_button { position: relative; display: inline-flex; padding: 0 26px 0 15px; height: 32px; align-items: flex-start; cursor: pointer; outline: none; } .mm_tabdialog_tabs_more_button .mm9_button_text { position: relative; display: inline-block; padding: 0; color: #5b5c67; font-size: 13px; font-weight: 500; line-height: 21px; transition: color 0.2s linear; } .mm_tabdialog_tabs_more_button:hover .mm9_button_text, .mm_tabdialog_tabs_more_button.focus .mm9_button_text, .mm_tabdialog_tabs_more.active .mm_tabdialog_tabs_more_button .mm9_button_text, .mm_tabdialog_tabs_more.selected .mm_tabdialog_tabs_more_button .mm9_button_text { color: #2f75ff; } .mm_tabdialog_tabs_more_button .mm9_menubutton_dropdown { position: absolute; display: block; top: 2px; right: 0; width: 14px; height: 14px; border: none; background: #fff; border: 1px solid #e0e1e4; border-radius: 50%; } .mm_tabdialog_tabs_more_button .mm9_menubutton_dropdown_bg1 { position: absolute; top: 7px; left: 6px; width: 5px; height: 1px; background-color: #6a6e79; transform: rotate(-45deg); transition: all 0.2s linear; } .mm_tabdialog_tabs_more.active .mm_tabdialog_tabs_more_button .mm9_menubutton_dropdown_bg1 { background-color: #2f75ff; transform: translateY(-1px) rotate(45deg); } .mm_tabdialog_tabs_more_button .mm9_menubutton_dropdown_bg2 { position: absolute; top: 7px; left: 3px; width: 5px; height: 1px; background-color: #6a6e79; transform: rotate(45deg); transition: all 0.2s linear; } .mm_tabdialog_tabs_more.active .mm_tabdialog_tabs_more_button .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; transform: translateY(-1px) rotate(-45deg); } .mm_tabdialog_tabs_more_menu { position: absolute; display: none; margin: 0 0 20px 0; padding: 10px 0; text-align: left; background: #fff; border: 0; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; overflow: auto; } .mm_tabdialog_tabs_more_menu .mm9_menubutton_menu_item { position: relative; display: flex; padding: 0 25px; height: 30px; white-space: nowrap; text-align: left; font-size: 13px; font-family: 'Neue Haas Grotesk Text', sans-serif; font-weight: 500; letter-spacing: 0.010em; color: #6a6e79; align-items: center; cursor: pointer; } .mm_tabdialog_tabs_more_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected { color: #2f75ff; font-weight: bold; } .mm_tabdialog_tabs_more_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected::before { position: absolute; top: 0; left: 0; bottom: 0; width: 4px; content: ''; background-color: #2f75ff; border-radius: 0 4px 4px 0; } .mm_tabdialog_tabs_more_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #2f75ff; color: #fff; } .mm_tabdialog_tabs_more_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected.mm10_menubutton_menu_item_persistent_selected::before { background-color: #1f4389; } .mm_tabdialog_tab { position: relative; display: inline-flex; height: 32px; align-items: flex-start; padding-right: 15px; cursor: pointer; } .mm_tabdialog_tab + .mm_tabdialog_tab { padding-left: 15px; } .mm_tabdialog_tab_text { position: relative; display: inline-block; color: #5b5c67; font-size: 13px; font-weight: 500; line-height: 21px; transition: color 0.2s linear; } .mm_tabdialog_tab:hover .mm_tabdialog_tab_text, .mm_tabdialog_tab.active .mm_tabdialog_tab_text { color: #2f75ff; } .mm_tabdialog_tabs_active_indicator { position: absolute; display: block; bottom: -2px; left: 0; width: 0; height: 3px; background-color: #2f75ff; border-radius: 3px; } .mm_tabdialog_content { position: relative; display: block; padding: 0 30px; overflow: auto; flex-grow: 1; } .mm_tabdialog.mm_tabdialog_list_mode .mm_tabdialog_content { padding: 0; overflow: visible; } .mm_tabdialog_content_click_block { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; } .mm_tabdialog_content_click_block.visible { display: block; } .mm_tabdialog_tab_content { display: none; } .mm_tabdialog_tab_content.visible { display: block; } .mm_tabdialog .mm_list { position: absolute; top: 0; left: 0; right: 0; bottom: -33px; overflow: auto; } .mm_tabdialog .mm_list .mm_list_container { background-color: #fff; } .mm_tabdialog .mm_list .mm_list_loading_container { background-color: #fff; } .mm_tabdialog .mm_list .mm_list_header_col_selection_container { background-color: transparent; } .mm_tabdialog .mm_list .mm_list_header_col_selection_checkbox { border-color: #cfd2d6; } .mm_tabdialog .mm_list .mm_list_header_row { background-color: #f2f4f7; } .mm_tabdialog .mm_list .mm_list_header_col_div { height: 34px; } .mm_tabdialog .mm_list .mm_list_data_row { border-radius: 0; border-bottom: 1px solid #f2f4f7; } .mm_tabdialog .mm_list .mm_list_data_row_background { top: 0; bottom: 1px; border-radius: 0; } .mm_tabdialog .mm_list .mm_list_data_row_loading_container { top: 0; bottom: 1px; border-radius: 0; } .mm_tabdialog .mm_list .mm_list_data_row_selection_checked, .mm_tabdialog .mm_list .mm_list_data_row_selection_checked.be_hov:hover, .mm_tabdialog .mm_list .mm_list_data_row_displayorder_selection_checked, .mm_tabdialog .mm_list .mm_list_data_row_displayorder_selection_checked.be_hov:hover, .mm_tabdialog .mm_list .mm_list_data_row_displayorder_movetoposition_active, .mm_tabdialog .mm_list .mm_list_data_row_displayorder_movetoposition_active.be_hov:hover { border-bottom-color: transparent } .mm_tabdialog .mm_list .mm_list_feature_columnvisibility_button_container { height: 44px; } .mm_tabdialog .mm_list .mm_list_feature_columnvisibility_button_menu { margin-top: 13px; } .mm_tabdialog .mm_list .mm_list_feature_controls_search_input { box-shadow: none; border: 1px solid #e0e1e4; } .mm_tabdialog .mm_list .mm_list_feature_controls_search_input.focus { border-color: #539cff; box-shadow: none; } .mm_tabdialog .mm_list .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input, .mm_tabdialog .mm_list .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input:hover, .mm_tabdialog .mm_list .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input.focus, .mm_tabdialog .mm_list .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input.invalid.focus { border-color: #d3e2ff; } .mm_tabdialog .mm_list .mm_list_action_button, .mm_tabdialog .mm_list .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button, .mm_tabdialog .mm_list .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton { box-shadow: none; border: 1px solid #e0e1e4; } .mm_tabdialog .mm_list .mm_list_action_button.primary, .mm_tabdialog .mm_list .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.primary, .mm_tabdialog .mm_list .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.primary { box-shadow: none; border: none; } .mm_tabdialog .mm_list .mm_list_action_button.error, .mm_tabdialog .mm_list .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.error, .mm_tabdialog .mm_list .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.error { box-shadow: none; border: none; } .mm_tabdialog .mm_list .mm_list_header_col_selection_spacer, .mm_tabdialog .mm_list .mm_list_data_col_selection_spacer, .mm_tabdialog .mm_list .mm_list_data_row_loading_spacer { width: 69px; } .mm_tabdialog .mm_list .mm_list_header_col_selection, .mm_tabdialog .mm_list .mm_list_data_col_selection, .mm_tabdialog .mm_list .mm_list_data_row_loading { width: 69px; } .mm_tabdialog .mm_list .mm_list_data_row_loading > .mm_loading_indicator { margin-left: 25px; } .mm_tabdialog .mm_list .mm_list_data_col_selection_container { margin-left: 21px; } .mm_tabdialog .mm_list .mm_list_listinfo_container { left: 65px; padding-top: 42px; height: 64px; justify-content: flex-start; } .mm_tabdialog .mm_list .mm_list_listinfo { font-size: 12px; color: #6a6e79; } .mm_tabdialog .mm_list.mm_list_feature_recordcount .mm_list_scroll_container { right: 30px; bottom: 64px; left: 30px; } .mm_tabdialog .mm_list.mm_list_local_actions_controls_container_visible .mm_list_local_actions_controls_container { padding-right: 30px; padding-left: 30px; } /** MMListDialog CSS **/ .mm_listdialog { position: absolute; display: none; top: 0; left: 0; width: 700px; height: auto; box-sizing: border-box; } .mm_listdialog.hidden { visibility: hidden; } .mm_listdialog_container { position: relative; display: block; width: 100%; height: 100%; border-radius: 8px; overflow: hidden; z-index: 11; box-shadow: 0 2px 10px rgba( 27, 71, 159, 0.15 ); box-sizing: border-box; } .mm_listdialog_resize_top { position: absolute; display: none; top: 0; right: 10px; left: 10px; height: 6px; cursor: n-resize; z-index: 2; background: transparent; } .mm_listdialog_resize_topright { position: absolute; display: none; top: 0; right: 0; width: 10px; height: 10px; cursor: ne-resize; z-index: 2; background: transparent; } .mm_listdialog_resize_right { position: absolute; display: none; top: 10px; right: 0; bottom: 10px; width: 6px; cursor: e-resize; z-index: 2; background: transparent; } .mm_listdialog_resize_bottomright { position: absolute; display: none; right: 0; bottom: 0; width: 10px; height: 10px; cursor: se-resize; z-index: 2; background: transparent; } .mm_listdialog_resize_bottom { position: absolute; display: none; right: 10px; bottom: 0; left: 10px; height: 6px; cursor: s-resize; z-index: 2; background: transparent; } .mm_listdialog_resize_bottomleft { position: absolute; display: none; bottom: 0; left: 0; width: 10px; height: 10px; cursor: sw-resize; z-index: 2; background: transparent; } .mm_listdialog_resize_left { position: absolute; display: none; top: 10px; bottom: 10px; left: 0; width: 6px; cursor: w-resize; z-index: 2; background: transparent; } .mm_listdialog_resize_topleft { position: absolute; display: none; top: 0; left: 0; width: 10px; height: 10px; cursor: nw-resize; z-index: 2; background: transparent; } .mm_listdialog_content_container { position: relative; display: flex; margin: 0; width: 100%; height: 100%; flex-direction: column; background: #fff; z-index: 2; box-sizing: border-box; overflow: hidden; } .mm_listdialog_progressbar_container { position: absolute; display: none; top: 0; right: -2px; left: -2px; height: 6px; overflow: hidden; } .mm_listdialog_progressbar_container.visible { display: block; } .mm_listdialog_progressbar_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; } .mm_listdialog_progressbar_foreground { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #11c7ab; border-radius: 8px; transform: translateX(-100%); } .mm_listdialog_progressbar_container.indeterminate .mm_listdialog_progressbar_foreground { background-color: transparent; transform: translateX(0); overflow: hidden; } .mm_listdialog_progressbar_container.indeterminate .mm_listdialog_progressbar_foreground::before { position: absolute; top: 0; left: 0; bottom: 0; background-color: #11c7ab; animation: mm_listdialog_progressbar_indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; content: ''; } .mm_listdialog_progressbar_container.indeterminate.error .mm_listdialog_progressbar_foreground::before { background-color: #ed6671; } .mm_listdialog_progressbar_container.indeterminate .mm_listdialog_progressbar_foreground::after { position: absolute; top: 0; left: 0; bottom: 0; background-color: #11c7ab; animation: mm_listdialog_progressbar_indeterminate_short 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.2s; content: ''; } .mm_listdialog_progressbar_container.indeterminate.error .mm_listdialog_progressbar_foreground::after { background-color: #ed6671; } @keyframes mm_listdialog_progressbar_indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -190%; } 100% { left: 100%; right: -190%; } } @keyframes mm_listdialog_progressbar_indeterminate_short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } .mm_listdialog_draganddrop_container { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 99999; } .mm_listdialog.draganddrop_visible .mm_listdialog_draganddrop_container { display: block; } .mm_listdialog_draganddrop_content { position: absolute; display: flex; top: 8px; right: 8px; bottom: 8px; left: 8px; font-size: 22px; font-weight: normal; color: #6a6e79; background-color: rgba(255, 255, 255, 0.9); border: 2px dashed #2f75ff; border-radius: 8px; align-items: center; justify-content: center; } .mm_listdialog_draganddrop_mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; z-index: 99999; } .mm_listdialog_close.mm9_mivaicon { position: absolute; top: 15px; right: 20px; width: 15px; height: 15px; font-size: 15px; color: #8b8f98; text-align: center; z-index: 4; cursor: pointer; } .mm_listdialog_close:hover { color: #6a6e79; } .mm_listdialog_button_fullscreen.mm9_mivaicon { position: absolute; display: none; top: 15px; right: 50px; width: 15px; height: 15px; font-size: 15px; color: #8b8f98; text-align: center; z-index: 4; cursor: pointer; } .mm_listdialog_button_fullscreen:hover { color: #6a6e79; } .mm_listdialog_title { position: relative; display: block; padding: 30px 92px 30px 30px; font-size: 27px; font-weight: normal; text-align: left; color: #494a53; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; cursor: default; } .mm_listdialog.mm9_dialog_subtitle_visible .mm_listdialog_title { padding-bottom: 5px; } .mm_listdialog_subtitle { position: relative; display: none; padding: 0 30px 30px 30px; font-size: 16px; font-weight: normal; text-align: left; color: #5b5c67; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; cursor: default; } .mm_listdialog.mm9_dialog_subtitle_visible .mm_listdialog_subtitle { display: block; } .mm_listdialog_content { position: relative; display: block; overflow: visible; flex-grow: 1; } .mm_listdialog_actionbar { position: relative; display: none; padding: 0 40px 40px; white-space: nowrap; text-align: right; justify-content: flex-end; align-items: center; overflow: hidden; flex-shrink: 0; } .mm_listdialog_actionbar.visible { display: flex; } .mm_listdialog_actionbar .mm10_button_style_primary, .mm_listdialog_actionbar .mm10_button_style_alternative_1, .mm_listdialog_actionbar .mm10_button_style_primary_muted, .mm_listdialog_actionbar .mm10_button_style_secondary, .mm_listdialog_actionbar .mm10_button_style_secondary_borderless, .mm_listdialog_actionbar .mm10_button_style_primary_muted_borderless, .mm_listdialog_actionbar .mm10_button_style_link, .mm_listdialog_actionbar .mm10_button_style_negative, .mm_listdialog_actionbar .mm10_button_style_negative_muted, .mm_listdialog_actionbar .mm_hybridmenubutton_style_primary, .mm_listdialog_actionbar .mm_hybridmenubutton_style_alternative_1, .mm_listdialog_actionbar .mm_hybridmenubutton_style_primary_muted, .mm_listdialog_actionbar .mm_hybridmenubutton_style_secondary, .mm_listdialog_actionbar .mm_hybridmenubutton_style_secondary_borderless, .mm_listdialog_actionbar .mm_hybridmenubutton_style_primary_muted_borderless, .mm_listdialog_actionbar .mm_hybridmenubutton_style_link, .mm_listdialog_actionbar .mm_hybridmenubutton_style_negative, .mm_listdialog_actionbar .mm_hybridmenubutton_style_negative_muted { margin-left: 10px; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_container { background-color: #fff; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_loading_container { background-color: #fff; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_header_col_selection_container { background-color: transparent; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_header_col_selection_checkbox { border-color: #cfd2d6; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_header_row { background-color: #f2f4f7; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_header_col_div { height: 34px; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row { border-radius: 0; border-bottom: 1px solid #f2f4f7; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_background { top: 0; bottom: 1px; border-radius: 0; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_loading_container { top: 0; bottom: 1px; border-radius: 0; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_selection_checked, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_selection_checked.be_hov:hover, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_displayorder_selection_checked, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_displayorder_selection_checked.be_hov:hover, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_displayorder_movetoposition_active, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_displayorder_movetoposition_active.be_hov:hover { border-bottom-color: transparent } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_feature_columnvisibility_button_container { height: 44px; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_feature_columnvisibility_button_menu { margin-top: 13px; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_feature_controls_search_input { box-shadow: none; border: 1px solid #e0e1e4; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_feature_controls_search_input.focus { border-color: #539cff; box-shadow: none; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input:hover, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input.focus, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input.invalid.focus { border-color: #d3e2ff; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_action_button, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton { box-shadow: none; border: 1px solid #e0e1e4; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_action_button.primary, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.primary, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.primary { box-shadow: none; border: none; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_action_button.error, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.error, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.error { box-shadow: none; border: none; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_header_col_selection_spacer, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_col_selection_spacer, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_loading_spacer { width: 69px; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_header_col_selection, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_col_selection, .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_loading { width: 69px; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_row_loading > .mm_loading_indicator { margin-left: 25px; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_data_col_selection_container { margin-left: 21px; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_listinfo_container { left: 65px; padding-top: 42px; height: 64px; justify-content: flex-start; } .mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_listinfo { font-size: 12px; color: #6a6e79; } .mm_listdialog .mm_list.mm_list_feature_recordcount:not(.mm_list_fullscreen) .mm_list_scroll_container { right: 30px; bottom: 64px; left: 30px; } .mm_listdialog .mm_list.mm_list_local_actions_controls_container_visible:not(.mm_list_fullscreen) .mm_list_local_actions_controls_container { padding-right: 30px; padding-left: 30px; } .mm10_dialog_fullscreen_maintain_dialog_integrity.mm_listdialog { padding: 0; } .mm10_dialog_fullscreen_maintain_dialog_integrity .mm_listdialog_container { border-radius: 0; box-shadow: none; } .mm9_dialog_fullscreen.mm_listdialog { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; width: auto; height: auto; } .mm9_dialog_fullscreen .mm_listdialog_container { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; border: none; border-radius: 0; overflow: auto; box-shadow: none; } .mm9_dialog_fullscreen .mm_listdialog_close { display: none; } .mm9_dialog_fullscreen .mm_listdialog_title { display: none; } .mm9_dialog_fullscreen .mm_listdialog_content { top: 0; bottom: 0; } .mm9_dialog_fullscreen .mm_listdialog_actionbar { display: none; margin: 0; padding: 15px; } .mm9_nodisplay { display: none; } /** MMScreen CSS **/ .mm9_screen_history_time { position: relative; display: inline-block; vertical-align: middle; font-size: 11px; color: #777; margin-right: 8px; } .mm9_screen_history_title, .mm9_screen_bookmark_text { position: relative; display: inline-block; vertical-align: middle; padding: 1px 0; font-size: 11px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 250px; } .mm10_screen_content_grouptab { position: relative; display: none; } .mm10_screen_content_grouptab_entry { position: relative; display: none; padding: 10px 30px; min-width: 100%; background-color: #fff; border-radius: 4px; box-shadow: 0 7px 12px rgba( 202, 214, 237, 0.2 ); box-sizing: border-box; } .mm10_screen_content_grouptab_entry.visible { display: inline-block; } .mm10_screen_content_grouptab_entry.mm10_screen_content_grouptab_entry_visible { padding-bottom: 30px; } .mm10_screen_content_grouptab_entry + .mm10_screen_content_grouptab_entry { margin-top: 10px; } .mm10_screen_content_grouptab_entry_title { position: relative; display: inline-block; padding: 10px 25px 10px 0; margin-bottom: 5px; font-size: 16px; font-weight: bold; cursor: pointer; color: #2f75ff; } .mm10_screen_content_grouptab_entry_visible .mm10_screen_content_grouptab_entry_title { color: #494a53; } .mm10_screen_content_grouptab_entry_title_dropdown { position: absolute; display: block; top: 50%; right: 5px; width: 9px; height: 6px; border: 0; background: none; transform: translateY(-50%) rotate(-90deg); transition: transform 0.2s linear; } .mm10_screen_content_grouptab_entry_visible .mm10_screen_content_grouptab_entry_title_dropdown { transform: translateY(-50%); } .mm10_screen_content_grouptab_entry_title_dropdown_bg1 { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: #2f75ff; transform: rotate(-40deg); } .mm10_screen_content_grouptab_entry_visible .mm10_screen_content_grouptab_entry_title_dropdown_bg1 { background-color: #6a6e79; } .mm10_screen_content_grouptab_entry_title_dropdown_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: #2f75ff; transform: rotate(40deg); } .mm10_screen_content_grouptab_entry_visible .mm10_screen_content_grouptab_entry_title_dropdown_bg2 { background-color: #6a6e79; } .mm10_screen_content_grouptab_entry_content { position: relative; display: inline-block; min-width: 100%; height: 0; opacity: 0; overflow: hidden; } .mm10_screen_content_grouptab_entry_visible .mm10_screen_content_grouptab_entry_content { opacity: 1; height: auto; overflow: visible; } .mm9_scrape_actionbutton_positive, .mm9_scrape_actionbutton_more, .mm9_scrape_actionbutton_negative, .mm9_scrape_actionbutton_nextprev, .mm9_scrape_actionbutton_viewonlivestore { display: none; } #mm9_content_container { position: relative; display: block; padding: 0; min-width: 1366px; min-height: 645px; box-sizing: border-box; } #mm9_content_container.mm9_content_container_fullscreen { min-width: 0; min-height: 0; } #mm9_content { position: relative; display: inline-block; margin: 25px 50px 50px; min-width: calc(100% - 100px); box-sizing: border-box; } .mm10_content_wrapper { position: relative; display: block; padding: 30px; background-color: #fff; border-radius: 4px; box-shadow: 0 7px 12px rgba( 202, 214, 237, 0.2 ); } .mm9_scrollbar_calculator { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .mm9_input { position: relative; font-size: 12px; padding: 10px; border: 1px solid #e0e1e4; border-radius: 4px; outline: none; } .mm9_input:active, .mm9_input:focus { border-color: #2f75ff; } .mm9_input_medium { width: 350px; } .mm9_table_container { position: relative; display: block; margin: 8px 0; padding: 8px; background-color: #fff; border: 1px solid #dfe4eb; border-radius: 4px; box-sizing: border-box; } .mm9_table { width: 100%; border-collapse: collapse; margin: 0; } .mm9_table thead td { position: relative; vertical-align: middle; white-space: nowrap; padding: 18px 23px; color: #8b8f98; background: #f5f7fa; font-size: 11px; font-weight: bold; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; text-transform: uppercase; } .mm9_table thead td:first-child { border-radius: 4px 0 0 4px; } .mm9_table thead td:last-child { border-radius: 0 4px 4px 0; } .mm9_table tbody td { position: relative; padding: 15px 23px; font-size: 13px; border-top: 1px solid #f2f4f7; } .mm9_table tbody tr:first-child td { border-top: none; } .mm9_table_noborder tbody td { border: none; } .mm9_datetimepicker { position: relative; display: flex; align-items: flex-start; } .mm9_datetimepicker_date_only { position: relative; display: flex; justify-content: center; } .mm9_datetimepicker_date_only .mm9_datetimepicker_time_container { display: none; } .mm9_datetimepicker_time_container { position: relative; margin: 67px 0 0 25px; display: inline-flex; justify-content: center; align-items: flex-end; flex-direction: column; flex-grow: 1; } .mm9_datetimepicker_time_hms_container { position: relative; display: flex; align-items: center; justify-content: space-between; } .mm9_datetimepicker_time_period_container { position: relative; display: inline-flex; margin-top: 18px; width: 70px; align-items: center; justify-content: flex-end; border: 1px solid #e0e1e4; border-radius: 4px; } .mm9_datetimepicker_time_label { position: relative; display: inline-block; padding: 0; margin-left: 5px; text-align: center; } .mm9_datetimepicker_time_prompt { position: relative; display: block; margin-bottom: 10px; font-size: 13px; font-weight: 500; color: #494A53; } .mm9_datetimepicker_time_period { position: relative; display: inline-flex; margin: -1px; height: 30px; text-align: center; font-size: 11px; cursor: pointer; align-items: center; justify-content: center; border-radius: 4px; flex-grow: 1; } .mm9_datetimepicker_time_period:hover { color: #2f75ff; } .mm9_datetimepicker_time_period.mm9_datetimepicker_time_period_active { background-color: #2f75ff; color: #fff; } .mm9_datetimepicker_time_period.mm9_datetimepicker_time_period_disabled:hover, .mm9_datetimepicker_time_period.mm9_datetimepicker_time_period_disabled { background-position: transparent; color: #cfd2d6; cursor: default; } .mm9_datetimepicker_calendar_container { position: relative; display: inline-block; vertical-align: top; margin-bottom: 1px; width: 288px; flex-shrink: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm9_datetimepicker_calendar_month_selector { position: relative; display: flex; height: 50px; background: #fff; align-items: center; } .mm9_datetimepicker_calendar_month_selector_prev, .mm9_datetimepicker_calendar_month_selector_next { position: relative; display: inline-flex; width: 40px; height: 50px; color: #494a53; align-items: center; justify-content: center; flex-shrink: 0; cursor: pointer; } .mm9_datetimepicker_calendar_month_selector_prev:before { position: absolute; top: 27px; left: 19px; width: 8px; height: 2px; background-color: #494a53; border-radius: 1px; transform: rotate(50deg); content: ''; } .mm9_datetimepicker_calendar_month_selector_prev:after { position: absolute; top: 22px; left: 19px; width: 8px; height: 2px; background-color: #494a53; border-radius: 1px; transform: rotate(-50deg); content: ''; } .mm9_datetimepicker_calendar_month_selector_next:before { position: absolute; top: 27px; left: 14px; width: 8px; height: 2px; background-color: #494a53; border-radius: 1px; transform: rotate(-50deg); content: ''; } .mm9_datetimepicker_calendar_month_selector_next:after { position: absolute; top: 22px; left: 14px; width: 8px; height: 2px; background-color: #494a53; border-radius: 1px; transform: rotate(50deg); content: ''; } .mm9_datetimepicker_calendar_month_selector_prev:hover::before, .mm9_datetimepicker_calendar_month_selector_prev:hover::after, .mm9_datetimepicker_calendar_month_selector_next:hover::before, .mm9_datetimepicker_calendar_month_selector_next:hover::after { background-color: #2f75ff; } .mm9_datetimepicker_calendar_month_selector_prev.disabled, .mm9_datetimepicker_calendar_month_selector_next.disabled { cursor: default; } .mm9_datetimepicker_calendar_month_selector_prev.disabled::before, .mm9_datetimepicker_calendar_month_selector_prev.disabled::after, .mm9_datetimepicker_calendar_month_selector_next.disabled::before, .mm9_datetimepicker_calendar_month_selector_next.disabled::after, .mm9_datetimepicker_calendar_month_selector_prev.disabled:hover::before, .mm9_datetimepicker_calendar_month_selector_prev.disabled:hover::after, .mm9_datetimepicker_calendar_month_selector_next.disabled:hover::before, .mm9_datetimepicker_calendar_month_selector_next.disabled:hover::after { background-color: #969da8; } .mm9_datetimepicker_calendar_month_selector_title { position: relative; display: inline-flex; flex-grow: 1; align-items: center; justify-content: center; padding: 9px; } .mm9_datetimepicker_calendar_month_selector_title_month { position: relative; display: inline-block; font-size: 16px; font-weight: 500; color: #5b5c67; } .mm9_datetimepicker_calendar_month_selector_title_year { position: relative; display: inline-block; } .mm9_datetimepicker_calendar_month_selector_title_year_select { position: relative; display: inline-block; } .mm9_datetimepicker_calendar_month_selector_title_year_select .mm9_datetimepicker_calendar_month_selector_title_year_select_button { position: relative; display: flex; margin: 2px 0 0 6px; padding: 0; height: 18px; line-height: 1; text-align: left; border-bottom: 1px solid #5b5c67; box-sizing: border-box; align-items: center; cursor: pointer; outline: none; } .mm9_datetimepicker_calendar_month_selector_title_year_select .mm9_datetimepicker_calendar_month_selector_title_year_select_button .mm9_button_text, .mm9_datetimepicker_calendar_month_selector_title_year_select.active .mm9_datetimepicker_calendar_month_selector_title_year_select_button .mm9_button_text { padding: 0; line-height: 1.2em; text-align: left; font-size: 16px; font-weight: 500; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; color: #5b5c67; white-space: nowrap; } .mm9_datetimepicker_calendar_weekday_container { position: relative; display: block; height: 48px; background-color: #e9ecf0; border-radius: 8px 8px 0 0; } .mm9_datetimepicker_calendar_weekday_title { position: absolute; display: inline-flex; width: 40px; height: 48px; font-size: 11px; font-weight: bold; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; text-transform: uppercase; color: #969da8; align-items: center; justify-content: center; } .mm9_datetimepicker_calendar_week_container { position: relative; display: block; } .mm9_datetimepicker_calendar_column { position: absolute; top: -1px; bottom: -1px; width: 42px; border: 1px solid #e0e1e4; box-sizing: border-box; } .mm9_datetimepicker_calendar_column_0 { left: 0; border-radius: 0 0 0 8px; } .mm9_datetimepicker_calendar_column_1 { left: 41px; } .mm9_datetimepicker_calendar_column_2 { left: 82px; } .mm9_datetimepicker_calendar_column_3 { left: 123px; } .mm9_datetimepicker_calendar_column_4 { left: 164px; } .mm9_datetimepicker_calendar_column_5 { left: 205px; } .mm9_datetimepicker_calendar_column_6 { left: 246px; border-radius: 0 0 8px 0; } .mm9_datetimepicker_calendar_week { position: relative; display: block; height: 36px; } .mm9_datetimepicker_calendar_week + .mm9_datetimepicker_calendar_week { border-top: 1px solid #e0e1e4; } .mm9_datetimepicker_calendar_day { position: absolute; display: inline-flex; top: 0; bottom: 0; width: 40px; text-align: center; font-size: 13px; color: #5b5c67; box-sizing: border-box; align-items: center; justify-content: center; cursor: pointer; } .mm9_datetimepicker_calendar_week:last-child .mm9_datetimepicker_calendar_day_0 { border-radius: 0 0 0 8px; } .mm9_datetimepicker_calendar_week:last-child .mm9_datetimepicker_calendar_day_6 { border-radius: 0 0 8px 0; } .mm9_datetimepicker_calendar_day:hover { color: #2f75ff; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); z-index: 1; } .mm9_datetimepicker_calendar_day_differentmonth { background: #fff; color: #969da8; } .mm9_datetimepicker_calendar_day_noselect, .mm9_datetimepicker_calendar_day_noselect:hover { background: #f5f7fa; color: #969da8; box-shadow: none; cursor: default; } .mm9_datetimepicker_calendar_day_differentmonth.mm9_datetimepicker_calendar_day_noselect, .mm9_datetimepicker_calendar_day_differentmonth.mm9_datetimepicker_calendar_day_noselect:hover { color: #cfd2d6; } .mm9_datetimepicker_calendar_day_current { color: #2f75ff; font-weight: 500; } .mm9_datetimepicker_calendar_day_current:hover { color: #2f75ff; } .mm9_datetimepicker_calendar_day_active, .mm9_datetimepicker_calendar_day_active:hover { background: #2f75ff; color: #fff; } .mm9_datetimepicker_calendar_day_0 { left: 1px; } .mm9_datetimepicker_calendar_day_1 { left: 42px; } .mm9_datetimepicker_calendar_day_2 { left: 83px; } .mm9_datetimepicker_calendar_day_3 { left: 124px; } .mm9_datetimepicker_calendar_day_4 { left: 165px; } .mm9_datetimepicker_calendar_day_5 { left: 206px; } .mm9_datetimepicker_calendar_day_6 { left: 247px; } #modal_background { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(15, 22, 38, 0.7); display: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_dialog_skinned_scrollbar_width { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /** MMColorPicker **/ .mm_colorpicker { position: absolute; display: none; top: 0; left: 0; width: 493px; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15); overflow: hidden; } .mm_colorpicker_title { position: absolute; top: 0; right: 0; left: 0; height: 11px; background: rgba(0, 0, 0, 0.4); cursor: move; z-index: 2; } .mm_colorpicker_title::before { position: absolute; top: 3px; left: calc(50% - 11px); width: 2px; height: 5px; background: rgba(0, 0, 0, 0.4); border-radius: 1px; box-shadow: 4px 0 0 rgba(0, 0, 0, 0.4), 8px 0 0 rgba(0, 0, 0, 0.4), 12px 0 0 rgba(0, 0, 0, 0.4), 16px 0 0 rgba(0, 0, 0, 0.4), 20px 0 0 rgba(0, 0, 0, 0.4), 24px 0 0 rgba(0, 0, 0, 0.4); content: ''; } .mm_colorpicker_close { position: absolute; top: 16px; right: 23px; width: 24px; height: 24px; background: #fff; border-radius: 50%; box-sizing: border-box; cursor: pointer; z-index: 2; } .mm_colorpicker_close::before { position: absolute; top: 11px; left: 7px; width: 10px; height: 2px; background: #8b8f98; border-radius: 1px; transform: rotate(45deg); content: ''; } .mm_colorpicker_close::after { position: absolute; top: 11px; left: 7px; width: 10px; height: 2px; background: #8b8f98; border-radius: 1px; transform: rotate(-45deg); content: ''; } .mm_colorpicker_content { position: relative; display: block; } .mm_colorpicker_actionbar { position: relative; display: flex; flex-wrap: nowrap; padding: 40px 20px; } .mm_colorpicker_savedcolors_container { position: relative; display: flex; padding: 15px 24px; min-height: 40px; box-sizing: border-box; align-items: flex-start; } .mm_colorpicker_savedcolors_add_container { position: relative; display: inline-block; margin: 3px 8px 3px 3px; width: 14px; height: 14px; cursor: pointer; overflow: hidden; flex-shrink: 0; } .mm_colorpicker_savedcolors_add_container::before { position: absolute; top: 6px; left: 3px; width: 8px; height: 2px; background-color: #6a6e79; border-radius: 1px; content: ''; } .mm_colorpicker_savedcolors_add_container::after { position: absolute; top: 3px; left: 6px; width: 2px; height: 8px; background-color: #6a6e79; border-radius: 1px; content: ''; } .mm_colorpicker_savedcolors_color_container { position: relative; display: inline-flex; flex-wrap: wrap; flex-grow: 1; } .mm_colorpicker_savedcolor { position: relative; display: block; margin: 3px; width: 14px; height: 14px; background: transparent; border-radius: 2px; box-sizing: border-box; cursor: pointer; overflow: hidden; } .mm_colorpicker_savedcolor.drag_n_drop { background-color: #f0f5ff; border: 1px dashed #2f75ff; } .mm_colorpicker_savedcolor_alpha_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url('graphics/en-US/admin/alpha_background.png'); background-repeat: repeat; background-position: center; } .mm_colorpicker_savedcolor.drag_n_drop .mm_colorpicker_savedcolor_alpha_background { display: none; } .mm_colorpicker_savedcolor_color { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mm_colorpicker_savedcolor.drag_n_drop .mm_colorpicker_savedcolor_color { display: none; } .mm_colorpicker_colorpreview_savedcolor { position: absolute; width: 14px; height: 14px; background: transparent; border-radius: 3px; box-sizing: border-box; box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.25 ); cursor: pointer; z-index: 99999; } .mm_colorpicker_color_preview_container { position: relative; display: block; height: 167px; overflow: hidden; } .mm_colorpicker_color_preview_alpha_background { position: absolute; top: 11px; right: 50%; bottom: 0; left: 0; z-index: 0; background-image: url('graphics/en-US/admin/alpha_background.png'); background-repeat: repeat; background-position: center; } .mm_colorpicker_color_preview { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; } .mm_colorpicker_sliders_container { position: relative; display: block; } .mm_colorpicker_sliders_content { position: relative; } .mm_colorpicker_slider_color_container { position: relative; display: none; } .mm_colorpicker_slider_color_container.visible { display: block; } .mm_colorpicker_slider_container { position: relative; display: block; box-sizing: border-box; margin: 0 24px; padding: 2px; background: transparent; z-index: 0; } .mm_colorpicker_slider_container + .mm_colorpicker_slider_container { margin-top: 12px; } .mm_colorpicker_slider { position: relative; display: block; height: 12px; background: transparent; border-radius: 6px; overflow: hidden; white-space: nowrap; z-index: 0; } .mm_colorpicker_slider_container_alpha_bg .mm_colorpicker_slider::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url('graphics/en-US/admin/alpha_background.png'); background-repeat: repeat; background-position: center; content: ''; } .mm_colorpicker_slider_background_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mm_colorpicker_slider_background { position: relative; display: inline-block; height: 100%; z-index: 0; } .mm_colorpicker_slider_handle { position: absolute; top: 0; left: 30px; width: 16px; height: 16px; background: #f0f5ff; border-radius: 50%; box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.25); cursor: pointer; z-index: 1; } .mm_colorpicker_colorinput_container, .mm_colorpicker_coloroutput_container { position: relative; display: block; margin-bottom: 7px; text-align: center; } .mm_colorpicker_coloroutput_container { margin-bottom: 0; } .mm_colorpicker_colorinput_mode_container, .mm_colorpicker_coloroutput_mode_container { position: relative; display: flex; align-items: center; } .mm_colorpicker_colorinput_mode_title, .mm_colorpicker_coloroutput_mode_title { position: relative; display: inline-flex; margin-left: 25px; padding: 0; height: 60px; font-size: 13px; font-weight: normal; color: #6a6e79; white-space: nowrap; text-align: left; text-transform: none; align-items: center; flex-grow: 1; } .mm_colorpicker_colorinput_input_container { position: relative; display: none; margin: 0 20px; align-items: center; flex-wrap: nowrap; } .mm_colorpicker_colorinput_input_container.visible { display: flex; } .mm_colorpicker_actionbar .mm_colorpicker_button { margin: 0 5px; flex-grow: 1; } .mm_colorpicker_coloroutput_value_container { position: relative; display: flex; padding: 0 20px; } .mm_colorpicker_slider_select { position: relative; display: block; } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button { position: relative; display: inline-block; margin: 0; padding: 22px 42px 22px 26px; box-sizing: border-box; cursor: pointer; outline: none; } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button .mm9_button_text { padding: 0; flex-grow: 1; text-align: left; font-size: 14px; font-weight: 500; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; color: #6a6e79; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: 0.2s color linear; } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button:hover .mm9_button_text { color: #5b5c67; } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.focus .mm9_button_text { color: #2f75ff; } .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_button_text { color: #2f75ff; } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown { position: absolute; display: block; top: 50%; right: 10px; width: 11px; height: 7px; border: none; background: none; transform: translateY(-50%); } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 4px; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-40deg); transition: transform 0.2s linear, background-color 0.2s linear; } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.focus .mm9_menubutton_dropdown_bg1, .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.active .mm9_menubutton_dropdown_bg1, .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg1 { background-color: #2f75ff; } .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg1 { transform: rotate(40deg); } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: 0; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(40deg); transition: transform 0.2s linear, background-color 0.2s linear; } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.focus .mm9_menubutton_dropdown_bg2, .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.active .mm9_menubutton_dropdown_bg2, .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg2 { transform: rotate(-40deg); } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled, .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled:hover, .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled.focus, .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled, .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled:hover, .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled.focus { border-color: #e0e1e4; background-color: #f8f8f8; cursor: default; } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled .mm9_button_text { color: #e0e1e4; } .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled .mm9_menubutton_dropdown_bg1, .mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled .mm9_menubutton_dropdown_bg2, .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled .mm9_menubutton_dropdown_bg1, .mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm_colorpicker_slider_select_menu { position: absolute; display: none; top: 49px; right: auto; left: 25px; margin-top: -13px; margin-left: 25px; padding: 10px 0; min-width: 150px; text-align: left; background: #fff; border: 0; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; overflow: auto; z-index: 99999; } .mm_colorpicker_slider_select_menu .mm9_menubutton_menu_section_header { position: relative; display: flex; padding: 0 25px; height: 30px; white-space: nowrap; text-align: left; font-size: 16px; font-weight: 500; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; color: #5b5c67; align-items: center; cursor: pointer; } .mm_colorpicker_slider_select_menu .mm9_menubutton_menu_item { position: relative; display: flex; padding: 0 25px 0 50px; height: 30px; white-space: nowrap; text-align: left; font-size: 13px; font-family: 'Neue Haas Grotesk Text', sans-serif; font-weight: 500; letter-spacing: 0.010em; color: #6a6e79; align-items: center; cursor: pointer; } .mm_colorpicker_slider_select_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected { color: #2f75ff; font-weight: bold; } .mm_colorpicker_slider_select_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected::before { position: absolute; top: 17px; left: 25px; width: 5px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(40deg); content: ''; } .mm_colorpicker_slider_select_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected.mm9_menubutton_menu_item_selected::before { background-color: #fff; } .mm_colorpicker_slider_select_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected::after { position: absolute; top: 15px; left: 27px; width: 10px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(-45deg); content: ''; } .mm_colorpicker_slider_select_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected.mm9_menubutton_menu_item_selected::after { background-color: #fff; } .mm_colorpicker_slider_select_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #2f75ff; color: #fff; } .mm_colorpicker_colorinput_mode, .mm_colorpicker_coloroutput_mode { position: relative; display: block; flex-shrink: 0; } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button { position: relative; display: flex; margin: 0; padding: 22px 48px 22px 26px; box-sizing: border-box; align-items: center; cursor: pointer; outline: none; } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_button_text, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_button_text { padding: 0; font-size: 14px; font-weight: 500; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; color: #6a6e79; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex-shrink: 0; transition: 0.2s color linear; } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button:hover .mm9_button_text, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button:hover .mm9_button_text { color: #5b5c67; } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.focus .mm9_button_text, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.focus .mm9_button_text { color: #2f75ff; } .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_button_text, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_button_text { color: #2f75ff; } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown { position: absolute; display: block; top: 50%; right: 27px; width: 11px; height: 7px; border: none; background: none; transform: translateY(-50%); } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg1, .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg1, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg1, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 4px; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-40deg); transition: transform 0.2s linear, background-color 0.2s linear; } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.focus .mm9_menubutton_dropdown_bg1, .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.active .mm9_menubutton_dropdown_bg1, .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg1, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.focus .mm9_menubutton_dropdown_bg1, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.active .mm9_menubutton_dropdown_bg1, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg1 { background-color: #2f75ff; } .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg1, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg1 { transform: rotate(40deg); } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg2, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: 0; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(40deg); transition: transform 0.2s linear, background-color 0.2s linear; } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.focus .mm9_menubutton_dropdown_bg2, .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.active .mm9_menubutton_dropdown_bg2, .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg2, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.focus .mm9_menubutton_dropdown_bg2, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.active .mm9_menubutton_dropdown_bg2, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg2, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg2 { transform: rotate(-40deg); } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled, .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled:hover, .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled.focus, .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled, .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled:hover, .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled.focus, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled:hover, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled.focus, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled:hover, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled.focus { border-color: #e0e1e4; background-color: #f8f8f8; cursor: default; } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled .mm9_button_text, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled .mm9_button_text { color: #e0e1e4; } .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled .mm9_menubutton_dropdown_bg1, .mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled .mm9_menubutton_dropdown_bg2, .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled .mm9_menubutton_dropdown_bg1, .mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled .mm9_menubutton_dropdown_bg2, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled .mm9_menubutton_dropdown_bg1, .mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled .mm9_menubutton_dropdown_bg2, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled .mm9_menubutton_dropdown_bg1, .mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm_colorpicker_colorinput_mode_menu, .mm_colorpicker_coloroutput_mode_menu { position: absolute; display: none; top: 49px; right: auto; left: 25px; margin-top: -13px; margin-right: 25px; padding: 10px 0; min-width: 150px; text-align: left; background: #fff; border: 0; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; overflow: auto; z-index: 99999; } .mm_colorpicker_colorinput_mode_menu .mm9_menubutton_menu_section_header, .mm_colorpicker_coloroutput_mode_menu .mm9_menubutton_menu_section_header { position: relative; display: flex; padding: 0 25px; height: 30px; white-space: nowrap; text-align: left; font-size: 16px; font-weight: 500; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; color: #5b5c67; align-items: center; cursor: pointer; } .mm_colorpicker_colorinput_mode_menu .mm9_menubutton_menu_item, .mm_colorpicker_coloroutput_mode_menu .mm9_menubutton_menu_item { position: relative; display: flex; padding: 0 25px 0 50px; height: 30px; white-space: nowrap; text-align: left; font-size: 13px; font-family: 'Neue Haas Grotesk Text', sans-serif; font-weight: 500; letter-spacing: 0.010em; color: #6a6e79; align-items: center; cursor: pointer; } .mm_colorpicker_colorinput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected, .mm_colorpicker_coloroutput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected { color: #2f75ff; font-weight: bold; } .mm_colorpicker_colorinput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected::before, .mm_colorpicker_coloroutput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected::before { position: absolute; top: 17px; left: 25px; width: 5px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(40deg); content: ''; } .mm_colorpicker_colorinput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected.mm9_menubutton_menu_item_selected::before, .mm_colorpicker_coloroutput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected.mm9_menubutton_menu_item_selected::before { background-color: #fff; } .mm_colorpicker_colorinput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected::after, .mm_colorpicker_coloroutput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected::after { position: absolute; top: 15px; left: 27px; width: 10px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(-45deg); content: ''; } .mm_colorpicker_colorinput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected.mm9_menubutton_menu_item_selected::after, .mm_colorpicker_coloroutput_mode_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected.mm9_menubutton_menu_item_selected::after { background-color: #fff; } .mm_colorpicker_colorinput_mode_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected, .mm_colorpicker_coloroutput_mode_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #2f75ff; color: #fff; } .mm_colorpicker_colorinput_input { position: relative; display: inline-flex; margin: 0 5px; padding: 14px 15px; width: 150px; height: 50px; background: #fff; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; align-items: center; flex-grow: 1; } .mm_colorpicker_colorinput_input.focus { border-color: #539cff; } .mm_colorpicker_colorinput_input.invalid, .mm_colorpicker_colorinput_input.invalid.focus { border-color: #ea6570; } .mm_colorpicker_colorinput_input .mm_input_title { position: relative; display: inline-block; top: 0; left: 0; margin-right: 10px; font-size: 13px; font-weight: normal; color: #6a6e79; text-transform: none; white-space: nowrap; flex-shrink: 0; } .mm_colorpicker_colorinput_input .mm_input { position: relative; width: 100%; display: inline-block; margin: 0; padding: 0; border: none; background: transparent; box-sizing: border-box; font-size: 15px; color: #b6b6b6; text-align: right; outline: none; flex-grow: 1; min-width: 0; } .mm_colorpicker_colorinput_input.disabled, .mm_colorpicker_colorinput_input.disabled.focus, .mm_colorpicker_colorinput_input.disabled.invalid.focus { background: #fff; border: 1px solid #cfd2d6; } .mm_colorpicker_colorinput_input.disabled .mm_input_title, .mm_colorpicker_colorinput_input.disabled.focus .mm_input_title, .mm_colorpicker_colorinput_input.disabled.invalid.focus .mm_input_title { color: #969da8; } .mm_colorpicker_colorinput_input.disabled .mm_input, .mm_colorpicker_colorinput_input.disabled.focus .mm_input, .mm_colorpicker_colorinput_input.disabled.invalid.focus .mm_input { color: #969da8; } /** MMLoadingIndicator **/ .mm_loading_indicator { position: relative; display: none; margin: 0 auto; } .mm_loading_indicator.visible { display: block; } /** MMTextEditor **/ .mm9_texteditor_parent { position: relative; } .mm9_texteditor { position: relative; display: block; margin: 0 0 10px 0; height: 300px; } .mm9_texteditor.loading { overflow: hidden; } .mm9_texteditor.fullscreen { position: absolute; display: block; top: 0; left: 0; margin: 0; } .mm9_texteditor_initializing { position: absolute; display: none; top: 50%; left: 50%; transform: translate( -50%, -50% ); align-items: center; } .mm9_texteditor.loading .mm9_texteditor_initializing { display: flex; } .mm9_texteditor_controls_container { position: absolute; top: 0; right: 0; left: 0; height: auto; } .mm9_texteditor_minicontrols_container { position: absolute; display: none; right: 15px; bottom: 15px; } .mm9_texteditor.textarea_minified .mm9_texteditor_minicontrols_container { display: block; } .mm9_texteditor.textarea_minified .mm9_texteditor_textarea_linenumbers_container { top: 8px; } .mm9_texteditor.textarea_minified .mm9_texteditor_textarea_currentline { margin-top: 8px; } .mm9_texteditor.textarea_minified .mm9_texteditor_textarea_scroller { top: 7px; } .mm9_texteditor_controls_richtext { position: relative; display: none; padding: 0 7px; background-color: #fff; border-top: 1px solid #e0e1e4; border-right: 1px solid #e0e1e4; border-left: 1px solid #e0e1e4; border-radius: 4px 4px 0 0; } .mm9_texteditor.richtext .mm9_texteditor_controls_richtext { display: block; } .mm9_texteditor.fullscreen .mm9_texteditor_controls_richtext { border: none; } .mm9_texteditor.focus .mm9_texteditor_controls_richtext { border-color: #539cff; } .mm9_texteditor.loading .mm9_texteditor_controls_richtext { padding-top: 4px; } .mm9_texteditor_controls_textarea { position: relative; display: none; padding: 7px; background-color: #fff; border-top: 1px solid #dfe4eb; border-right: 1px solid #dfe4eb; border-left: 1px solid #dfe4eb; border-radius: 4px 4px 0 0; align-items: center; } .mm9_texteditor.textarea .mm9_texteditor_controls_textarea { display: flex; } .mm9_texteditor.fullscreen .mm9_texteditor_controls_textarea { border: none; } .mm9_texteditor.focus .mm9_texteditor_controls_textarea { border-color: #539cff; } .mm9_texteditor_controls_textarea_content { position: relative; display: inline-block; padding: 0 13px; background-color: #f5f7fa; border-radius: 4px; flex-grow: 1; } .mm9_texteditor.loading .mm9_texteditor_controls_textarea_content { display: none; } .mm9_texteditor_controls_richtext_menu { position: relative; display: block; white-space: nowrap; } .mm9_texteditor.loading .mm9_texteditor_controls_richtext_menu { display: none; } .mm9_texteditor_controls_richtext_submenu { position: relative; display: block; white-space: nowrap; background-color: #f5f7fa; border-radius: 4px; } .mm9_texteditor.loading .mm9_texteditor_controls_richtext_submenu { display: none; } .mm9_texteditor_richtext_control_submenu_group { position: relative; display: inline-block; padding: 0 12px; } .mm9_texteditor_richtext_control_submenu_group + .mm9_texteditor_richtext_control_submenu_group::before { position: absolute; left: 0; top: 15px; width: 1px; height: 18px; background-color: #e2e6ea; content: ''; } .mm9_texteditor_controls_richtext_imageresizer { position: relative; display: none; margin: 8px 0 0; padding: 0 21px; height: 48px; background-color: #f5f7fa; border-radius: 4px; align-items: center; } .mm9_texteditor.loading .mm9_texteditor_controls_richtext_imageresizer { display: none; } .mm9_texteditor_bottom_container { position: absolute; display: block; right: 0; bottom: 0; left: 0; } .mm9_texteditor_findreplace_container { position: relative; display: none; padding: 12px; background: #fff; border-right: 1px solid #dfe4eb; border-bottom: 1px solid #dfe4eb; border-left: 1px solid #dfe4eb; border-radius: 0 0 4px 4px; } .mm9_texteditor.findreplace_visible .mm9_texteditor_findreplace_container { display: block; } .mm9_texteditor.focus .mm9_texteditor_findreplace_container { border-color: #539cff; } .mm9_texteditor_findreplace_content { position: relative; display: block; padding: 20px 67px 20px 20px; background: #fff; border-radius: 4px; box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15); } .mm9_texteditor_save_container { position: relative; display: none; padding: 30px 30px 40px; text-align: right; background: #fff; } .mm9_texteditor_save_container .mm10_button_style_primary, .mm9_texteditor_save_container .mm10_button_style_alternative_1, .mm9_texteditor_save_container .mm10_button_style_primary_muted, .mm9_texteditor_save_container .mm10_button_style_secondary, .mm9_texteditor_save_container .mm10_button_style_secondary_borderless, .mm9_texteditor_save_container .mm10_button_style_primary_muted_borderless, .mm9_texteditor_save_container .mm10_button_style_link, .mm9_texteditor_save_container .mm10_button_style_negative, .mm9_texteditor_save_container .mm10_button_style_negative_muted, .mm9_texteditor_save_container .mm_hybridmenubutton_style_primary, .mm9_texteditor_save_container .mm_hybridmenubutton_style_alternative_1, .mm9_texteditor_save_container .mm_hybridmenubutton_style_primary_muted, .mm9_texteditor_save_container .mm_hybridmenubutton_style_secondary, .mm9_texteditor_save_container .mm_hybridmenubutton_style_secondary_borderless, .mm9_texteditor_save_container .mm_hybridmenubutton_style_primary_muted_borderless, .mm9_texteditor_save_container .mm_hybridmenubutton_style_link, .mm9_texteditor_save_container .mm_hybridmenubutton_style_negative, .mm9_texteditor_save_container .mm_hybridmenubutton_style_negative_muted { margin-left: 10px; } .mm9_texteditor_findreplace_container .mm10_button_style_primary, .mm9_texteditor_findreplace_container .mm10_button_style_alternative_1, .mm9_texteditor_findreplace_container .mm10_button_style_primary_muted, .mm9_texteditor_findreplace_container .mm10_button_style_secondary, .mm9_texteditor_findreplace_container .mm10_button_style_secondary_borderless, .mm9_texteditor_findreplace_container .mm10_button_style_primary_muted_borderless, .mm9_texteditor_findreplace_container .mm10_button_style_link, .mm9_texteditor_findreplace_container .mm10_button_style_negative, .mm9_texteditor_findreplace_container .mm10_button_style_negative_muted, .mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_primary, .mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_alternative_1, .mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_primary_muted, .mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_secondary, .mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_secondary_borderless, .mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_primary_muted_borderless, .mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_link, .mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_negative, .mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_negative_muted { margin-left: 10px; } .mm9_texteditor_findreplace_container .mm_texteditor_findreplace_button { width: 110px; flex-shrink: 0; } .mm9_texteditor_findreplace_close_container.mm9_mivaicon { position: absolute; display: flex; top: 15px; right: 15px; width: 15px; height: 15px; font-size: 10px; color: #8b8f98; justify-content: center; align-items: center; z-index: 4; cursor: pointer; } .mm9_texteditor_findreplace_close_container:hover { color: #6a6e79; } .mm9_texteditor_findreplace_section { position: relative; display: flex; align-items: flex-start; } .mm9_texteditor_findreplace_section + .mm9_texteditor_findreplace_section { margin-top: 10px; } .mm9_texteditor_findreplace_section_input_container { position: relative; display: inline-block; flex-grow: 1; } .mm9_texteditor_findreplace_section_action_container { position: relative; display: inline-block; width: 160px; flex-shrink: 0; } .mm9_texteditor_findreplace_content .mm9_texteditor_findreplace_textarea { position: relative; display: block; vertical-align: middle; width: 100%; min-height: 30px; max-height: 75px; margin: 0; padding: 5px 15px; word-wrap: normal; white-space: pre; resize: none; font-size: 11px; line-height: 18px; border: 1px solid #e0e1e4; border-radius: 3px; box-sizing: border-box; outline: none; overflow: auto; } .mm9_texteditor_findreplace_content .mm9_texteditor_findreplace_textarea:focus { border-color: #539cff; } .mm9_texteditor_content_container { position: absolute; top: 51px; right: 0; bottom: 0; left: 0; background: #fff; } .mm9_texteditor.richtext.loading .mm9_texteditor_content_container { border-right: 1px solid #dfe4eb; border-bottom: 1px solid #dfe4eb; border-left: 1px solid #dfe4eb; border-radius: 0 0 4px 4px; } .mm9_texteditor.textarea.loading .mm9_texteditor_content_container { border-right: 1px solid #dfe4eb; border-bottom: 1px solid #dfe4eb; border-left: 1px solid #dfe4eb; border-radius: 0 0 4px 4px; } .mm9_texteditor.textarea_minified.loading .mm9_texteditor_content_container { border: 1px solid #dfe4eb; border-radius: 4px; } .mm9_texteditor_content_container.mm9_texteditor_content_container_loading { border-right: 1px solid #dfe4eb; border-bottom: 1px solid #dfe4eb; border-left: 1px solid #dfe4eb; border-radius: 0 0 4px 4px; } .mm9_texteditor_content_container_richtext, .mm9_texteditor_content_container_textarea { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; background: transparent; } .mm9_texteditor.richtext .mm9_texteditor_content_container_richtext { display: block; } .mm9_texteditor.textarea .mm9_texteditor_content_container_textarea, .mm9_texteditor.textarea_minified .mm9_texteditor_content_container_textarea { display: block; } .mm9_texteditor.loading .mm9_texteditor_content_container_richtext { opacity: 0; } .mm9_texteditor.loading .mm9_texteditor_content_container_textarea { visibility: hidden; } .mm9_texteditor_sandboxed_iframe { position: relative; display: block; border: 0; width: 100%; height: 100%; } .mm9_texteditor_resizer { position: absolute; right: 3px; bottom: 3px; width: 15px; height: 15px; cursor: nwse-resize; } .mm9_texteditor_resizer_bg1 { position: absolute; top: 6px; left: 1px; width: 12px; height: 2px; background-color: #969da8; border-radius: 1px; transform: rotate(-45deg); } .mm9_texteditor_resizer_bg2 { position: absolute; top: 9px; left: 7px; width: 6px; height: 2px; background-color: #969da8; border-radius: 1px; transform: rotate(-45deg); } .mm9_texteditor_imageresizer { position: absolute; display: none; right: 0; bottom: -63px; left: 0; z-index: 3; text-align: right; padding: 10px; background: #f8f8f8; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } .mm9_texteditor_imageresizer_input_container { position: relative; display: inline-block; flex-shrink: 0; } .mm9_texteditor_imageresizer_icon_container { position: relative; display: inline-block; flex-shrink: 0; } .mm9_texteditor_imageresizer_spacer { position: relative; display: inline-block; margin: 0 15px 0 26px; width: 1px; height: 18px; background-color: #e2e6ea; flex-shrink: 0; } .mm9_texteditor_imageresizer_actions_container { position: relative; display: inline-block; text-align: right; flex-grow: 1; } .mm9_texteditor_imageresizer_actions_container .mm10_button_style_primary { margin-left: 10px; } .mm9_texteditor_hyperlink_addeditdialog_row { position: relative; display: block; } .mm9_texteditor_hyperlink_addeditdialog_row + .mm9_texteditor_hyperlink_addeditdialog_row { margin-top: 13px; } .mm9_texteditor_hyperlink_addeditdialog_prompt { position: relative; display: block; margin: 0 0 7px; } .mm9_texteditor_hyperlink_addeditdialog_prompt_required { font-weight: bold; } .mm9_texteditor_hyperlink_addeditdialog_value { position: relative; display: flex; align-items: center; } .mm9_texteditor_hyperlink_addeditdialog_href_container { position: relative; display: block; flex-grow: 1; } .mm9_texteditor_hyperlink_addeditdialog_displaytype_container { position: relative; display: inline-block; margin-right: 10px; width: 120px; flex-shrink: 0; } .mm9_texteditor_hyperlink_addeditdialog_text_container { position: relative; display: none; flex-grow: 1; } .mm9_texteditor_hyperlink_addeditdialog_text_visible .mm9_texteditor_hyperlink_addeditdialog_text_container { display: inline-block; } .mm9_texteditor_hyperlink_addeditdialog_image_container { position: relative; display: none; flex-grow: 1; } .mm9_texteditor_hyperlink_addeditdialog_image_visible .mm9_texteditor_hyperlink_addeditdialog_image_container { display: inline-block; } .mm9_texteditor_hyperlink_addeditdialog_imagelookup_container { position: relative; display: none; margin-left: 10px; flex-shrink: 0; } .mm9_texteditor_hyperlink_addeditdialog_image_visible .mm9_texteditor_hyperlink_addeditdialog_imagelookup_container { display: inline-block; } .mm9_texteditor_hyperlink_addeditdialog_title_container { position: relative; display: block; flex-grow: 1; } .mm9_texteditor_hyperlink_addeditdialog_newtab_container { position: relative; display: block; flex-grow: 1; } .mm9_texteditor_tablesettings_cellwidth_dialog_row { position: relative; display: block; } .mm9_texteditor_tablesettings_cellwidth_dialog_prompt { position: relative; display: inline-block; vertical-align: middle; width: 75px; } .mm9_texteditor_tablesettings_cellwidth_dialog_value { position: relative; display: inline-block; vertical-align: middle; } .mm9_texteditor_tablesettings_cellwidth_dialog_value input { padding: 8px; width: 200px; border: 1px solid #e0e1e4; border-radius: 4px; outline: none; } .mm9_texteditor_tablesettings_cellwidth_dialog_value input:focus { border-color: #539cff; } .mm9_texteditor_table_selector { position: relative; display: block; } .mm9_texteditor_table_selector_row { position: relative; display: block; } .mm9_texteditor_table_selector_column { position: relative; display: inline-block; padding: 1px 2px; } .mm9_texteditor_table_selector_column_display { position: relative; display: inline-block; width: 13px; height: 13px; background: #f5f7fa; border: 1px solid #f5f7fa; } .mm9_texteditor_table_selector_column.active .mm9_texteditor_table_selector_column_display, .mm9_texteditor_table_selector_column.current.active .mm9_texteditor_table_selector_column_display { background: #2f75ff; border-color: #2f75ff; } .mm9_texteditor_table_selector_column.current .mm9_texteditor_table_selector_column_display { border-color: #999; } .mm9_texteditor_table_selector_title { position: relative; display: block; height: 15px; line-height: 15px; padding: 15px 0 0; font-size: 15px; color: #6a6e79; text-align: center; } .mm9_texteditor_control_spacer { position: relative; display: inline-block; vertical-align: middle; width: 1px; height: 22px; margin: 0 14px; background-color: #e2e6ea; } .mm9_texteditor_control_spacer.hidden { display: none; } .mm9_texteditor_richtext_tablesettings_overlay { position: absolute; display: none; top: -999px; left: -999px; margin: 15px; padding: 5px 10px; background: #fff; border: 1px solid #dfe4eb; border-radius: 4px; white-space: nowrap; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); z-index: 1; } .mm9_texteditor_resize_overlay { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; padding: 5px 10px; background: transparent; z-index: 1; } .mm9_texteditor_richtext_tablesettings_overlay_tail_top { position: absolute; display: none; top: 0; left: 50%; width: 0; height: 0; } .mm9_texteditor_richtext_tablesettings_overlay_tail_bottom { position: absolute; display: none; bottom: 0; left: 50%; width: 0; height: 0; } .mm9_texteditor_richtext_tablesettings_overlay_tail_top .mm9_texteditor_richtext_tablesettings_overlay_tail_border { position: absolute; display: block; top: -9px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-width: 0 8px 8px; border-style: solid; border-color: #dfe4eb transparent; z-index: 3; } .mm9_texteditor_richtext_tablesettings_overlay_tail_top .mm9_texteditor_richtext_tablesettings_overlay_tail { position: absolute; display: block; top: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-width: 0 8px 8px; border-style: solid; border-color: #fff transparent; z-index: 3; } .mm9_texteditor_richtext_tablesettings_overlay_tail_bottom .mm9_texteditor_richtext_tablesettings_overlay_tail_border { position: absolute; display: block; bottom: -9px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-width: 8px 8px 0; border-style: solid; border-color: #dfe4eb transparent; z-index: 3; } .mm9_texteditor_richtext_tablesettings_overlay_tail_bottom .mm9_texteditor_richtext_tablesettings_overlay_tail { position: absolute; display: block; bottom: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-width: 8px 8px 0; border-style: solid; border-color: #fff transparent; z-index: 3; } .mm9_texteditor_richtext_tablesettings_overlay_content { position: relative; display: block; z-index: 3; } .mm9_texteditor_textarea_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .mm9_texteditor_textarea_wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; border-right: 1px solid #dfe4eb; border-bottom: 1px solid #dfe4eb; border-left: 1px solid #dfe4eb; border-radius: 0 0 4px 4px; box-sizing: border-box; z-index: 0; background: transparent; overflow: hidden; cursor: text; } .mm9_texteditor.textarea_minified .mm9_texteditor_textarea_wrapper { border: 1px solid #dfe4eb; border-radius: 4px; } .mm9_texteditor.findreplace_visible .mm9_texteditor_textarea_wrapper { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .mm9_texteditor.fullscreen .mm9_texteditor_textarea_wrapper { border: none; border-radius: 0; } .mm9_texteditor.focus .mm9_texteditor_textarea_wrapper { border-color: #539cff; } .mm9_texteditor_textarea_scroller { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 10px; box-sizing: border-box; z-index: 0; background: transparent; overflow: auto; } .mm9_texteditor .mm9_texteditor_textarea { position: relative; display: inline-block; margin: 0; padding: 0; font-size: 12px; word-wrap: normal; font-weight: normal; font-family: monospace; line-height: 18px; letter-spacing: inherit; color: #494a53; background: transparent; border: none; box-sizing: border-box; resize: none; outline: none; overflow: hidden; z-index: 0; } .mm9_texteditor .mm9_texteditor_textarea_calculator { position: absolute; top: 0; left: 0; width: 1px; height: 1px; visibility: hidden; } .mm9_texteditor_textarea_highlight_container { position: absolute; top: 0; left: 0; background: transparent; } .mm9_texteditor_textarea_find_highlight { position: absolute; top: 0; left: 0; width: 0; height: 18px; background: #fffd88; } .mm9_texteditor_textarea_find_highlight_active { background: #ffb562; } .mm9_texteditor_textarea_currentline { position: absolute; visibility: hidden; top: 0; left: 8px; right: 0; height: 18px; background: rgba(64, 96, 161, 0.05); cursor: text; } .mm9_texteditor_textarea_linenumbers { position: absolute; top: 0; left: 0; margin: 0; padding: 10px 18px; font-size: 12px; font-family: monospace; text-align: right; line-height: 18px; white-space: pre; color: #969da8; background-color: #f5f7fa; border-radius: 4px; cursor: text; } .mm9_texteditor_textarea_linenumbers_container { position: absolute; top: 0; bottom: 8px; left: 8px; width: 0; border-radius: 4px; overflow: hidden; } .mm9_texteditor_textarea_linenumbers_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mm9_texteditortemplatedialog_texteditor_wrapper, .mm9_texteditorfiledialog_texteditor_container, .mm9_texteditordialog_texteditor_container { position: absolute; display: block; top: 0; right: 30px; bottom: 0; left: 30px; } .mm9_texteditortemplatedialog_texteditor_wrapper { display: flex; flex-direction: column; } .mm9_dialog.mm9_dialog_fullscreen .mm9_texteditortemplatedialog_texteditor_wrapper, .mm9_dialog.mm9_dialog_fullscreen .mm9_texteditorfiledialog_texteditor_container, .mm9_dialog.mm9_dialog_fullscreen .mm9_texteditordialog_texteditor_container { right: 0; left: 0; } .mm9_texteditortemplatedialog_texteditor_container { position: relative; display: block; flex-grow: 1; } .mm9_texteditortemplatedialog_texteditor_version_container { position: relative; display: block; flex-shrink: 0; } .mm9_texteditorfiledialog_texteditor_container .mm9_texteditor, .mm9_texteditortemplatedialog_texteditor_container .mm9_texteditor, .mm9_texteditordialog_texteditor_container .mm9_texteditor { position: absolute; top: 0px; right: 0; bottom: 0; left: 0; width: auto; height: auto; margin: 0; } .mm9_texteditor_help_subtitle { position: relative; display: block; margin-bottom: 20px; text-align: left; font-size: 22px; font-weight: bold; color: #969da8; } .mm9_texteditor_help_entry + .mm9_texteditor_help_subtitle { margin-top: 60px; } .mm9_texteditor_help_entry { position: relative; display: block; padding: 20px; white-space: nowrap; } .mm9_texteditor_help_entry:nth-child(2n+0) { background: #f8f8f8; } .mm9_texteditor_help_entry_icon.mm9_mivaicon { position: relative; display: inline-block; vertical-align: top; width: 18px; height: 18px; margin-right: 10px; color: #2f75ff; font-size: 18px } .mm9_texteditor_help_entry_name { position: relative; display: inline-block; vertical-align: top; width: 150px; margin-right: 5px; font-weight: bold; font-size: 16px; color: #444; } .mm9_texteditor_help_entry_description { position: relative; display: inline-block; vertical-align: top; max-width: 400px; text-align: left; font-size: 12px; color: #999; white-space: normal; word-break: break-word; } .mm9_texteditor_help_entry_keyboard_shortcut { position: relative; display: block; margin-top: 8px; font-style: italic; } .mm9_texteditor_help_entry_keyboardshortcut_description { position: relative; display: block; margin-bottom: 8px; text-align: left; font-weight: bold; font-size: 16px; color: #444; white-space: normal; word-break: break-word; } .mm9_texteditor_help_entry_keyboardshortcut_command { position: relative; display: block; text-align: left; font-size: 12px; color: #999; white-space: normal; word-break: break-word; } .mm_texteditor_control_richtext_menu { position: relative; display: inline-block; } .mm_texteditor_control_richtext_menu_button_fullscreen_end.mm_button_style_fullscreen_end { position: absolute; top: 0; right: 0; } .mm_texteditor_control_textarea_menu_button_fullscreen_end.mm_button_style_fullscreen_end { margin: 0 5px 0 14px; flex-shrink: 0; } .mm_texteditor_control_richtext_menu_button { position: relative; display: inline-flex; vertical-align: middle; margin: 8px 3px 7px 0; padding: 0 44px 0 23px; height: 30px; text-align: center; line-height: 1; background: transparent; border-radius: 4px; align-items: center; justify-content: center; box-shadow: none; cursor: pointer; outline: none; transition: box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm9_texteditor.fullscreen .mm_texteditor_control_richtext_menu_button { height: 38px; } .mm_texteditor_control_richtext_menu_button.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_texteditor_control_richtext_menu_button:hover { box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); } .mm_texteditor_control_richtext_menu_button.active, .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button { box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); } .mm_texteditor_control_richtext_menu_button.disabled, .mm_texteditor_control_richtext_menu_button.disabled:hover, .mm_texteditor_control_richtext_menu_button.disabled.focus, .mm_texteditor_control_richtext_menu_button.disabled.active, .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button.disabled { box-shadow: none; } .mm_texteditor_control_richtext_menu_button .mm9_button_image { display: none; } .mm_texteditor_control_richtext_menu_button .mm9_button_text { font-size: 14px; font-weight: 500; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.010em; color: #6a6e79; transition: color 0.2s linear; } .mm_texteditor_control_richtext_menu_button:hover .mm9_button_text { color: #2f75ff; } .mm_texteditor_control_richtext_menu_button.active .mm9_button_text, .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_button_text { color: #2f75ff; } .mm_texteditor_control_richtext_menu_button.disabled .mm9_button_text, .mm_texteditor_control_richtext_menu_button.disabled:hover .mm9_button_text, .mm_texteditor_control_richtext_menu_button.disabled.focus .mm9_button_text, .mm_texteditor_control_richtext_menu_button.disabled.active .mm9_button_text, .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button.disabled .mm9_button_text { color: #e0e1e4; } .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown { position: absolute; display: block; top: 50%; right: 17px; width: 9px; height: 6px; border: none; background: none; transform: translateY(-50%); } .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(-40deg); transition: all 0.2s linear; } .mm_texteditor_control_richtext_menu_button:hover .mm9_menubutton_dropdown_bg1, .mm_texteditor_control_richtext_menu_button.active .mm9_menubutton_dropdown_bg1, .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg1 { background-color: #2f75ff; } .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg1 { transform: rotate(40deg); } .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(40deg); transition: all 0.2s linear; } .mm_texteditor_control_richtext_menu_button:hover .mm9_menubutton_dropdown_bg2, .mm_texteditor_control_richtext_menu_button.active .mm9_menubutton_dropdown_bg2, .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg2 { transform: rotate(-40deg); } .mm_texteditor_control_richtext_menu_button.disabled .mm9_menubutton_dropdown_bg1, .mm_texteditor_control_richtext_menu_button.disabled .mm9_menubutton_dropdown_bg2, .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button.disabled .mm9_menubutton_dropdown_bg1, .mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm_texteditor_control_richtext_submenu { position: relative; display: inline-block; } .mm_texteditor_control_richtext_submenu_button { position: relative; display: inline-flex; vertical-align: middle; margin: 12px 7px; width: 24px; height: 24px; text-align: center; line-height: 1; background: transparent; border-radius: 4px; align-items: center; justify-content: center; box-shadow: none; cursor: pointer; outline: none; transition: box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_texteditor_control_richtext_submenu_button.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_texteditor_control_richtext_submenu_button.disabled, .mm_texteditor_control_richtext_submenu_button.disabled:hover, .mm_texteditor_control_richtext_submenu_button.disabled.focus, .mm_texteditor_control_richtext_submenu_button.disabled.active, .mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button.disabled { box-shadow: none; } .mm_texteditor_control_richtext_submenu_button .mm9_button_text { display: none; } .mm_texteditor_control_richtext_submenu_button .mm9_button_image { width: 18px; height: 18px; color: #6a6e79; font-size: 18px; transition: color 0.2s linear; } .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm9_button_image { display: none; } .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm9_button_custom { display: inline-block; width: 18px; height: 18px; } .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm9_button_custom svg { width: 18px; height: 18px; } .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm10_svg_icon_color { fill: #6a6e79; transition: fill 0.2s linear; } .mm_texteditor_control_richtext_submenu_button:hover .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_richtext_submenu_button.in_use .mm9_button_image, .mm_texteditor_control_richtext_submenu_button.active .mm9_button_image, .mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg:hover .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.in_use .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.active .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm9_button_custom .mm10_svg_icon_color { fill: #2f75ff; } .mm_texteditor_control_richtext_submenu_button.disabled .mm9_button_image, .mm_texteditor_control_richtext_submenu_button.disabled:hover .mm9_button_image, .mm_texteditor_control_richtext_submenu_button.disabled.focus .mm9_button_image, .mm_texteditor_control_richtext_submenu_button.disabled.active .mm9_button_image, .mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button.disabled .mm9_button_image { color: #e0e1e4; } .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled:hover .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled.focus .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled.active .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled .mm9_button_custom .mm10_svg_icon_color { fill: #e0e1e4; } .mm_texteditor_control_richtext_tablesetting { position: relative; display: inline-block; } .mm_texteditor_control_richtext_tablesetting_button { position: relative; display: inline-flex; vertical-align: middle; margin: 12px 7px; width: 24px; height: 24px; text-align: center; line-height: 1; background: transparent; border-radius: 4px; align-items: center; justify-content: center; box-shadow: none; cursor: pointer; outline: none; transition: box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_texteditor_control_richtext_tablesetting_button.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_texteditor_control_richtext_tablesetting_button.disabled, .mm_texteditor_control_richtext_tablesetting_button.disabled:hover, .mm_texteditor_control_richtext_tablesetting_button.disabled.focus, .mm_texteditor_control_richtext_tablesetting_button.disabled.active, .mm_texteditor_control_richtext_tablesetting.active .mm_texteditor_control_richtext_tablesetting_button.disabled { box-shadow: none; } .mm_texteditor_control_richtext_tablesetting_button .mm9_button_text { display: none; } .mm_texteditor_control_richtext_tablesetting_button .mm9_button_image { width: 18px; height: 18px; color: #6a6e79; font-size: 18px; transition: color 0.2s linear; } .mm_texteditor_control_richtext_tablesetting_button:hover .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_richtext_tablesetting_button.active .mm9_button_image, .mm_texteditor_control_richtext_tablesetting.active .mm_texteditor_control_richtext_tablesetting_button .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_richtext_tablesetting_button.disabled .mm9_button_image, .mm_texteditor_control_richtext_tablesetting_button.disabled:hover .mm9_button_image, .mm_texteditor_control_richtext_tablesetting_button.disabled.focus .mm9_button_image, .mm_texteditor_control_richtext_tablesetting_button.disabled.active .mm9_button_image, .mm_texteditor_control_richtext_tablesetting.active .mm_texteditor_control_richtext_tablesetting_button.disabled .mm9_button_image { color: #e0e1e4; } .mm_texteditor_control_textarea { position: relative; display: inline-block; } .mm_texteditor_control_textarea_button { position: relative; display: inline-flex; vertical-align: middle; margin: 12px 7px; width: 24px; height: 24px; text-align: center; line-height: 1; background: transparent; border-radius: 4px; align-items: center; justify-content: center; box-shadow: none; cursor: pointer; outline: none; transition: box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_texteditor_control_textarea_button.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_texteditor_control_textarea_button.disabled, .mm_texteditor_control_textarea_button.disabled:hover, .mm_texteditor_control_textarea_button.disabled.focus, .mm_texteditor_control_textarea_button.disabled.active, .mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button.disabled { box-shadow: none; } .mm_texteditor_control_textarea_button .mm9_button_text { display: none; } .mm_texteditor_control_textarea_button .mm9_button_image { width: 18px; height: 18px; color: #6a6e79; font-size: 18px; transition: color 0.2s linear; } .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm9_button_image { display: none; } .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm9_button_custom { display: inline-block; width: 18px; height: 18px; } .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm9_button_custom svg { width: 18px; height: 18px; } .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm10_svg_icon_color { fill: #6a6e79; transition: fill 0.2s linear; } .mm_texteditor_control_textarea_button:hover .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_textarea_button.in_use .mm9_button_image, .mm_texteditor_control_textarea_button.active .mm9_button_image, .mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg:hover .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.in_use .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.active .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm9_button_custom .mm10_svg_icon_color { fill: #2f75ff; } .mm_texteditor_control_textarea_button.disabled .mm9_button_image, .mm_texteditor_control_textarea_button.disabled:hover .mm9_button_image, .mm_texteditor_control_textarea_button.disabled.focus .mm9_button_image, .mm_texteditor_control_textarea_button.disabled.active .mm9_button_image, .mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button.disabled .mm9_button_image { color: #e0e1e4; } .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled:hover .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled.focus .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled.active .mm9_button_custom .mm10_svg_icon_color, .mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled .mm9_button_custom .mm10_svg_icon_color { fill: #e0e1e4; } .mm_texteditor_control_textarea_minified_button { position: relative; display: inline-flex; vertical-align: middle; margin-left: 10px; width: 40px; height: 40px; text-align: center; line-height: 1; background: #fff; border-radius: 4px; align-items: center; justify-content: center; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); cursor: pointer; outline: none; transition: box-shadow 0.2s linear, background-color 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_texteditor_control_textarea_minified_button.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_texteditor_control_textarea_minified_button:hover { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_texteditor_control_textarea_minified_button.active, .mm_texteditor_control_textarea_minified.active .mm_texteditor_control_textarea_minified_button { background: #fff; box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 ); } .mm_texteditor_control_textarea_minified_button.disabled, .mm_texteditor_control_textarea_minified_button.disabled:hover, .mm_texteditor_control_textarea_minified_button.disabled.focus, .mm_texteditor_control_textarea_minified_button.disabled.active, .mm_texteditor_control_textarea_minified.active .mm_texteditor_control_textarea_minified_button.disabled { background: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_texteditor_control_textarea_minified_button .mm9_button_text { display: none; } .mm_texteditor_control_textarea_minified_button .mm9_button_image { width: 16px; height: 16px; color: #6a6e79; font-size: 16px; transition: color 0.2s linear; } .mm_texteditor_control_textarea_minified_button:hover .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_textarea_minified_button.active .mm9_button_image, .mm_texteditor_control_textarea_minified.active .mm_texteditor_control_textarea_minified_button .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_textarea_minified_button.disabled .mm9_button_image, .mm_texteditor_control_textarea_minified_button.disabled:hover .mm9_button_image, .mm_texteditor_control_textarea_minified_button.disabled.focus .mm9_button_image, .mm_texteditor_control_textarea_minified_button.disabled.active .mm9_button_image, .mm_texteditor_control_textarea_minified.active .mm_texteditor_control_textarea_minified_button.disabled .mm9_button_image { color: #e0e1e4; } .mm_texteditor_control_richtext_imageresizer_button { position: relative; display: inline-flex; vertical-align: middle; margin: 0 7px; width: 24px; height: 24px; text-align: center; line-height: 1; background: transparent; border-radius: 4px; align-items: center; justify-content: center; box-shadow: none; cursor: pointer; outline: none; transition: box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_texteditor_control_richtext_imageresizer_button.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_texteditor_control_richtext_imageresizer_button.disabled, .mm_texteditor_control_richtext_imageresizer_button.disabled:hover, .mm_texteditor_control_richtext_imageresizer_button.disabled.focus, .mm_texteditor_control_richtext_imageresizer_button.disabled.active { box-shadow: none; } .mm_texteditor_control_richtext_imageresizer_button .mm9_button_text { display: none; } .mm_texteditor_control_richtext_imageresizer_button .mm9_button_image { width: 16px; height: 16px; color: #6a6e79; font-size: 16px; transition: color 0.2s linear; } .mm_texteditor_control_richtext_imageresizer_button.lock .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_richtext_imageresizer_button:hover .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_richtext_imageresizer_button.in_use .mm9_button_image, .mm_texteditor_control_richtext_imageresizer_button.active .mm9_button_image { color: #2f75ff; } .mm_texteditor_control_richtext_imageresizer_button.disabled .mm9_button_image, .mm_texteditor_control_richtext_imageresizer_button.disabled:hover .mm9_button_image, .mm_texteditor_control_richtext_imageresizer_button.disabled.focus .mm9_button_image, .mm_texteditor_control_richtext_imageresizer_button.disabled.active .mm9_button_image { color: #e0e1e4; } .mm_texteditor_control_richtext_imageresizer_input { position: relative; display: inline-flex; vertical-align: middle; margin: 0; padding: 0 15px 0 0; width: 100px; height: 30px; background: #fff; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; align-items: center; transition: border-color 0.1s linear; } .mm_texteditor_control_richtext_imageresizer_input.focus { border-color: #539cff; } .mm_texteditor_control_richtext_imageresizer_input.invalid, .mm_texteditor_control_richtext_imageresizer_input.invalid.focus { border-color: #ea6570; } .mm_texteditor_control_richtext_imageresizer_input .mm_input_title { position: relative; display: inline-block; top: auto; left: auto; margin: 0; width: 30px; font-size: 12px; font-weight: normal; color: #969da8; text-align: center; } .mm_texteditor_control_richtext_imageresizer_input .mm_input { position: relative; width: calc(100% - 30px); margin: 0; padding: 0; border: none; background: transparent; box-sizing: border-box; font-size: 12px; font-family: 'Neue Haas Grotesk Text', sans-serif; font-weight: normal; text-align: right; letter-spacing: 0.010em; color: #6a6e79; outline: none; } .mm_texteditor_control_richtext_imageresizer_input.disabled, .mm_texteditor_control_richtext_imageresizer_input.disabled.focus, .mm_texteditor_control_richtext_imageresizer_input.disabled.invalid.focus { background: #fff; border: 1px solid #e0e1e4; } .mm_texteditor_control_richtext_imageresizer_input.disabled .mm_input, .mm_texteditor_control_richtext_imageresizer_input.disabled.focus .mm_input, .mm_texteditor_control_richtext_imageresizer_input.disabled.invalid.focus .mm_input { color: #c9ced8; } .mm_texteditor_menu { position: absolute; display: none; top: 46px; right: auto; left: 0; margin: 11px 0; padding: 10px 0; text-align: left; background: #fff; border: none; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; overflow: auto; z-index: 99999; } .mm_texteditor_menu .mm9_menubutton_menu_item { position: relative; display: flex; height: 29px; padding: 0 24px; align-items: center; white-space: nowrap; text-align: left; font-weight: normal; font-size: 13px; color: #6a6e79; cursor: pointer; } .mm_texteditor_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { color: #2f75ff; background-color: #f0f5ff; } .mm_texteditor_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled { color: #c3c4c9; background-color: transparent; } .mm_texteditor_menu .mm9_menubutton_menu_item.mm9_menubutton_menuitem_arrow { padding-right: 45px; } .mm_texteditor_menu .mm9_menubutton_menu_item.mm9_menubutton_menuitem_arrow .mm9_menubutton_menu_submenu_arrow_container { width: 45px; } .mm_texteditor_menu .mm9_menubutton_menu_item.mm9_menubutton_menuitem_arrow .mm9_menubutton_menu_submenu_arrow { position: absolute; right: 0; top: 0; width: 45px; height: 30px; border: none } .mm_texteditor_menu .mm9_menubutton_menu_item.mm9_menubutton_menuitem_arrow .mm9_menubutton_menu_submenu_arrow::before { position: absolute; top: 12px; left: 12px; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(45deg); content: ''; } .mm_texteditor_menu .mm9_menubutton_menu_item.mm9_menubutton_menuitem_arrow.mm9_menubutton_menu_item_selected .mm9_menubutton_menu_submenu_arrow::before { background-color: #2f75ff; } .mm_texteditor_menu .mm9_menubutton_menu_item.mm9_menubutton_menuitem_arrow .mm9_menubutton_menu_submenu_arrow::after { position: absolute; top: 16px; left: 12px; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-45deg); content: ''; } .mm_texteditor_menu .mm9_menubutton_menu_item.mm9_menubutton_menuitem_arrow.mm9_menubutton_menu_item_selected .mm9_menubutton_menu_submenu_arrow::after { background-color: #2f75ff; } .mm_texteditor_menu .mm_texteditor_menu_collapsible_group > .mm10_menubutton_menu_group_header_container > .mm9_menubutton_menu_item { padding-right: 18px; } .mm_texteditor_menu .mm_texteditor_menu_collapsible_group.mm10_menubutton_menu_collapsible_group_container:not(.mm10_menubutton_menu_collapsible_group_visible) .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item { padding-left: 52px; } .mm_texteditor_menu .mm_texteditor_menu_collapsible_group.mm10_menubutton_menu_collapsible_group_container > .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item::before { position: absolute; top: 13px; left: 32px; width: 6px; height: 6px; content: ''; border: 1px solid #a6afbc; border-radius: 50%; box-sizing: border-box; } .mm_texteditor_menu .mm_texteditor_menu_collapsible_group.mm10_menubutton_menu_collapsible_group_container > .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected::before { border-color: #2f75ff; } .mm_texteditor_menu .mm_texteditor_menu_collapsible_group.mm10_menubutton_menu_collapsible_group_container > .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item.current::before { background-color: #2f75ff; border-color: #2f75ff; } .mm_texteditor_menu .mm9_menubutton_menu_divider { margin: 5px 15px; background-color: #e0e1e4; } .mm_texteditor_menu .mm9_menubutton_menu_item p, .mm_texteditor_menu .mm9_menubutton_menu_item pre, .mm_texteditor_menu .mm9_menubutton_menu_item div, .mm_texteditor_menu .mm9_menubutton_menu_item h1, .mm_texteditor_menu .mm9_menubutton_menu_item h2, .mm_texteditor_menu .mm9_menubutton_menu_item h3, .mm_texteditor_menu .mm9_menubutton_menu_item h4, .mm_texteditor_menu .mm9_menubutton_menu_item h5, .mm_texteditor_menu .mm9_menubutton_menu_item h6 { margin: 0; } .mm_texteditor_menu .mm9_menubutton_menu_item.current, .mm_texteditor_menu .mm9_menubutton_menu_item.current p, .mm_texteditor_menu .mm9_menubutton_menu_item.current pre, .mm_texteditor_menu .mm9_menubutton_menu_item.current div, .mm_texteditor_menu .mm9_menubutton_menu_item.current h1, .mm_texteditor_menu .mm9_menubutton_menu_item.current h2, .mm_texteditor_menu .mm9_menubutton_menu_item.current h3, .mm_texteditor_menu .mm9_menubutton_menu_item.current h4, .mm_texteditor_menu .mm9_menubutton_menu_item.current h5, .mm_texteditor_menu .mm9_menubutton_menu_item.current h6, .mm_texteditor_menu .mm10_menubutton_menu_collapsible_group_container:not(.mm10_menubutton_menu_collapsible_group_visible) .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item.current { font-weight: bold; color: #2f75ff; } .mm_texteditor_menu .mm_texteditor_menu_icontext_item { position: relative; display: flex; align-items: center; flex-grow: 1; } .mm_texteditor_menu .mm_texteditor_menu_icontext_item_icon, .mm_texteditor_menu .mm_texteditor_menu_icontext_item_icon_svg { position: relative; display: inline-block; width: 15px; height: 15px; margin-right: 12px; flex-shrink: 0; } .mm_texteditor_menu .mm_texteditor_menu_icontext_item_icon_svg svg { width: 15px; height: 15px; } .mm_texteditor_menu .mm_texteditor_menu_icontext_item_icon_svg .mm10_svg_icon_color { fill: #6a6e79; } .mm_texteditor_menu. .mm9_menubutton_menu_item_selected .mm_texteditor_menu_icontext_item_icon_svg .mm10_svg_icon_color { fill: #2f75ff; } .mm_texteditor_menu .mm_texteditor_menu_icontext_item_text { position: relative; display: inline-block; flex-grow: 1; } .mm_texteditor_menu.paragraph .mm9_menubutton_menu_item { padding: 8px 20px; } .mm_texteditor_menu .mm9_menubutton_menu_item p, .mm_texteditor_menu .mm9_menubutton_menu_item pre, .mm_texteditor_menu .mm9_menubutton_menu_item div { font-size: 14px; } .mm_texteditor_menu.mergecells .mm9_menubutton_menu_item { height: auto; } .mm_texteditor_menu.mergecells .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background: transparent; } .mm_texteditor_menu.tableoverlay .mm9_menubutton_menu_item.current { font-weight: bold; font-size: 16px; color: #2f75ff; } .mm_texteditor_version_recall_menu { position: absolute; display: none; top: 57px; left: 3px; margin-top: 10px; margin-bottom: 10px; padding: 0; min-width: auto; max-width: auto; text-align: left; background: #fff; border-radius: 4px; box-shadow: 0 2px 10px rgb(47, 117, 255, 15%); box-sizing: border-box; flex-direction: column; overflow: auto; z-index: 99999; } .mm_texteditor_version_recall_menu .mm9_menubutton_menu_item { position: relative; display: flex; padding: 0 25px; white-space: nowrap; text-align: left; font-size: 13px; font-weight: 500; color: #6a6e79; background-color: #fff; align-items: center; cursor: pointer; } .mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #2f75ff; color: #fff; } .mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled { background-color: #fff; color: #cfd2d6; cursor: default; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_title_group { position: relative; display: block; padding: 10px 15px; background-color: #f5f7fa; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_title_entry { position: relative; display: flex; padding: 0 15px; height: 33px; flex-shrink: 0; font-size: 13px; font-weight: bold; color: #2f75ff; background-color: transparent; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_title_entry.mm9_menubutton_menu_item_selected { color: #1f4389; background-color: transparent; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_content_group { position: relative; display: block; padding: 0; border-top: 1px solid #ecedf2; box-sizing: border-box; overflow: auto; flex-grow: 1; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details { position: relative; display: flex; padding: 12px 0; flex-grow: 1; align-items: flex-start; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_visual { position: absolute; top: 0; left: 0; bottom: 0; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_visual::before { position: absolute; top: 0; left: 4px; bottom: 0; width: 2px; background-color: #e9ecf0; content: ''; } .mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_visual::before { background-color: #1a5cde; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_visual::after { position: absolute; top: 15px; left: 0; width: 6px; height: 6px; background-color: #fff; border: 2px solid #969da8; border-radius: 50%; content: ''; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_active .mm_texteditor_version_recall_menu_entry_details_visual::after { border-color: #2f75ff; } .mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_visual::after { background-color: #2f75ff; border-color: #1f4389; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_content { position: relative; display: inline-block; margin-left: 30px; flex-grow: 1; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_title { position: relative; display: block; max-width: 500px; color: #494a53; font-size: 13px; overflow: hidden; text-overflow: ellipsis; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_active .mm_texteditor_version_recall_menu_entry_details_title { color: #2f75ff; } .mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_title { color: #f0f5ff; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_summary { position: relative; display: block; margin-top: 8px; min-width: 250px; max-width: 400px; font-size: 11px; font-weight: normal; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; color: #6a6e79; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_active .mm_texteditor_version_recall_menu_entry_details_summary { color: #2f75ff; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_summary:empty { display: none; } .mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_summary { color: #f0f5ff; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_current_label { position: relative; display: none; margin-top: 15px; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_current .mm_texteditor_version_recall_menu_entry_details_current_label { display: block; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_current_label::before { position: relative; display: inline-flex; padding: 0 8px; align-items: center; height: 22px; font-size: 10px; font-weight: 500; color: #2f75ff; background-color: #f0f5ff; border-radius: 12px; content: 'Current'; } .mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_current_label::before { color: #2f75ff; background-color: #f0f5ff; } .mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_loading { position: relative; display: flex; width: 300px; height: 200px; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #6a6e79; } .mm_texteditor_table_adddialog_content { position: relative; display: block; } .mm_texteditor_table_adddialog_item { position: relative; display: flex; align-items: center; } .mm_texteditor_table_adddialog_item + .mm_texteditor_table_adddialog_item { margin-top: 8px; } .mm_texteditor_table_adddialog_prompt { position: relative; display: inline-block; width: 100px; font-size: 14px; font-weight: 500; color: #6a6e79; flex-shrink: 0; } .mm_texteditor_table_adddialog_field { position: relative; display: inline-block; flex-grow: 1; } .mm_texteditor_table_adddialog_input { width: 100%; font-size: 12px; color: #6a6e79; box-sizing: border-box; } .mm9_texteditor_preferences_row { position: relative; display: block; padding: 7px 0; } .mm9_texteditor_preferences_row:nth-child(odd) { background-color: #f8f8f8; } .mm9_texteditor_preferences_col_description { position: relative; display: inline-block; vertical-align: middle; padding: 0 7px; text-align: left; box-sizing: border-box; width: calc( 100% - 50px - 200px - 50px ); color: #444; } .mm9_texteditor_preferences_col_description_title { position: relative; display: block; font-size: 12px; font-weight: bold; color: #444; text-align: left; } .mm9_texteditor_preferences_col_description_subtitle { position: relative; display: block; margin-top: 4px; font-size: 12px; color: #666; text-align: justify; } .mm9_texteditor_preferences_col_override { position: relative; display: inline-block; vertical-align: middle; text-align: left; box-sizing: border-box; width: 25px; margin: 0 10px 0 15px; color: #444; } .mm9_texteditor_preferences_col_setting { position: relative; display: inline-block; vertical-align: middle; text-align: left; box-sizing: border-box; width: 200px; color: #444; } .mm9_texteditor_preferences_col_action { position: relative; display: inline-block; vertical-align: middle; text-align: left; box-sizing: border-box; width: 50px; color: #444; } .mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select { position: relative; display: inline-block; vertical-align: middle; padding: 5px 10px; margin: 0; cursor: pointer; border: 1px solid #ddd; background-color: #fff; outline: none; } .mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select:hover { border-color: #ccc; } .mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select .mm9_button_text { width: 160px; text-align: left; color: #444; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select.disabled { border-color: #ddd; background-color: #f8f8f8; } .mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select.disabled:hover { border-color: #ddd; } .mm9_texteditor_preferences_select_menubutton_container.active .mm9_texteditor_preferences_select:hover, .mm9_texteditor_preferences_select_menubutton_container.active .mm9_texteditor_preferences_select { background-color: #2f75ff; border-color: #2f75ff; } .mm9_texteditor_preferences_select_menubutton_container.active .mm9_texteditor_preferences_select .mm9_button_text { color: #fff; } .mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select.disabled .mm9_button_text { color: #999; } .mm9_texteditor_preferences_select_menubutton_container.active .mm9_texteditor_preferences_select .mm9_menubutton_dropdown { border-color: #fff transparent; } .mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select.disabled .mm9_menubutton_dropdown { border-color: #ddd transparent; } .mm9_texteditor_preferences_select_menubutton_menu { padding: 0; min-width: 191px; max-width: 191px; max-height: 300px; border-top: none; border-color: #ddd; box-shadow: 2px 2px 15px rgba( 0, 0, 0, 0.15 ); border-radius: 0 0 15px 15px; z-index: 9999; } .mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action { position: relative; display: inline-flex; vertical-align: middle; margin: 0 3px; width: 35px; height: 35px; align-items: center; justify-content: center; cursor: pointer; background-color: #fff; border-radius: 50%; box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.15 ); outline: none; } .mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action:hover { border-color: #ccc; } .mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action .mm9_button_image { color: #777; font-size: 21px; width: 21px; height: 21px; } .mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action.disabled { border-color: #ddd; background-color: #f8f8f8; } .mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action.disabled:hover { border-color: #ddd; } .mm9_texteditor_preferences_action_menubutton_container.active .mm9_texteditor_preferences_action:hover, .mm9_texteditor_preferences_action_menubutton_container.active .mm9_texteditor_preferences_action { background-color: #2f75ff; border-color: #2f75ff; } .mm9_texteditor_preferences_action_menubutton_container.active .mm9_texteditor_preferences_action .mm9_button_image { color: #fff; } .mm9_texteditor_preferences_action_menubutton_container.active .mm9_texteditor_preferences_action .mm9_menubutton_dropdown { border-color: #fff transparent; } .mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action.disabled .mm9_menubutton_dropdown { border-color: #ddd transparent; } .mm9_texteditor_preferences_action_menubutton_container.active .mm9_menubutton_tail_border { display: none; left: 50%; bottom: -9px; border-color: #ddd transparent; transform: translateX(-50%); } .mm9_texteditor_preferences_action_menubutton_container.active .mm9_menubutton_tail { display: none; left: 50%; bottom: -10px; border-color: #fff transparent; transform: translateX(-50%); } .mm9_texteditor_preferences_action_menubutton_menu { padding: 0; border-color: #ddd; box-shadow: 2px 2px 15px rgba( 0, 0, 0, 0.15 ); border-radius: 15px 0 15px 15px; transform: translateX(-100%); z-index: 9999; } .mm9_texteditor_preference_colorpicker_button { position: relative; display: inline-block; vertical-align: middle; padding: 0; margin: 0; cursor: pointer; height: 29px; width: 192px; border: 1px solid #ddd; box-sizing: border-box; outline: none; } .mm9_texteditor_preference_colorpicker_button:focus { border-color: #ddd; } .mm9_texteditor_preference_colorpicker_button:hover { box-shadow: 2px 2px 15px rgba( 0, 0, 0, 0.25 ); } .mm9_texteditor_preference_colorpicker_button.disabled, .mm9_texteditor_preference_colorpicker_button.disabled:focus, .mm9_texteditor_preference_colorpicker_button.disabled:hover { cursor: default; box-shadow: none; } .mm9_texteditor_preferences_preference_colorpicker_preview_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mm9_texteditor_preferences_preference_colorpicker_preview { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: repeating-linear-gradient( -45deg, #fff, #fff 10px, #f8f8f8 10px, #f8f8f8 20px ); } .mm9_texteditor_preferences_preference_colorpicker_preview_disabled_overlay { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba( 255, 255, 255, 0.9 ); } .mm9_texteditor_preference_colorpicker_button.disabled .mm9_texteditor_preferences_preference_colorpicker_preview_disabled_overlay { display: block; } .mm_template_textarea { position: relative; border: 1px solid #ccc; box-sizing: border-box; outline: none; } .mm_template_textarea:focus { border-color: #1eabbd; } .mm10_button_style_secondary.mm_template_textarea_button { position: relative; display: inline-flex; vertical-align: middle; margin-bottom: 10px; padding: 0; width: 40px; height: 40px; } .mm_template_textarea_version_recall.active .mm10_button_style_secondary.mm_template_textarea_button { border-color: #2f75ff; box-shadow: none; } .mm_template_textarea_version_recall.active .mm10_button_style_secondary.mm_template_textarea_button .mm9_button_image, .mm_template_textarea_version_recall.active .mm10_button_style_secondary.mm_template_textarea_button .mm9_button_text { color: #2f75ff; } .mm10_button_style_secondary.mm_template_textarea_button .mm9_button_text { display: none; } .mm10_button_style_secondary.mm_template_textarea_button .mm9_button_image { width: 16px; height: 16px; font-size: 16px; transition: color 0.2s linear; } .mm_template_textarea_version_recall { position: relative; display: inline-block; } .mm_template_textarea_version_recall_menu { position: absolute; display: none; top: 57px; left: 3px; margin-top: 10px; margin-bottom: 10px; padding: 0; min-width: auto; max-width: auto; text-align: left; background: #fff; border: 1px solid #ecedf2; border-radius: 4px; box-shadow: 0 12px 20px rgba(127, 155, 211, 0.25); box-sizing: border-box; flex-direction: column; overflow: auto; z-index: 99999; } .mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item { position: relative; display: flex; padding: 0 25px; white-space: nowrap; text-align: left; font-size: 13px; font-weight: 500; color: #6a6e79; background-color: #fff; align-items: center; cursor: pointer; } .mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #2f75ff; color: #fff; } .mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled { background-color: #fff; color: #cfd2d6; cursor: default; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_loading { position: relative; display: flex; width: 300px; height: 200px; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #6a6e79; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_title_group { position: relative; display: block; padding: 10px 15px; background-color: #f5f7fa; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_title_entry { position: relative; display: flex; padding: 0 15px; height: 33px; flex-shrink: 0; font-size: 13px; font-weight: bold; color: #2f75ff; background-color: transparent; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_title_entry.mm9_menubutton_menu_item_selected { color: #1f4389; background-color: transparent; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_content_group { position: relative; display: block; padding: 0; border-top: 1px solid #ecedf2; box-sizing: border-box; overflow: auto; flex-grow: 1; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details { position: relative; display: flex; padding: 12px 0; flex-grow: 1; align-items: flex-start; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_visual { position: absolute; top: 0; left: 0; bottom: 0; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_visual::before { position: absolute; top: 0; left: 4px; bottom: 0; width: 2px; background-color: #e9ecf0; content: ''; } .mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_visual::before { background-color: #1a5cde; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_visual::after { position: absolute; top: 15px; left: 0; width: 6px; height: 6px; background-color: #fff; border: 2px solid #969da8; border-radius: 50%; content: ''; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_active .mm_template_textarea_version_recall_menu_entry_details_visual::after { border-color: #2f75ff; } .mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_visual::after { background-color: #2f75ff; border-color: #1f4389; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_content { position: relative; display: inline-block; margin-left: 30px; flex-grow: 1; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_title { position: relative; display: block; max-width: 500px; color: #494a53; font-size: 13px; overflow: hidden; text-overflow: ellipsis; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_active .mm_template_textarea_version_recall_menu_entry_details_title { color: #2f75ff; } .mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_title { color: #f0f5ff; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_summary { position: relative; display: block; margin-top: 8px; min-width: 250px; max-width: 400px; font-size: 11px; font-weight: normal; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; color: #6a6e79; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_active .mm_template_textarea_version_recall_menu_entry_details_summary { color: #2f75ff; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_summary:empty { display: none; } .mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_summary { color: #f0f5ff; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_current_label { position: relative; display: none; margin-top: 15px; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_current .mm_template_textarea_version_recall_menu_entry_details_current_label { display: block; } .mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_current_label::before { position: relative; display: inline-flex; padding: 0 8px; align-items: center; height: 22px; font-size: 10px; font-weight: 500; color: #2f75ff; background-color: #f0f5ff; border-radius: 12px; content: 'Current'; } .mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_current_label::before { color: #2f75ff; background-color: #f0f5ff; } .mm_checkbox .mm_checkbox_container { position: relative; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-color: #fff; border: 1px solid #cfd2d6; border-radius: 3px; box-sizing: border-box; cursor: pointer; outline: none; transition: background-color 0.15s linear, border-color 0.15s linear; } .mm_checkbox .mm_checkbox_background { display: none; } .mm_checkbox .mm_checkbox_container.active { border-color: #2f75ff; background-color: #2f75ff; } .mm_checkbox .mm_checkbox_container.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_checkbox.disabled .mm_checkbox_container { background-color: #e0e1e4; border-color: #e0e1e4; cursor: default; } .mm_checkbox .mm_checkbox_container .mm_checkbox_foreground_1 { position: absolute; display: block; top: 8px; left: 3px; width: 6px; height: 2px; background-color: #fff; border-radius: 1px; opacity: 0; transform: rotate(40deg); transition: opacity 0.15s linear; } .mm_checkbox .mm_checkbox_container.active .mm_checkbox_foreground_1 { opacity: 1; } .mm_checkbox.disabled .mm_checkbox_container .mm_checkbox_foreground_1 { background-color: #f8f8f8; } .mm_checkbox .mm_checkbox_container .mm_checkbox_foreground_2 { position: absolute; display: block; top: 7px; left: 6px; height: 2px; width: 8px; background-color: #fff; border-radius: 1px; opacity: 0; transform: rotate(-45deg); transition: opacity 0.15s linear; } .mm_checkbox .mm_checkbox_container.active .mm_checkbox_foreground_2 { opacity: 1; } .mm_checkbox.disabled .mm_checkbox_container .mm_checkbox_foreground_2 { background-color: #f8f8f8; } .mm_checkbox .mm_checkbox_text { position: relative; display: inline-block; vertical-align: middle; margin-left: 10px; color: #6a6e79; cursor: pointer; } .mm_checkbox .mm_checkbox_text:empty { display: none; margin-left: 0px; } .mm_checkbox.disabled .mm_checkbox_text { color: #c3c4c9; } .mm_checkboxslider .mm_checkbox_container { position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 23px; background-color: transparent; border: none; box-sizing: border-box; outline: none; cursor: pointer; } .mm_checkboxslider.small .mm_checkbox_container { width: 30px; height: 18px; } .mm_checkboxslider .mm_checkbox_container.focus { box-shadow: none; } .mm_checkboxslider .mm_checkbox_container.active { background-color: transparent; box-shadow: none; } .mm_checkboxslider.disabled { cursor: default; } .mm_checkboxslider .mm_checkbox_background { position: absolute; display: inline-block; top: 0; right: 0; bottom: 0; left: 0; background-color: #cfd2d6; border-radius: 12px; transition: 0.15s all ease-in-out; } .mm_checkboxslider .mm_checkbox_container.active .mm_checkbox_background { background-color: #11c7ab; } .mm_checkboxslider .mm_checkbox_container.focus .mm_checkbox_background { box-shadow: none; } .mm_checkboxslider.disabled .mm_checkbox_container .mm_checkbox_background { background-color: #e0e1e4; } .mm_checkboxslider .mm_checkbox_foreground_1 { position: absolute; display: inline-block; top: 2px; left: 2px; width: 19px; height: 19px; background-color: #fff; border-radius: 50%; box-sizing: border-box; transition: 0.15s all ease-in-out; } .mm_checkboxslider.small .mm_checkbox_foreground_1 { width: 14px; height: 14px; } .mm_checkboxslider .mm_checkbox_foreground_2, .mm_checkboxslider .mm_checkbox_container.active .mm_checkbox_foreground_2 { display: none; } .mm_checkboxslider .mm_checkbox_container.active .mm_checkbox_foreground_1 { top: 2px; left: 19px; width: 19px; height: 19px; transform: none; } .mm_checkboxslider.small .mm_checkbox_container.active .mm_checkbox_foreground_1 { top: 2px; left: 14px; width: 14px; height: 14px; transform: none; } .mm_checkboxslider.disabled .mm_checkbox_container .mm_checkbox_foreground_1 { background-color: #fafbff; } .mm_checkboxslider .mm_checkbox_text { position: relative; display: inline-block; vertical-align: middle; margin-left: 10px; color: #6a6e79; cursor: pointer; } .mm_checkboxslider .mm_checkbox_text:empty { display: none; margin-left: 0px; } .mm_checkboxslider.disabled .mm_checkbox_text { color: #c3c4c9; } .mm_radio .mm_checkbox_container { position: relative; display: inline-block; vertical-align: middle; margin: 3px 0; width: 16px; height: 16px; border: 1px solid #cfd2d6; background-color: #fff; border-radius: 50%; box-sizing: border-box; transition: background-color 0.15s linear, border-color 0.15s linear; outline: none; cursor: pointer; } .mm_radio .mm_checkbox_container.active { border-color: #2f75ff; background-color: #2f75ff; } .mm_radio .mm_checkbox_container.focus { box-shadow: 0 0 3px #f0f5ff; } .mm_radio.disabled .mm_checkbox_container { border-color: #e0e1e4; background-color: #e0e1e4; box-shadow: none; cursor: default; } .mm_radio .mm_checkbox_background { display: none; } .mm_radio .mm_checkbox_foreground_1 { position: absolute; display: inline-block; top: 4px; left: 4px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; box-sizing: border-box; opacity: 0; transition: opacity 0.15s linear; } .mm_radio .mm_checkbox_foreground_2 { display: none; } .mm_radio .mm_checkbox_container.active .mm_checkbox_foreground_1 { opacity: 1; } .mm_radio.disabled .mm_checkbox_container .mm_checkbox_foreground_1 { background-color: #fff; } .mm_radio .mm_checkbox_text { position: relative; display: inline-block; vertical-align: middle; margin-left: 10px; color: #6a6e79; cursor: pointer; transition: color 0.15s linear; } .mm_radio .mm_checkbox_text:empty { display: none; margin-left: 0px; } .mm_radio.disabled .mm_checkbox_text { color: #c3c4c9; } .mm_select_menubutton_container .mm_select { position: relative; display: inline-block; vertical-align: middle; padding: 5px 10px; margin: 0; cursor: pointer; border: 1px solid #ddd; background-color: #fff; outline: none; transition: 0.2s background-color linear; } .mm_select_menubutton_container .mm_select:hover { border-color: #ccc; } .mm_select_menubutton_container .mm_select.focus { border-color: #1eabbd; } .mm_select_menubutton_container .mm_select .mm9_button_text { width: 160px; text-align: left; color: #444; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mm_select_menubutton_container .mm_select.disabled { border-color: #ddd; background-color: #f8f8f8; cursor: default; } .mm_select_menubutton_container .mm_select.disabled:hover { border-color: #ddd; } .mm_select_menubutton_container.active .mm_select:hover, .mm_select_menubutton_container.active .mm_select { background-color: #1eabbd; border-color: #1eabbd; } .mm_select_menubutton_container.active .mm_select .mm9_button_text { color: #fff; } .mm_select_menubutton_container .mm_select.disabled .mm9_button_text { color: #999; } .mm_select_menubutton_container.active .mm_select .mm9_menubutton_dropdown { border-color: #fff transparent; } .mm_select_menubutton_container .mm_select.disabled .mm9_menubutton_dropdown { border-color: #ddd transparent; } .mm_select_menubutton_menu { left: 0; padding: 15px 0; min-width: 191px; max-width: 191px; max-height: 300px; background: #fff; border: none; border-radius: 0; box-sizing: border-box; box-shadow: 2px 2px 15px rgba( 0, 0, 0, 0.25 ); z-index: 9999; } .mm_select_box_button { position: relative; display: inline-block; vertical-align: middle; margin: 0 0 10px 0; padding: 11px 10px; width: 100%; height: 55px; line-height: 1; background: #fff; border: 1px solid #ddd; cursor: pointer; outline: none; border-radius: 0; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: 0.2s background-color ease-in-out; } .mm_select_box_button:hover { border-color: #ccc; } .mm_select_box_button.focus { border-color: #1eabbd; } .mm_select_box_button .mm9_button_title { position: absolute; display: block; top: 10px; left: 10px; text-transform: uppercase; font-weight: bold; font-size: 10px; color: #999; } .mm_select_box_button.focus .mm9_button_title { color: #1eabbd; } .mm_select_box_button .mm9_button_image, .mm_select_box_button .mm9_button_text { color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; margin-top: 15px; font-size: 14px; } .mm_select_box_button:hover .mm9_button_image, .mm_select_box_button:hover .mm9_button_text { color: #232323; } .mm_select_box_button.disabled:focus { border-color: transparent; } .mm_select_box_button.disabled:hover { background: transparent; } .mm_select_box_button.disabled .mm9_button_image, .mm_select_box_button.disabled:hover .mm9_button_image { color: #ccc; } .mm_select_box { position: relative; display: block; } .mm_select_box .mm9_menubutton_dropdown { display: block; top: 26px; right: 11px; border-width: 4px 4px 0; border-color: #999 transparent; } .mm_select_box.invalid .mm_select_box_button:hover, .mm_select_box.invalid .mm_select_box_button { border-color: #ff6b59; } .mm_select_box.invalid .mm_select_box_button .mm9_button_title, .mm_select_box.invalid .mm_select_box_button:hover .mm9_button_title { color: #ff6b59; } .mm_select_box.active .mm_select_box_button:hover, .mm_select_box.active .mm_select_box_button { background-color: #1eabbd; border-color: #1eabbd; } .mm_select_box.active .mm_select_box_button .mm9_button_title, .mm_select_box.active .mm_select_box_button:hover .mm9_button_title, .mm_select_box.active .mm_select_box_button .mm9_button_text, .mm_select_box.active .mm_select_box_button:hover .mm9_button_text, .mm_select_box.active .mm_select_box_button .mm9_button_image, .mm_select_box.active .mm_select_box_button:hover .mm9_button_image { color: #fff; } .mm_select_box.active .mm9_menubutton_dropdown { border-width: 0 4px 4px; border-color: #fff transparent; } .mm_select_box.active .mm9_menubutton_tail_border, .mm_select_box.active .mm9_menubutton_tail { display: none; } .mm_select_box_menubutton_menu { top: 55px; left: 0; min-width: 100%; max-width: 100%; max-height: 300px; padding: 15px 0; background: #fff; border: none; border-radius: 0; box-sizing: border-box; box-shadow: 2px 2px 15px rgba( 0, 0, 0, 0.25 ); z-index: 9999; } .mm_select_box_menubutton_menu .mm9_menubutton_menu_item { white-space: normal; } .mm_select_box_menubutton_menu .mm9_menubutton_menu_item_selected { background-color: #f1f1f1; } .mm_select_box_menubutton_menu .mm9_menubutton_menu_item.selected_option { background-color: #f8f8f8; font-weight: bold; } .mm_select_box_menubutton_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected.selected_option { background-color: #f1f1f1; } .mm_input_container { position: relative; display: inline-block; margin: 0; padding: 10px; width: 150px; height: 50px; background: #fff; border: 1px solid #ddd; box-sizing: border-box; cursor: text; } .mm_input_container.focus { border-color: #1eabbd; } .mm_input_container.invalid, .mm_input_container.invalid.focus { border-color: #ff6b59; } .mm_input_title { position: absolute; top: 8px; left: 10px; text-transform: uppercase; font-weight: bold; font-size: 10px; color: #999; } .mm_input_container.focus .mm_input_title { color: #1eabbd; } .mm_input_container.invalid .mm_input_title, .mm_input_container.invalid.focus .mm_input_title { color: #ff6b59; } .mm_input_title_tooltip { display: none; } .mm_input { position: relative; width: 100%; margin: 15px 0 0; padding: 0; border: none; background: transparent; box-sizing: border-box; font-size: 14px; color: #000; outline: none; } .mm_input_container.disabled, .mm_input_container.disabled.focus, .mm_input_container.disabled.invalid.focus { background: #f8f8f8; border: 1px solid #ddd; } .mm_input_container.disabled .mm_input_title, .mm_input_container.disabled.focus .mm_input_title, .mm_input_container.disabled.invalid.focus .mm_input_title { color: #bbb; } .mm_input_container.disabled .mm_input, .mm_input_container.disabled.focus .mm_input, .mm_input_container.disabled.invalid.focus .mm_input { color: #999; } .mm_textarea { position: relative; display: inline-flex; vertical-align: middle; margin: 0; padding: 0; width: 250px; height: 100px; align-items: stretch; flex-direction: column; box-sizing: border-box; } .mm_textarea.small { height: 60px; } .mm_textarea.regular { height: 100px; } .mm_textarea.medium { height: 150px; } .mm_textarea.large { height: 300px; } .mm_textarea.fixed_extranarrow_width { width: 75px; } .mm_textarea.fixed_narrow_width { width: 125px; } .mm_textarea.fixed_narrow_medium_width { width: 175px; } .mm_textarea.fixed_default_width { width: 250px; } .mm_textarea.fixed_wide_width { width: 400px; } .mm_textarea.whole_width { display: flex; width: auto; } .mm_textarea.match_parent { position: absolute; display: flex; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; } .mm_textarea.hidden { display: none; } .mm_textarea .mm_textarea_container { position: relative; display: flex; vertical-align: middle; margin: 0; padding: 0; background: #fff; border: 1px solid #e0e1e4; border-radius: 4px; overflow: hidden; box-sizing: border-box; align-items: center; flex-grow: 1; cursor: text; transition: border-color 0.1s linear; } .mm_textarea.borderless .mm_textarea_container { border: none; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); } .mm_textarea.title_visible .mm_textarea_container { margin-top: 8px; } .mm_textarea.focus:not(.readonly) .mm_textarea_container { border-color: #539cff; } .mm_textarea.borderless .mm_textarea_container:hover { box-shadow: 0 3px 4px rgba(47, 117, 255, 0.2); } .mm_textarea.borderless.focus:not(.readonly) .mm_textarea_container { box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15), 0 0 0 2px #539cff; } .mm_textarea.invalid .mm_textarea_container, .mm_textarea.invalid.focus:not(.readonly) .mm_textarea_container { border-color: #ea6570; } .mm_textarea .mm_textarea_title { display: none; } .mm_textarea.title_visible .mm_textarea_title { position: relative; display: block; color: #494a53; font-size: 13px; font-weight: 500; text-transform: none; } .mm_textarea .mm_textarea_scroller { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 12px 15px 10px; box-sizing: border-box; z-index: 0; background: transparent; overflow: auto; } .mm_textarea.small .mm_textarea_scroller { padding-top: 5px; padding-bottom: 3px; } .mm_textarea.regular .mm_textarea_scroller { padding-top: 10px; padding-bottom: 8px; } .mm_textarea.medium .mm_textarea_scroller { padding-top: 12px; padding-bottom: 10px; } .mm_textarea.large .mm_textarea_scroller { padding-top: 15px; padding-bottom: 13px; } .mm_textarea .mm_textarea_editor, .mm_textarea .mm_textarea_calculator { position: relative; margin: 0; padding: 0; border: none; background: transparent; box-sizing: border-box; font-size: 12px; font-family: 'Neue Haas Grotesk Text', sans-serif; font-weight: normal; text-align: left; letter-spacing: 0.010em; line-height: 18px; color: #494a53; flex-grow: 1; outline: none; resize: none; } .mm_textarea .mm_textarea_editor::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm_textarea .mm_textarea_editor::-ms-input-placeholder, /* Microsoft Edge */ .mm_textarea .mm_textarea_calculator::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm_textarea .mm_textarea_calculator::-ms-input-placeholder /* Microsoft Edge */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #969da8; opacity: 1; } .mm_textarea .mm_textarea_calculator { position: absolute; top: 0; left: 0; width: 1px; height: 1px; visibility: hidden; } .mm_textarea.readonly .mm_textarea_container { background: #fafbfc; } .mm_textarea.readonly.focus .mm_textarea_container, .mm_textarea.readonly.invalid.focus .mm_textarea_container { background: #fafbfc; border-color: #969da8; } .mm_textarea.readonly .mm_textarea_editor, .mm_textarea.readonly.focus .mm_textarea_editor, .mm_textarea.readonly.invalid.focus .mm_textarea_editor { color: #494a53; } .mm_textarea.disabled .mm_textarea_container, .mm_textarea.disabled.focus .mm_textarea_container, .mm_textarea.disabled.invalid.focus .mm_textarea_container { background: #fafbfc; border-color: #e0e1e4; } .mm_textarea.disabled .mm_textarea_editor, .mm_textarea.disabled.focus .mm_textarea_editor, .mm_textarea.disabled.invalid.focus .mm_textarea_editor { color: #b4b9bf; } .mm_textarea.borderless.disabled .mm_textarea_container, .mm_textarea.borderless.disabled.focus .mm_textarea_container, .mm_textarea.borderless.disabled:hover .mm_textarea_container, .mm_textarea.borderless.disabled.invalid.focus .mm_textarea_container { box-shadow: none; } .mm_textarea_resizer { position: absolute; display: none; right: 3px; bottom: 3px; width: 15px; height: 15px; } .mm_textarea_resizer.vertical { cursor: ns-resize; } .mm_textarea_resizer.horizontal { cursor: ew-resize; } .mm_textarea_resizer.vertical.horizontal { cursor: nwse-resize; } .mm_textarea_resizer.enabled { display: block; } .mm_textarea_resizer::before { position: absolute; top: 6px; left: 1px; width: 12px; height: 2px; background-color: #969da8; border-radius: 1px; transform: rotate(-45deg); content: ''; } .mm_textarea_resizer::after { position: absolute; top: 9px; left: 7px; width: 6px; height: 2px; background-color: #969da8; border-radius: 1px; transform: rotate(-45deg); content: ''; } .mm_textarea_resize_overlay { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; padding: 5px 10px; background: transparent; z-index: 1; } .mm_textarea_resizer.active .mm_textarea_resize_overlay { display: block; } .mm_input_error_container, .mm_multilineinput_error_container, .mm_textarea_error_container, .mm9_menubutton_error_container, .mm_datetimepickerdisplay_error_container { position: absolute; top: 0; left: 0; z-index: 1000; } .mm_input_error_tail, .mm_multilineinput_error_tail, .mm_textarea_error_tail, .mm9_menubutton_error_tail, .mm_datetimepickerdisplay_error_tail { position: absolute; top: 2px; left: 10px; width: 0; height: 0; border-width: 8px 8px 0; border-style: solid; border-color: transparent transparent transparent #ed6671; z-index: 3; } .mm_input_error_container.above .mm_input_error_tail, .mm_multilineinput_error_container.above .mm_multilineinput_error_tail, .mm_textarea_error_container.above .mm_textarea_error_tail, .mm9_menubutton_error_container.above .mm9_menubutton_error_tail, .mm_datetimepickerdisplay_error_container.above .mm_datetimepickerdisplay_error_tail { top: auto; bottom: 2px; border-width: 0 8px 8px; } .mm_input_error_message, .mm_multilineinput_error_message, .mm_textarea_error_message, .mm9_menubutton_error_message, .mm_datetimepickerdisplay_error_message { position: relative; display: block; margin: 10px; padding: 15px; background: #ed6671; color: #fff; font-size: 12px; font-weight: bold; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; z-index: 1000; border-radius: 0 5px 5px 5px; box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.15 ); } .mm_input_error_container.above .mm_input_error_message, .mm_multilineinput_error_container.above .mm_multilineinput_error_message, .mm_textarea_error_container.above .mm_textarea_error_message, .mm9_menubutton_error_container.above .mm9_menubutton_error_message, .mm_datetimepickerdisplay_error_container.above .mm_datetimepickerdisplay_error_message { margin-top: 0; margin-bottom: 10px; border-radius: 5px 5px 5px 0; } .mm_multilineinput_container { position: relative; display: block; margin: 0 0 10px 0; padding: 8px 10px 10px; background-color: #fff; border: 1px solid #ddd; } .mm_multilineinput_title { position: relative; text-transform: uppercase; font-weight: bold; font-size: 10px; color: #999; } .mm_multilineinput_container.invalid { border-color: #ed6671; } .mm_multilineinput_container.invalid .mm_multilineinput_title { color: #ed6671; } .mm_multilineinput_content { position: relative; display: inline-block; vertical-align: middle; margin-top: 5px; margin-right: 5px; width: calc( 100% - 50px ); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; } .mm_multilineinput_button_container { position: relative; display: inline-block; vertical-align: middle; } .mm_multilineinput_button { position: relative; display: inline-block; vertical-align: middle; margin-top: 3px; padding: 6px 0; width: 45px; text-align: center; line-height: 1; background: #1eabbd; border-radius: 3px; cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_multilineinput_button.active { background: #0e9bad; } .mm_multilineinput_button:focus { box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.25 ); } .mm_multilineinput_button:hover { box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.15 ); } .mm_multilineinput_button .mm9_button_image, .mm_multilineinput_button .mm9_button_text { color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; } .mm_multilineinput_button:hover .mm9_button_image, .mm_multilineinput_button:hover .mm9_button_text { color: #fff; } .mm_multilineinput_button.disabled, .mm_multilineinput_button.disabled:hover { background: #ddd; } .mm_multilineinput_button.disabled .mm9_button_image, .mm_multilineinput_button.disabled:hover .mm9_button_image { color: #444; } /* MMAutoCompleteInput */ .mm_autocompleteinput_wrapper { position: relative; display: block; } .mm_autocompleteinput_menu { position: absolute; display: none; font-size: 12px; overflow: auto; top: 50px; left: 0; min-width: 100%; max-width: 100%; max-height: 300px; padding: 15px 0; background: #fff; border: none; box-shadow: 2px 2px 15px -5px rgba( 0, 0, 0, 0.25 ); box-sizing: border-box; z-index: 9999; } .mm_autocompleteinput_entry { position: relative; display: block; padding: 8px 20px 8px 20px; white-space: nowrap; cursor: pointer; color: #000; text-align: left; font-weight: normal; } .mm_autocompleteinput_entry.selected { background-color: #f1f1f1; } /** MMImagePicker CSS **/ .mm9_imagepicker_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm9_imagepicker_actionbar { position: absolute; display: flex; top: 0; right: 0; left: 0; height: 64px; background: #fff; box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15); align-items: center; z-index: 2; } .mm9_imagepicker_content { position: absolute; top: 64px; right: 0; bottom: 0; left: 0; z-index: 1; } .mm9_imagepicker_imagelist_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background: #fff; box-sizing: border-box; overflow: auto; } .mm9_imagepicker_imageuploads_title, .mm9_imagepicker_imagelist_title { position: relative; display: block; margin: 0 40px; padding: 28px 0; font-size: 27px; color: #494a53; } .mm9_imagepicker_imageuploads_content, .mm9_imagepicker_imagelist_content { position: relative; display: block; margin: 0 32px; } .mm9_imagepicker_loading_container { position: relative; display: block; width: 400px; margin: 10px auto; padding: 15px 0; text-align: center; font-size: 13px; background: #f5f7fa; color: #6a6e79; border-radius: 4px; } .mm9_imagepicker_slot_container { position: relative; display: inline-block; vertical-align: top; margin: 8px; width: 366px; height: 382px; background-color: #fff; border-radius: 5px; box-sizing: border-box; box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15); overflow: hidden; } .mm9_imagepicker_slot_container.active { box-shadow: 0 4px 5px rgba(47, 117, 255, 0.25), 0 0 0 1px #2f75ff; } .mm9_imagepicker_slot_container.error { box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15), 0 0 0 1px #ed6671; } .mm9_imagepicker_slot { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .mm9_imagepicker_slot_action_upload_cancel { position: absolute; top: 5px; right: 5px; z-index: 3; } .mm9_imagepicker_slot_action_error { position: absolute; top: 5px; right: 40px; z-index: 3; } .mm9_imagepicker_slot_action { position: absolute; visibility: hidden; display: flex; top: 3px; left: 3px; background-color: #fff; border-radius: 5px; align-items: center; cursor: pointer; z-index: 3; } .mm9_imagepicker_slot_container.productimage .mm9_imagepicker_slot_action { right: 2px; } .mm9_imagepicker_slot_container.active .mm9_imagepicker_slot_action { visibility: visible; } .mm9_imagepicker_slot_action_checkbox { position: relative; display: block; vertical-align: middle; margin: 13px; width: 18px; height: 18px; background-color: #2f75ff; border: 1px solid #2f75ff; border-radius: 3px; box-sizing: border-box; cursor: pointer; outline: none; transition: background-color 0.15s linear, border-color 0.15s linear; } .mm9_imagepicker_slot_container.productimage .mm9_imagepicker_slot_action_checkbox { position: absolute; top: 0; left: 0; z-index: 1; } .mm9_imagepicker_slot_action_checkbox::before { position: absolute; display: block; top: 8px; left: 3px; width: 6px; height: 2px; background-color: #fff; border-radius: 1px; transform: rotate(40deg); transition: opacity 0.15s linear; content: ''; } .mm9_imagepicker_slot_action_checkbox::after { position: absolute; display: block; top: 7px; left: 6px; height: 2px; width: 8px; background-color: #fff; border-radius: 1px; transform: rotate(-45deg); transition: opacity 0.15s linear; content: ''; } .mm9_imagepicker_slot_image_container { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 66px); background-image: url('graphics/en-US/admin/mm9_placeholder.png'); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; z-index: 1; cursor: pointer; } .mm9_imagepicker_slot_image { position: absolute; visibility: hidden; top: -100%; right: -100%; bottom: -100%; left: -100%; margin: auto; } .mm9_imagepicker_slot_details_container { position: absolute; right: 0; bottom: 0; left: 0; height: 66px; background: #fff; z-index: 1; -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .mm9_imagepicker_slot_details_name { position: relative; display: block; margin: 12px 10px 11px; font-size: 12px; font-weight: 500; color: #6a6e79; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mm9_imagepicker_slot_details_dimensions { position: absolute; top: 30px; right: 5px; left: 5px; height: 12px; font-size: 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999; } .mm9_imagepicker_slot_details_dimensions_select { position: relative; display: block; text-align: center; } .mm9_imagepicker_slot_details_dimensions_select_button { position: relative; display: flex; vertical-align: middle; padding: 0 44px 0 23px; text-align: center; line-height: 1; background: #fff; align-items: center; justify-content: center; cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_text { color: #2f75ff; font-size: 12px; font-weight: normal; } .mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_text { font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: normal; letter-spacing: 0.010em; } .mm9_imagepicker_slot_details_dimensions_select_button.focus .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select_button.focus .mm9_button_text { color: #2f75ff; } .mm9_imagepicker_slot_details_dimensions_select_button:hover .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select_button:hover .mm9_button_text { color: #2f75ff; } .mm9_imagepicker_slot_details_dimensions_select_button.active .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select_button.active .mm9_button_text, .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_text { color: #2f75ff; } .mm9_imagepicker_slot_details_dimensions_select_button.disabled, .mm9_imagepicker_slot_details_dimensions_select_button.disabled:hover, .mm9_imagepicker_slot_details_dimensions_select_button.disabled.focus, .mm9_imagepicker_slot_details_dimensions_select_button.disabled.active, .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled { cursor: default; } .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select_button.disabled:hover .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select_button.disabled.focus .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select_button.disabled.active .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_button_image, .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_button_text, .mm9_imagepicker_slot_details_dimensions_select_button.disabled:hover .mm9_button_text, .mm9_imagepicker_slot_details_dimensions_select_button.disabled.focus .mm9_button_text, .mm9_imagepicker_slot_details_dimensions_select_button.disabled.active .mm9_button_text, .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_button_text { color: #969da8; } .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown { position: relative; display: inline-block; top: auto; right: auto; margin-left: 8px; margin-right: -38px; width: 9px; height: 6px; border: none; background: none; transform: none; } .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 3px; width: 6px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(-40deg); transition: transform 0.2s linear; } .mm9_imagepicker_slot_details_dimensions_select_button:hover .mm9_menubutton_dropdown_bg1, .mm9_imagepicker_slot_details_dimensions_select_button.active .mm9_menubutton_dropdown_bg1, .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg1 { background-color: #2f75ff; } .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg1 { transform: rotate(40deg); } .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(40deg); transition: transform 0.2s linear; } .mm9_imagepicker_slot_details_dimensions_select_button:hover .mm9_menubutton_dropdown_bg2, .mm9_imagepicker_slot_details_dimensions_select_button.active .mm9_menubutton_dropdown_bg2, .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg2 { transform: rotate(-40deg); } .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_menubutton_dropdown_bg1, .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_menubutton_dropdown_bg2, .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_menubutton_dropdown_bg1, .mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_menubutton_dropdown_bg2 { display: none; } .mm9_imagepicker_slot_details_dimensions_select_menu.mm10_menubutton_container_style_common_menu { margin-top: 20px; } .mm9_imagepicker_slot_details_dimensions_select_menu.mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item { justify-content: center; } .mm9_imagepicker_slot_imagetype_select { position: relative; display: block; flex-grow: 1; } .mm9_imagepicker_slot_imagetype_select_button { position: relative; display: flex; vertical-align: middle; padding: 0 18px 0 40px; height: 44px; text-align: center; line-height: 1; background: #fff; border-radius: 5px; align-items: center; cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button { border-radius: 5px 5px 0 0; } .mm9_imagepicker_slot_imagetype_select_button .mm9_button_image, .mm9_imagepicker_slot_imagetype_select_button .mm9_button_text { display: none; } .mm9_imagepicker_slot_imagetype_select_button .mm9_button_custom { flex-grow: 1; } .mm9_imagepicker_slot_imagetype_select_button .mm9_imagepicker_slot_imagetype_select_button_content { position: relative; display: flex; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.010em; align-items: center; } .mm9_imagepicker_slot_imagetype_select_button .mm9_imagepicker_slot_imagetype_select_button_content_title { color: #5b5c67; font-size: 12px; font-weight: normal; flex-shrink: 0; } .mm9_imagepicker_slot_imagetype_select_button .mm9_imagepicker_slot_imagetype_select_button_content_value { position: relative; display: inline-block; margin-left: 8px; max-width: 75px; color: #5b5c67; font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_imagepicker_slot_imagetype_select_button_content_title, .mm9_imagepicker_slot_imagetype_select_button.disabled:hover .mm9_imagepicker_slot_imagetype_select_button_content_title, .mm9_imagepicker_slot_imagetype_select_button.disabled.focus .mm9_imagepicker_slot_imagetype_select_button_content_title, .mm9_imagepicker_slot_imagetype_select_button.disabled.active .mm9_imagepicker_slot_imagetype_select_button_content_title, .mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_imagepicker_slot_imagetype_select_button_content_title, .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_imagepicker_slot_imagetype_select_button_content_value, .mm9_imagepicker_slot_imagetype_select_button.disabled:hover .mm9_imagepicker_slot_imagetype_select_button_content_value, .mm9_imagepicker_slot_imagetype_select_button.disabled.focus .mm9_imagepicker_slot_imagetype_select_button_content_value, .mm9_imagepicker_slot_imagetype_select_button.disabled.active .mm9_imagepicker_slot_imagetype_select_button_content_value, .mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_imagepicker_slot_imagetype_select_button_content_value { color: #969da8; } .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown { position: relative; display: inline-block; top: auto; right: auto; margin-left: 8px; width: 9px; height: 6px; border: none; background: none; transform: none; } .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 3px; width: 6px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(-40deg); transition: transform 0.2s linear; } .mm9_imagepicker_slot_imagetype_select_button:hover .mm9_menubutton_dropdown_bg1, .mm9_imagepicker_slot_imagetype_select_button.active .mm9_menubutton_dropdown_bg1, .mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg1 { background-color: #2f75ff; } .mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg1 { transform: rotate(40deg); } .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(40deg); transition: transform 0.2s linear; } .mm9_imagepicker_slot_imagetype_select_button:hover .mm9_menubutton_dropdown_bg2, .mm9_imagepicker_slot_imagetype_select_button.active .mm9_menubutton_dropdown_bg2, .mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg2 { transform: rotate(-40deg); } .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_menubutton_dropdown_bg1, .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_menubutton_dropdown_bg2, .mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_menubutton_dropdown_bg1, .mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_menubutton_dropdown_bg2 { display: none; } .mm9_imagepicker_slot_imagetype_select_menu.mm10_menubutton_container_style_common_menu { margin-top: 0; border-radius: 0 0 4px 4px; box-shadow: none; border-top: 1px solid #e0e1e4; } .mm9_imagepicker_slot_imagetype_select_menu.mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item { padding: 6px 24px 6px 40px; height: auto; white-space: normal; line-height: 18px; } .mm9_imagepicker_slot_imagetype_select_menu.mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item.current { font-weight: 500; color: #2f75ff; } .mm9_imagepicker_slot_imagetype_select_menu.mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item.current::before { position: absolute; display: block; top: 15px; left: 16px; width: 6px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(40deg); transition: opacity 0.15s linear; content: ''; } .mm9_imagepicker_slot_imagetype_select_menu.mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item.current::after { position: absolute; display: block; top: 14px; left: 19px; height: 2px; width: 8px; background-color: #2f75ff; border-radius: 1px; transform: rotate(-45deg); transition: opacity 0.15s linear; content: ''; } .mm9_imagepicker_slot_upload_container { position: absolute; display: none; top: 50%; right: 10px; left: 10px; height: 0; text-align: center; } .mm9_imagepicker_slot_upload_container .mm9_progressbar { top: -12px; } .mm9_imagepicker_slot_upload_container .mm9_progressbar_progress { min-width: 0; height: 7px; } .mm9_imagepicker_slot_upload_container .mm9_progressbar_progress_background { height: 5px; box-shadow: none; } .mm9_imagepicker_slot_upload_container .mm9_progressbar_progress_error { top: 13px; bottom: auto; left: 2px; text-align: center; } .mm9_imagepicker_actionbar_buttons { position: relative; display: inline-flex; margin: 0 10px 0 40px; align-items: center; flex-grow: 1; } .mm9_imagepicker_actionbar_buttons .mm10_button_style_primary, .mm9_imagepicker_actionbar_buttons .mm10_button_style_alternative_1, .mm9_imagepicker_actionbar_buttons .mm10_button_style_primary_muted, .mm9_imagepicker_actionbar_buttons .mm10_button_style_secondary, .mm9_imagepicker_actionbar_buttons .mm10_button_style_secondary_borderless, .mm9_imagepicker_actionbar_buttons .mm10_button_style_primary_muted_borderless, .mm9_imagepicker_actionbar_buttons .mm10_button_style_link, .mm9_imagepicker_actionbar_buttons .mm10_button_style_negative, .mm9_imagepicker_actionbar_buttons .mm10_button_style_negative_muted, .mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_primary, .mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_alternative_1, .mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_primary_muted, .mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_secondary, .mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_secondary_borderless, .mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_primary_muted_borderless, .mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_link, .mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_negative, .mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_negative_muted { margin-right: 10px; } .mm9_imagepicker_actionbar_search { position: relative; display: inline-flex; margin-right: 20px; flex-shrink: 0; align-items: center; } .mm9_imagepicker_actionbar_search .mm_input_common { width: 250px; margin: 0 24px 0 0; } .mm9_imagepicker_imagepath_path_input_container { position: relative; margin-right: 16px; } .mm9_imagepicker_imagepath_path_input { position: relative; width: 100%; height: 100%; padding: 8px; margin: 0; } .mm9_imagepicker_generatedimage_dimensions_container { position: relative; display: flex; margin-top: 20px; align-items: flex-end; } .mm9_imagepicker_generatedimage_dimension_container_left, .mm9_imagepicker_generatedimage_dimension_container_right { position: relative; display: inline-block; flex-grow: 1; } .mm9_imagepicker_generatedimage_dimension_container_right { text-align: right; } .mm9_imagepicker_generatedimage_dimension_container_left .mm_input_common, .mm9_imagepicker_generatedimage_dimension_container_right .mm_input_common { width: 160px; } .mm9_imagepicker_generatedimage_dimension_container_left .mm_input_common .mm_input, .mm9_imagepicker_generatedimage_dimension_container_right .mm_input_common .mm_input { min-width: 0; } .mm9_imagepicker_generatedimage_dimension_separator { position: relative; display: inline-block; margin: 11px 15px; font-size: 16px; font-weight: 500; color: #494a53; flex-shrink: 0; } /** ProductImagePicker CSS **/ .mm9_imagepicker_selected_container { position: relative; display: inline-flex; align-items: center; flex-grow: 1; } .mm9_imagepicker_selected_text { position: relative; display: inline-block; font-size: 13px; font-weight: normal; color: #969da8; } .mm9_imagepicker_selected_toggle_container { position: relative; display: inline-block; margin-left: 12px; } /** MMPlaceholderInput CSS **/ .mm9_placeholderinput_container { position: relative; display: block; height: 42px; margin: 5px 8px; border: 1px solid #ccc; border-radius: 2px; } .mm9_placeholderinput_container.disabled { background: #eee; } .mm9_placeholderinput_container.focus { border-color: #1eabbd; } .mm9_placeholderinput_input_container { position: absolute; top: 8px; right: 8px; left: 8px; bottom: 8px; z-index: 1; } .mm9_placeholderinput_placeholder { position: absolute; top: 0; left: 0; width: 100%; padding: 4px 0; text-align: left; font-size: 16px; font-family: 'MuseoSans', Verdana, Arial, Helvetica, sans-serif; color: #666; background: transparent; border: none; z-index: 1; outline: none; } .mm9_placeholderinput_input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left; font-size: 16px; font-family: 'MuseoSans', Verdana, Arial, Helvetica, sans-serif; color: #000; background: transparent; border: none; padding: 0; margin: 0; z-index: 2; outline: none; } .mm9_placeholderinput_input.password { font-family: Verdana, Arial, Helvetica, sans-serif; } /* WebKit browsers */ .mm9_placeholderinput_input::-webkit-input-placeholder { color: #666; font-size: 16px; font-family: 'MuseoSans', Verdana, Arial, Helvetica, sans-serif; } .mm9_placeholderinput_input:focus::-webkit-input-placeholder { color: transparent; } /* Mozilla Firefox 4 to 18 */ .mm9_placeholderinput_input:-moz-placeholder { color: #666; font-size: 16px; font-family: 'MuseoSans', Verdana, Arial, Helvetica, sans-serif; opacity: 1; } .mm9_placeholderinput_input:focus:-moz-placeholder { color: transparent; } /* Mozilla Firefox 19+ */ .mm9_placeholderinput_input::-moz-placeholder { color: #666; font-size: 16px; font-family: 'MuseoSans', Verdana, Arial, Helvetica, sans-serif; opacity: 1; } .mm9_placeholderinput_input:focus::-moz-placeholder { color: transparent; } /* Internet Explorer 10+ */ .mm9_placeholderinput_input:-ms-input-placeholder { color: #666; font-size: 16px; font-family: 'MuseoSans', Verdana, Arial, Helvetica, sans-serif; } .mm9_placeholderinput_input:focus:-ms-input-placeholder { color: transparent; } /** CSS Resources **/ .mm_list_basecssresourcelist_column_file { position: relative; display: block; flex-grow: 1; } .mm_list_basecssresourcelist_column_file_file_container, .mm_list_basecssresourcelist_column_file_na_container { position: relative; display: flex; } .mm_list_basecssresourcelist_column_file_na_container { padding-left: 13px; } .mm_list_basecssresourcelist_column_file_editableinput_container { position: relative; display: flex; height: 34px; padding: 0 12px; align-items: center; background: #fff; border: 1px solid #d3e2ff; border-radius: 4px; box-sizing: border-box; flex-grow: 1; } .mm_list_view_compact .mm_list_basecssresourcelist_column_file_editableinput_container { height: 28px; } .mm_list_view_comfortable .mm_list_basecssresourcelist_column_file_editableinput_container { height: 44px; } .mm_list_basecssresourcelist_column_file_editableinput_container_active { border-color: #539cff; } .mm_list_basecssresourcelist_column_file_editableinput_container.mm_list_data_col_editableinput_error { padding: 0 11px; border-color: #ea6570; border-width: 2px; border-style: solid; outline: none; } .mm_list_basecssresourcelist_column_file_editableinput { position: relative; width: 100%; height: 100%; font-size: 14px; background: transparent; border: none; padding: 0; margin: 0; outline: none; } .mm_list_basecssresourcelist_column_upload_button_container { position: relative; display: inline-block; margin: 0 3px 0 10px; flex-shrink: 0; } .mm_list_basecssresourcelist_column_file_button.mm10_button_style_alternative_1 { padding: 0 15px; height: 34px; } .mm_list_view_compact .mm_list_basecssresourcelist_column_file_button.mm10_button_style_alternative_1 { height: 28px; } .mm_list_view_comfortable .mm_list_basecssresourcelist_column_file_button.mm10_button_style_alternative_1 { height: 44px; } /** JavaScript Resources **/ .mm_list_basejavascriptresourcelist_column_file { position: relative; display: block; flex-grow: 1; } .mm_list_basejavascriptresourcelist_column_file_file_container, .mm_list_basejavascriptresourcelist_column_file_na_container { position: relative; display: flex; } .mm_list_basejavascriptresourcelist_column_file_na_container { padding-left: 13px; } .mm_list_basejavascriptresourcelist_column_file_editableinput_container { position: relative; display: flex; height: 34px; padding: 0 12px; align-items: center; background: #fff; border: 1px solid #d3e2ff; border-radius: 4px; box-sizing: border-box; flex-grow: 1; } .mm_list_view_compact .mm_list_basejavascriptresourcelist_column_file_editableinput_container { height: 28px; } .mm_list_view_comfortable .mm_list_basejavascriptresourcelist_column_file_editableinput_container { height: 44px; } .mm_list_basejavascriptresourcelist_column_file_editableinput_container_active { border-color: #539cff; } .mm_list_basejavascriptresourcelist_column_file_editableinput_container.mm_list_data_col_editableinput_error { padding: 0 11px; border-color: #ea6570; border-width: 2px; border-style: solid; outline: none; } .mm_list_basejavascriptresourcelist_column_file_editableinput { position: relative; width: 100%; height: 100%; font-size: 14px; background: transparent; border: none; padding: 0; margin: 0; outline: none; } .mm_list_basejavascriptresourcelist_column_upload_button_container { position: relative; display: inline-block; margin: 0 3px 0 10px; flex-shrink: 0; } .mm_list_basejavascriptresourcelist_column_file_button.mm10_button_style_alternative_1 { padding: 0 15px; height: 34px; } .mm_list_view_compact .mm_list_basejavascriptresourcelist_column_file_button.mm10_button_style_alternative_1 { height: 28px; } .mm_list_view_comfortable .mm_list_basejavascriptresourcelist_column_file_button.mm10_button_style_alternative_1 { height: 44px; } .mm9_mivaicon { speak: none; font-size: 15px; line-height: 1; text-align: center; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; text-decoration: none !important; font-family: "MivaIcons" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mm9_mivaicon_spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-webkit-keyframes spin { from { -webkit-transform:rotate(0deg); transform:rotate(0deg); } to { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform:rotate(0deg); } to { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "MivaIcons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; } /* Empty Icon */ .icon-empty:before { content: ''; } /* Add Icon */ .icon-add:before { content: '\e002'; } /* Assign Icon */ .icon-assign:before { content: '\e003'; } /* Bookmark Icon */ .icon-bookmark:before { content: '\e004'; } /* Cancel Icon */ .icon-cancel:before { content: '\e005'; } /* Catalog Icon */ .icon-catalog:before { content: '\e006'; } /* Changesort Icon */ .icon-changesort:before { content: '\e007'; } /* Checkmark Icon */ .icon-checkmark:before { content: '\e008'; } /* Column Resize Icon */ .icon-columnresize:before { content: '\e00b'; } /* Customers Icon */ .icon-customers:before { content: '\e00c'; } /* Data Management Icon */ .icon-datamanagement:before { content: '\e00d'; } /* Delete Icon */ .icon-delete:before { content: '\e00e'; } /* Notification Icon */ .icon-notification:before { content: '\e00f'; } /* Display Order Icon */ .icon-disp_order:before { content: '\e010'; } /* Domain Settings Icon */ .icon-domainsettings:before { content: '\e011'; } /* Download Icon */ .icon-download:before { content: '\e012'; } /* Dropdown Icon */ .icon-dropdown:before { content: '\e013'; } /* Edit Icon */ .icon-edit:before { content: '\e014'; } /* Exclamation Icon */ .icon-exclamation:before { content: '\e015'; } /* Export Icon */ .icon-export:before { content: '\e016'; } /* GoTo Icon */ .icon-goto:before { content: '\e017'; } /* History Icon */ .icon-history:before { content: '\e018'; } /* Home Icon */ .icon-home:before { content: '\e019'; } /* Import Icon */ .icon-import:before { content: '\e01a'; } /* Logging Icon */ .icon-logging:before { content: '\e01b'; } /* Logout Icon */ .icon-logout:before { content: '\e01c'; } /* Lookup Icon */ .icon-lookup:before { content: '\e01d'; } /* Shipping Icon */ .icon-shipping:before { content: '\e01e'; } /* Marketing Icon */ .icon-marketing:before { content: '\e01f'; } /* Menu Icon */ .icon-menu:before { content: '\e020'; } /* Modules Icon */ .icon-modules:before { content: '\e021'; } /* More Icon */ .icon-more:before { content: '\e022'; } /* Order Fulfillment Icon */ .icon-orderfulfillment:before { content: '\e023'; } /* Order Processing Icon */ .icon-orderprocessing:before { content: '\e024'; } /* Payment Icon */ .icon-payment:before { content: '\e025'; } /* Refresh Icon */ .icon-refresh:before { content: '\e026'; } /* Reports Icon */ .icon-reports:before { content: '\e027'; } /* Request Support Icon */ .icon-requestsupport:before { content: '\e028'; } /* Reset Icon */ .icon-reset:before { content: '\e029'; } /* Save Icon */ .icon-save:before { content: '\e02a'; } /* Show Icon */ .icon-show:before { content: '\e02b'; } /* List Icon */ .icon-list:before { content: '\e02c'; } /* Sort Icon */ .icon-sort:before { content: '\e02d'; } /* Sort Ascending Icon */ .icon-sort_asc:before { content: '\e02e'; } /* Sort Descending Icon */ .icon-sort_desc:before { content: '\e02f'; } /* Store Settings Icon */ .icon-storesettings:before { content: '\e030'; } /* System Extensions Icon */ .icon-systemextensions:before { content: '\e031'; } /* Folder Icon */ .icon-folder:before { content: '\e032'; } /* Template Add Icon */ .icon-template_add:before { content: '\e033'; } /* Unassign Icon */ .icon-unassign:before { content: '\e034'; } /* Update Available Icon */ .icon-update_available:before { content: '\e035'; } /* Upload Icon */ .icon-upload:before { content: '\e036'; } /* User Interface Icon */ .icon-userinterface:before { content: '\e037'; } /* Users Icon */ .icon-users:before { content: '\e038'; } /* Utilities Icon */ .icon-utilities:before { content: '\e039'; } /* Viewstore Icon */ .icon-viewstore:before { content: '\e03a'; } /* Column Menu Icon */ .icon-columnmenu:before { content: '\e03b'; } /* First Icon */ .icon-first:before { content: '\e03c'; } /* Previous Icon */ .icon-prev:before { content: '\e03d'; } /* Next Icon */ .icon-next:before { content: '\e03e'; } /* Last Icon */ .icon-last:before { content: '\e03f'; } /* Search Icon */ .icon-search:before { content: '\e040'; } /* Loading Icon */ .icon-loading:before { content: '\e041'; } /* Dismiss Icon */ .icon-dismiss:before { content: '\e042'; } /* Breadcrumb Separator Icon */ .icon-bseparator:before { content: '\e043'; } /* FieldError Icon */ .icon-fielderror:before { content: '\e044'; } /* Circle Icon */ .icon-circle:before { content: '\e045'; } /* Here Icon */ .icon-here:before { content: '\e046'; } /* Settings Icon */ .icon-settings:before { content: '\e047'; } /* URI Management Icon */ .icon-urimanagement:before { content: '\e048'; } /* Marketplaces Icon */ .icon-marketplaces:before { content: '\e049'; } /* Advanced Search Icon */ .icon-advancedsearch:before { content: '\e04a'; } /* Find In List Icon */ .icon-findinlist:before { content: '\e04b'; } /* ReadyTheme Icon */ .icon-readytheme:before { content: '\e04c'; } /* Arrow Up Icon */ .icon-arrow-up:before { content: '\e04d'; } /* Arrow Down Icon */ .icon-arrow-down:before { content: '\e04e'; } /* Font Icon */ .icon-font:before { content: '\e04f'; } /* Bold Icon */ .icon-bold:before { content: '\e050'; } /* Italic Icon */ .icon-italic:before { content: '\e051'; } /* Underline Icon */ .icon-underline:before { content: '\e052'; } /* Strikethrough Icon */ .icon-strike:before { content: '\e053'; } /* Align Left Icon */ .icon-align-left:before { content: '\e054'; } /* Align Center Icon */ .icon-align-center:before { content: '\e055'; } /* Align Right Icon */ .icon-align-right:before { content: '\e056'; } /* Align Justify Icon */ .icon-align-justify:before { content: '\e057'; } /* Indent Icon */ .icon-indent:before { content: '\e058'; } /* Outdent Icon */ .icon-outdent:before { content: '\e059'; } /* Picture Icon */ .icon-picture:before { content: '\e05a'; } /* Link Icon */ .icon-link:before { content: '\e05b'; } /* External Link Icon */ .icon-link-ext-alt:before { content: '\e05c'; } /* Code Icon */ .icon-code:before { content: '\e05d'; } /* Undo Icon */ .icon-undo:before { content: '\e05e'; } /* Redo Icon */ .icon-redo:before { content: '\e05f'; } /* Paint Bucket Icon */ .icon-paint:before { content: '\e060'; } /* Numbered List Icon */ .icon-numberedlist:before { content: '\e061'; } /* Bullet List Icon */ .icon-bulletlist:before { content: '\e062'; } /* Superscript Icon */ .icon-superscript:before { content: '\e063'; } /* Subscript Icon */ .icon-subscript:before { content: '\e064'; } /* Resize Icon */ .icon-resize:before { content: '\e065'; } /* Lock Icon */ .icon-lock:before { content: '\e066'; } /* Unlock Icon */ .icon-unlock:before { content: '\e067'; } /* Line Numbers Icon */ .icon-linenumbers:before { content: '\e068'; } /* Wrap Icon */ .icon-wrap:before { content: '\e069'; } /* TextArea Icon */ .icon-textarea:before { content: '\e06a'; } /* Color Picker Icon */ .icon-colorpicker:before { content: '\e06b'; } /* Paragraph Icon */ .icon-paragraph:before { content: '\e06c'; } /* Table Icon */ .icon-table:before { content: '\e06d'; } /* Font Size Icon */ .icon-fontsize:before { content: '\e06e'; } /* Font Face Icon */ .icon-fontface:before { content: '\e06f'; } /* Vertical Align Icon */ .icon-verticalalign:before { content: '\e070'; } /* Horizontal Align Icon */ .icon-horizontalalign:before { content: '\e071'; } /* Columns Icon */ .icon-columns:before { content: '\e072'; } /* Rows Icon */ .icon-rows:before { content: '\e073'; } /* Border Icon */ .icon-border:before { content: '\e074'; } /* Cell Icon */ .icon-cell:before { content: '\e075'; } /* RichText Icon */ .icon-richtext:before { content: '\e076'; } /* Fullscreen Start Icon */ .icon-fullscreen_start:before { content: '\e077'; } /* Fullscreen End Icon */ .icon-fullscreen_end:before { content: '\e078'; } /* Foreground Color Icon */ .icon-foregroundcolor:before { content: '\e079'; } /* Background Color Icon */ .icon-backgroundcolor:before { content: '\e07a'; } /* Find And Replace Icon */ .icon-find_and_replace:before { content: '\e07b'; } /* Find And Replace Icon */ .icon-help:before { content: '\e07c'; } /* Line Chart Stacked Icon */ .icon-line_stacked:before { content: '\e07d'; } /* Bar Chart Stacked Icon */ .icon-bar_stacked:before { content: '\e07e'; } /* Bar Chart Side-By-Side Icon */ .icon-bar_sbs:before { content: '\e07f'; } /* Workflow Group Icon */ .icon-group:before { content: '\e080'; } /* Workflow Ungroup Icon */ .icon-ungroup:before { content: '\e081'; } /* Workflow Triggers Icon */ .icon-triggers:before { content: '\e082'; } /* Workflow Conditions Icon */ .icon-conditions:before { content: '\e083'; } /* Workflow Actions Icon */ .icon-actions:before { content: '\e084'; } /* Workflow Icon */ .icon-workflow:before { content: '\e085'; } /* Details Icon */ .icon-details:before { content: '\e086'; } /* Zoom Out Icon */ .icon-zoom_out:before { content: '\e087'; } /* Zoom In Icon */ .icon-zoom_in:before { content: '\e088'; } /* Linked Icon */ .icon-linked:before { content: '\e089'; } /* Gear 1 Icon */ .icon-gear_1:before { content: '\e08a'; } /* Branches Icon */ .icon-branches:before { content: '\e08b'; } /* Create New Icon */ .icon-createnew:before { content: '\e08c'; } /* Tags Icon */ .icon-tags:before { content: '\e08d'; } /* Position Bottom Left Icon */ .icon-position_bottom_left:before { content: '\e08e'; } /* Position Bottom Right Icon */ .icon-position_bottom_right:before { content: '\e08f'; } /* Position Top Right Icon */ .icon-position_top_right:before { content: '\e090'; } /* Position Top Left Icon */ .icon-position_top_left:before { content: '\e091'; } /* Shop As Customer Icon */ .icon-shopascustomer:before { content: '\e092'; } /* Email Icon */ .icon-email:before { content: '\e093'; } /* Login Icon */ .icon-login:before { content: '\e094'; } /* Miva M Logo Icon */ .icon-miva_m:before { content: '\e095'; } /* Copy Icon */ .icon-copy:before { content: '\e096'; } /* Cicle Cancel Icon */ .icon-circle_cancel:before { content: '\e097'; } /* Circle Checkmark Icon */ .icon-cicle_checkmark:before { content: '\e098'; } /* Circle Information Icon */ .icon-cicle_information:before { content: '\e099'; } /* Filter Icon */ .icon-filter:before { content: '\e09a'; } /* Circle Plus Add Icon */ .icon-circle_add:before { content: '\e09b'; } /* Star Icon */ .icon-star:before { content: '\e09c'; } /* Date Icon */ .icon-date:before { content: '\e09d'; } /* Time Icon */ .icon-time:before { content: '\e09e'; } /* Revision Icon */ .icon-revision:before { content: '\e09f'; } /* Password Icon */ .icon-password:before { content: '\e100'; } /* Business Account Icon */ .icon-businessaccount:before { content: '\e101'; } /* Address Book Icon */ .icon-addressbook:before { content: '\e102'; } /* Customer Dashboard Login Icon */ .icon-customer_dashboard_login:before { content: '\e103'; } /* Customer Dashboard Business Account Icon */ .icon-customer_dashboard_businessaccount:before { content: '\e104'; } /* Customer Dashboard Email Icon */ .icon-customer_dashboard_email:before { content: '\e105'; } /* Customer Dashboard Password Icon */ .icon-customer_dashboard_password:before { content: '\e106'; } /* Customer Dashboard Address Icon */ .icon-customer_dashboard_address:before { content: '\e107'; } /* Customer Dashboard Phone Icon */ .icon-customer_dashboard_phone:before { content: '\e108'; } /* MMList CSS */ .mm_list { position: relative; display: block; margin: 0; width: 100%; min-width: 700px; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; background: #fff; overflow: hidden; z-index: 0; -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 ); -webkit-tap-highlight-color: transparent; } .mm_list input, .mm_list select { margin: 0; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; font-size: 13px; } .mm_list_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f2f4f7; overflow: hidden; } .mm_list_container.mm_list_container_hidden { visibility: hidden; } .mm_list_controls_container { position: relative; display: block; padding: 0; } .mm_list_local_actions_controls_container_visible .mm_list_local_actions_controls_container { padding: 12px 50px 4px; } .mm_list_feature_controls_search_advancedsearch_active .mm_list_advancedsearch_filters_container { padding: 12px 50px 4px; } .mm_list_feature_persistent_visible .mm_list_filters_container { padding: 12px 50px 4px; } .mm_list_fullscreen .mm_list_controls_container { justify-content: flex-end; flex-wrap: wrap-reverse; align-items: center; } .mm_list_fullscreen .mm_list_local_actions_controls_container { padding: 0 0 0 29px; background-color: #e9ecf0; } .mm_list_fullscreen.mm_list_feature_displayorder_active .mm_list_local_actions_controls_container { padding-left: 82px; } .mm_list_fullscreen.mm_list_feature_controls_search_advancedsearch_active .mm_list_advancedsearch_filters_container { padding: 12px 30px 4px; } .mm_list_fullscreen.mm_list_feature_persistent_visible .mm_list_filters_container { padding: 12px 30px 4px; } .mm_list_filters_container { position: relative; display: flex; align-items: center; } .mm_list_filters_hidden { display: none; } .mm_list_filters_container select { margin-right: 5px; padding: 10px 35px 10px 15px; color: #494a53; background: no-repeat calc(100% - 15px) url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm10_select_dropdown.png') #fff; font-size: 12px; font-weight: 400; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; border: none; border-radius: 4px; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .mm_list_filters_container select:focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_list_filters_container select:hover { box-shadow: 0 4px 5px rgba(47, 117, 255, 0.15); } .mm_list_filters_container select:active { color: #2f75ff; } .mm_list_filters_container select:disabled { color: #e0e1e4; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); } .mm_list_advancedsearch_filters_container { position: relative; display: flex; align-items: center; overflow: hidden; } .mm_list_feature_persistent_visible.mm_list_feature_controls_search_advancedsearch_active .mm_list_local_actions_controls_container + .mm_list_advancedsearch_filters_container { margin-top: 12px; } .mm_list_feature_persistent_visible.mm_list_feature_controls_search_advancedsearch_active .mm_list_advancedsearch_filters_container + .mm_list_filters_container { margin-top: 12px; } .mm_list_advancedsearch_filters { position: relative; display: inline-flex; white-space: nowrap; overflow: hidden; align-items: center; } .mm_list_advancedsearch_filters_more { position: relative; display: inline-block; } .mm_list_advancedsearch_filters_more_button_container { position: relative; display: block; } .mm_list_advancedsearch_filters_more_button { position: relative; display: inline-flex; padding: 0 45px 0 15px; height: 34px; align-items: center; white-space: nowrap; background: #f5f7fa; border: 1px solid #d3e2ff; border-radius: 4px; cursor: pointer; outline: none; box-sizing: border-box; transition: all 0.2s linear; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_list_advancedsearch_filters_more_button.focus { ; } .mm_list_advancedsearch_filters_more_button:hover { ; } .mm_list_advancedsearch_filters_more_button.active, .mm_list_advancedsearch_filters_more_button_container.active .mm_list_advancedsearch_filters_more_button { border-color: #539cff; } .mm_list_advancedsearch_filters_more_button .mm9_button_image, .mm_list_advancedsearch_filters_more_button .mm9_button_text { padding: 0; color: #6a6e79; font-size: 12px; font-weight: 500; transition: color 0.2s linear; } .mm_list_advancedsearch_filters_more_button:hover .mm9_button_image, .mm_list_advancedsearch_filters_more_button:hover .mm9_button_text { color: #2f75ff; } .mm_list_advancedsearch_filters_more_button.active .mm9_button_image, .mm_list_advancedsearch_filters_more_button.active .mm9_button_text, .mm_list_advancedsearch_filters_more_button_container.active .mm_list_advancedsearch_filters_more_button .mm9_button_image, .mm_list_advancedsearch_filters_more_button_container.active .mm_list_advancedsearch_filters_more_button .mm9_button_text { color: #2f75ff; } .mm_list_advancedsearch_filters_more_button.focus .mm9_button_image, .mm_list_advancedsearch_filters_more_button.focus .mm9_button_text { ; } .mm_list_advancedsearch_filters_more_button.disabled, .mm_list_advancedsearch_filters_more_button.disabled:hover, .mm_list_advancedsearch_filters_more_button.disabled.focus, .mm_list_advancedsearch_filters_more_button.disabled.active { ; } .mm_list_advancedsearch_filters_more_button.disabled .mm9_button_image, .mm_list_advancedsearch_filters_more_button.disabled:hover .mm9_button_image, .mm_list_advancedsearch_filters_more_button.disabled.focus .mm9_button_image, .mm_list_advancedsearch_filters_more_button.disabled.active .mm9_button_image, .mm_list_advancedsearch_filters_more_button.disabled .mm9_button_text, .mm_list_advancedsearch_filters_more_button.disabled:hover .mm9_button_text, .mm_list_advancedsearch_filters_more_button.disabled.focus .mm9_button_text, .mm_list_advancedsearch_filters_more_button.disabled.active .mm9_button_text { color: #e0e1e4; } .mm_list_advancedsearch_filters_more_button .mm9_menubutton_dropdown { position: absolute; display: block; top: 50%; right: 15px; width: 9px; height: 6px; border: none; background: none; transform: translateY(-50%); } .mm_list_advancedsearch_filters_more_button .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(-40deg); transition: all 0.2s linear; } .mm_list_advancedsearch_filters_more_button_container.active .mm_list_advancedsearch_filters_more_button .mm9_menubutton_dropdown_bg1 { transform: rotate(40deg); } .mm_list_advancedsearch_filters_more_button .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(40deg); transition: all 0.2s linear; } .mm_list_advancedsearch_filters_more_button_container.active .mm_list_advancedsearch_filters_more_button .mm9_menubutton_dropdown_bg2 { transform: rotate(-40deg); } .mm_list_advancedsearch_filters_more_button:hover .mm9_menubutton_dropdown_bg1, .mm_list_advancedsearch_filters_more_button:hover .mm9_menubutton_dropdown_bg2, .mm_list_advancedsearch_filters_more_button_container.active .mm9_menubutton_dropdown_bg1, .mm_list_advancedsearch_filters_more_button_container.active .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm_list_advancedsearch_filters_more_button.disabled .mm9_menubutton_dropdown_bg1, .mm_list_advancedsearch_filters_more_button.disabled .mm9_menubutton_dropdown_bg2, .mm_list_advancedsearch_filters_more_button_container.active .mm_list_advancedsearch_filters_more_button.disabled .mm9_menubutton_dropdown_bg1, .mm_list_advancedsearch_filters_more_button_container.active .mm_list_advancedsearch_filters_more_button.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm_list_advancedsearch_filters_more_button_menu { position: absolute; display: none; top: 51px; right: 0; left: auto; margin-top: 11px; padding: 0; max-height: none; text-align: left; background: #fff; border: none; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; overflow: auto; z-index: 99999; } .mm_list_advancedsearch_filter_menugroup { position: relative; display: flex; margin: 10px 15px; height: 34px; align-items: center; font-size: 12px; font-weight: 500; white-space: nowrap; color: #6a6e79; background: #f5f7fa; border: 1px solid #d3e2ff; border-radius: 4px; box-sizing: border-box; } .mm_list_advancedsearch_filter_menugroup.mm10_menubutton_menu_group_container_hidden { display: none; } .mm_list_advancedsearch_filter_menugroup .mm10_menubutton_menu_group_menuitem_container { position: relative; display: flex; flex-grow: 1; } .mm_list_advancedsearch_filter_menuitem { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .mm_list_advancedsearch_filter_menuitem.mm9_menubutton_menu_item_selected { background-color: transparent; } .mm_list_advancedsearch_filter_menuitem_edit { flex-grow: 1; } .mm_list_advancedsearch_filter { position: relative; display: inline-flex; margin-right: 10px; height: 34px; align-items: center; font-size: 12px; font-weight: 500; white-space: nowrap; color: #6a6e79; background: #f5f7fa; border: 1px solid #d3e2ff; border-radius: 4px; box-sizing: border-box; } .mm_list_advancedsearch_filter_content { position: relative; display: inline-flex; padding: 0 10px; height: 32px; flex-grow: 1; align-items: center; cursor: pointer; } .mm_list_advancedsearch_filter_name { position: relative; display: inline-block; margin-right: 5px; color: #6a6e79; } .mm_list_advancedsearch_filter_filter { position: relative; display: inline-block; margin-right: 5px; color: #6a6e79; } .mm_list_advancedsearch_filter_value_quote { position: relative; display: none; color: #6a6e79; } .mm_list_advancedsearch_filter_content.mm_list_advancedsearch_filter_value_quotes_visible .mm_list_advancedsearch_filter_value_quote { display: inline-block; } .mm_list_advancedsearch_filter_value { position: relative; display: inline-block; color: #6a6e79; max-width: 200px; overflow: hidden; text-overflow: ellipsis; } .mm_list_advancedsearch_filter_name:empty, .mm_list_advancedsearch_filter_filter:empty { margin-right: 0; } .mm_list_advancedsearch_filter .mm_list_advancedsearch_filter_content:hover .mm_list_advancedsearch_filter_name, .mm_list_advancedsearch_filter .mm_list_advancedsearch_filter_content:hover .mm_list_advancedsearch_filter_filter, .mm_list_advancedsearch_filter .mm_list_advancedsearch_filter_content:hover .mm_list_advancedsearch_filter_value, .mm_list_advancedsearch_filter .mm_list_advancedsearch_filter_content:hover .mm_list_advancedsearch_filter_value_quote, .mm_list_advancedsearch_filter_menuitem.mm9_menubutton_menu_item_selected .mm_list_advancedsearch_filter_content .mm_list_advancedsearch_filter_name, .mm_list_advancedsearch_filter_menuitem.mm9_menubutton_menu_item_selected .mm_list_advancedsearch_filter_content .mm_list_advancedsearch_filter_filter, .mm_list_advancedsearch_filter_menuitem.mm9_menubutton_menu_item_selected .mm_list_advancedsearch_filter_content .mm_list_advancedsearch_filter_value, .mm_list_advancedsearch_filter_menuitem.mm9_menubutton_menu_item_selected .mm_list_advancedsearch_filter_content .mm_list_advancedsearch_filter_value_quote { color: #2f75ff; } .mm_list_advancedsearch_filter_close { position: relative; display: inline-block; width: 26px; height: 32px; border-radius: 3px; cursor: pointer; } .mm_list_advancedsearch_filter_menuitem .mm_list_advancedsearch_filter_close { margin-top: 1px; } .mm_list_advancedsearch_filter .mm_list_advancedsearch_filter_close:hover, .mm_list_advancedsearch_filter_menuitem.mm9_menubutton_menu_item_selected .mm_list_advancedsearch_filter_close { background-color: #fff; box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 ); } .mm_list_advancedsearch_filter_close::before { position: absolute; top: 15px; left: 7px; width: 12px; height: 2px; background-color: #6a6e79; transform: rotate(-45deg); content: ''; } .mm_list_advancedsearch_filter_close::after { position: absolute; top: 15px; left: 7px; width: 12px; height: 2px; background-color: #6a6e79; transform: rotate(45deg); content: ''; } .mm_list_advancedsearch_filter .mm_list_advancedsearch_filter_close:hover::before, .mm_list_advancedsearch_filter .mm_list_advancedsearch_filter_close:hover::after, .mm_list_advancedsearch_filter_menuitem.mm9_menubutton_menu_item_selected .mm_list_advancedsearch_filter_close::before, .mm_list_advancedsearch_filter_menuitem.mm9_menubutton_menu_item_selected .mm_list_advancedsearch_filter_close::after { background-color: #2f75ff; } .mm_list_fullscreen_actions_container { position: relative; display: none; padding: 0; justify-content: flex-end; flex-wrap: wrap-reverse; align-items: center; background-color: #e9ecf0; } .mm_list_fullscreen_actions_add_container, .mm_list_fullscreen_actions_edit_container, .mm_list_fullscreen_actions_selection_container, .mm_list_fullscreen_actions_displayorder_container { position: relative; display: none; padding-left: 30px; height: 56px; flex-grow: 1; align-items: center; } .mm_list_feature_add_actions_visible .mm_list_fullscreen_actions_add_container, .mm_list_feature_edit_actions_visible .mm_list_fullscreen_actions_edit_container, .mm_list_feature_selection_actions_visible .mm_list_fullscreen_actions_selection_container, .mm_list_feature_displayorder_actions_visible .mm_list_fullscreen_actions_displayorder_container { display: inline-flex; } .mm_list_fullscreen_actions_error_container { position: relative; display: none; margin-left: 25px; height: 56px; align-items: center; } .mm_list_feature_error_actions_visible .mm_list_fullscreen_actions_error_container { display: inline-flex; } .mm_list_fullscreen_actions_controls_close_container { position: relative; display: inline-flex; align-items: center; white-space: nowrap; } .mm_list_fullscreen_actions_controls_container { position: relative; display: inline-flex; padding-left: 10px; height: 56px; align-items: center; } .mm_list_fullscreen_actions_fullscreen_close_container { position: relative; display: inline-flex; padding-left: 10px; height: 56px; align-items: center; } .mm_list_action_row_section { position: relative; display: inline-block; vertical-align: middle; } .mm_list_advancedsearch { position: relative; display: inline-block; margin-right: 8px; font-weight: normal; vertical-align: middle; } .mm_list_local_actions_controls_container { position: relative; display: none; height: 52px; align-items: center; justify-content: flex-start; } .mm_list_local_actions_controls_container_visible .mm_list_local_actions_controls_container { display: flex; } .mm_list_local_actions_container { position: relative; display: flex; height: 52px; align-items: center; justify-content: flex-start; flex-grow: 1; flex-shrink: 0; } .mm_list_local_controls_container { position: relative; display: flex; margin-left: 25px; height: 52px; align-items: center; justify-content: flex-start; flex-shrink: 0; } .mm_list_local_controls_container .mm_list_feature_controls_container { padding-right: 0; } .mm_list_actions_container { position: relative; display: flex; height: 52px; align-items: center; justify-content: flex-start; z-index: 2; } .mm_list_local_actions_container .mm_list_actions_container { flex-grow: 1; } .mm_list_actions_container:empty { display: none; } .mm_list_scroll_container { position: absolute; top: 0; right: 50px; bottom: 0; left: 50px; background: transparent; font-size: 14px; } .mm_list_feature_recordcount .mm_list_scroll_container { bottom: 48px; } .mm_list_fullscreen .mm_list_scroll_container { right: 30px; left: 30px; } .mm_list_list_container { position: absolute; top: 12px; right: 0; bottom: 0; left: 0; overflow: hidden; } .mm_list_emptylist_message_container { position: absolute; display: none; top: 0; left: 0; padding: 15px; font-size: 18px; color: #999; z-index: 1; } .mm_list_emptylist_message_icon.mm9_mivaicon { position: relative; display: block; margin-bottom: 15px; text-align: center; font-size: 64px; color: #999; } .mm_list_empty_list_overlay { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; background-color: #e9ecf0; z-index: 2; } .mm_list_fullscreen .mm_list_empty_list_overlay { background-color: #f2f4f7; } .mm_list_empty_list_overlay_visible .mm_list_empty_list_overlay { display: block; } .mm_list_empty_list_message_container { position: absolute; top: 50%; left: 50%; width: 700px; height: 220px; transform: translate(-50%, -50%); } .mm_list_empty_list_icon { position: relative; display: block; margin: 0 auto; width: 200px; height: 150px; overflow: hidden; z-index: 0; } .mm_list_empty_list_icon_bg1 { position: absolute; top: 30px; left: 20px; width: 80px; height: 90px; background-color: #539CFF; transform: skewY(20deg); transform-origin: 0 0; z-index: 1; } .mm_list_empty_list_icon_bg2 { position: absolute; top: 30px; left: 100px; width: 80px; height: 90px; background-color: #2f75ff; transform: skewY(-20deg); transform-origin: 100% 0; z-index: 1; } .mm_list_empty_list_icon_bg3 { position: absolute; top: 77px; left: 34px; width: 50px; height: 25px; background-color: #2f75ff; transform: skewY(20deg); transform-origin: 0 0; z-index: 2; } .mm_list_empty_list_icon_bg4 { position: absolute; top: 1px; left: 20px; width: 80px; height: 90px; background-color: #2f75ff; transform: skewY(-20deg); transform-origin: 100% 0; z-index: 0; } .mm_list_empty_list_icon_bg5 { position: absolute; top: 1px; left: 100px; width: 80px; height: 90px; background-color: #5991FF; transform: skewY(20deg); transform-origin: 0 0; z-index: 0; } .mm_list_empty_list_icon_bg6 { position: absolute; top: 45px; left: 11px; width: 80px; height: 30px; background-color: #CADBFC; border-radius: 0 0 4px 4px; transform: skew(-30deg, 20deg); z-index: 3; } .mm_list_empty_list_icon_bg7 { position: absolute; top: 45px; left: 109px; width: 80px; height: 30px; background-color: #CADBFC; border-radius: 0 0 4px 4px; transform: skew(30deg, -20deg); z-index: 3; } .mm_list_empty_list_icon_bg8 { position: absolute; top: 11px; left: 148px; width: 30px; height: 30px; border: 5px solid #2f75ff; background-color: #fff; border-radius: 50%; z-index: 4; } .mm_list_empty_list_icon_bg9 { position: absolute; top: 44px; left: 179px; width: 5px; height: 27px; background-color: #2f75ff; border-radius: 3px; transform: rotate(-30deg); z-index: 4; } .mm_list_empty_list_icon_bg10 { position: absolute; top: 119px; left: 20px; width: 80px; height: 20px; background: linear-gradient(#cbdcf9, transparent); transform: skew(-30deg, 20deg); transform-origin: 0 0; z-index: 1; } .mm_list_empty_list_icon_bg11 { position: absolute; top: 119px; left: 100px; width: 80px; height: 20px; background: linear-gradient(#cbdcf9, transparent); transform: skew(30deg, -20deg); transform-origin: 100% 0; z-index: 1; } .mm_list_empty_list_message { position: relative; display: block; margin-top: 30px; text-align: center; font-size: 27px; font-weight: 400; color: #8b8f98; } .mm_list_list_content_container { position: absolute; top: 0; bottom: 0; left: 0; min-width: 100%; padding: 0; color: #000; overflow: hidden; border: none; outline: none; z-index: 0; } .mm_list_list_content_container select, .mm_list_list_content_container input[type="text"], .mm_list_list_content_container textarea { width: 100%; } .mm_list_header_col, .mm_list_data_col { position: relative; display: inline-block; vertical-align: middle; padding: 5px; box-sizing: border-box; } .mm_list_data_col { vertical-align: middle; height: auto; padding: 0 5px; } .mm_list_columnresize_border_element { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; border-right: 2px solid #ccc; z-index: 1; } .mm_list_header_col_move { cursor: move; } .mm_list_header_col a { text-decoration: none; cursor: default; } .mm_list_header_col_move a { cursor: pointer; outline: none; } .mm_list_header_col_div { position: relative; display: flex; padding: 0 13px 0 13px; height: 26px; align-items: center; color: #8b8f98; text-transform: uppercase; letter-spacing: 0.06em; font-size: 11px; font-weight: bold; overflow: hidden; } .mm_list_header_col_edit .mm_list_header_col_div { padding-right: 35px; } .mm_list_header_col_resize .mm_list_header_col_div { padding-right: 15px; } .mm_list_header_col_edit.mm_list_header_col_resize .mm_list_header_col_div { padding-right: 50px; } .mm_list_header_col_selection_spacer .mm_list_header_col_div { padding: 0; } .mm_list_columnsort_link, .mm_list_columnsort_link:link, .mm_list_columnsort_link:visited, .mm_list_columnsort_link:active { color: #8b8f98; text-transform: uppercase; letter-spacing: 0.06em; font-size: 11px; font-weight: 700; } .mm_list_columnsort_link:hover { color: #2f75ff; } .mm_list_columnsort { position: relative; display: inline-block; visibility: hidden; vertical-align: middle; margin-left: 5px; width: 10px; height: 5px; } .mm_list_columnsort_asc .mm_list_columnsort, .mm_list_columnsort_desc .mm_list_columnsort { visibility: visible; } .mm_list_columnsort_bg1 { position: absolute; display: none; top: 0; left: 1px; width: 5px; height: 2px; background-color: #8b8f98; transition: all 0.2s linear; } .mm_list_columnsort_bg2 { position: absolute; display: none; top: 0; left: 4px; width: 5px; height: 2px; background-color: #8b8f98; transition: all 0.2s linear; } .mm_list_columnsort_asc .mm_list_columnsort_bg1 { display: block; transform: rotate(-40deg); } .mm_list_columnsort_asc .mm_list_columnsort_bg2 { display: block; transform: rotate(40deg); } .mm_list_columnsort_desc .mm_list_columnsort_bg1 { display: block; transform: rotate(40deg); } .mm_list_columnsort_desc .mm_list_columnsort_bg2 { display: block; transform: rotate(-40deg); } .mm_list_columnsort_nonvisible_sort_header_group { position: relative; display: flex; align-items: center; flex-grow: 1; } .mm_list_columnsort_nonvisible_sort_header_group .mm10_menubutton_menu_group_menuitem_container { position: relative; display: flex; align-items: center; flex-grow: 1; } .mm_list_feature_columnvisibility_button_menu .mm_list_columnsort_nonvisible_sort_header_group .mm_list_columnsort_nonvisible_sort_group_header_container { position: relative; display: flex; align-items: center; } .mm_list_feature_columnvisibility_button_menu .mm_list_columnsort_nonvisible_sort_header_group .mm_list_columnsort_nonvisible_sort_group_header_text { padding-left: 12px; flex-grow: 1; } .mm_list_feature_columnvisibility_button_menu .mm_list_columnsort_nonvisible_sort_header_group .mm_list_columnsort_nonvisible_sort_group_header_reset { position: relative; margin-bottom: 20px; padding: 0 32px; width: auto; height: auto; font-size: 12px; font-weight: bold; } .mm_list_feature_columnvisibility_button_menu .mm_list_columnsort_nonvisible_sort_header_group .mm_list_columnsort_nonvisible_sort_group_header_reset.mm9_menubutton_menu_item_selected { background-color: transparent; color: #2f75ff; } .mm_list_columnsort_nonvisible_sort_menuitem_container { position: relative; display: inline-block; padding-right: 20px; } .mm_list_columnsort_nonvisible_sort_menuitem_text { font-weight: normal; color: #6a6e79; } .mm9_menubutton_menu_item_selected .mm_list_columnsort_nonvisible_sort_menuitem_text { color: #2f75ff; } .mm_list_columnsort_nonvisible_sort_menuitem_asc .mm_list_columnsort_nonvisible_sort_menuitem_text, .mm_list_columnsort_nonvisible_sort_menuitem_desc .mm_list_columnsort_nonvisible_sort_menuitem_text { font-weight: bold; color: #2f75ff; } .mm_list_columnsort_nonvisible_sort_menuitem_icon { position: absolute; display: none; top: 50%; right: 2px; width: 9px; height: 6px; border: none; background: none; transform: translateY(-50%); } .mm_list_columnsort_nonvisible_sort_menuitem_asc .mm_list_columnsort_nonvisible_sort_menuitem_icon, .mm_list_columnsort_nonvisible_sort_menuitem_desc .mm_list_columnsort_nonvisible_sort_menuitem_icon { display: block; } .mm_list_columnsort_nonvisible_sort_menuitem_icon_bg1 { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(40deg); transition: all 0.2s linear; } .mm9_menubutton_menu_item_selected .mm_list_columnsort_nonvisible_sort_menuitem_icon_bg1 { color: #2f75ff; } .mm_list_columnsort_nonvisible_sort_menuitem_desc .mm_list_columnsort_nonvisible_sort_menuitem_icon_bg1 { transform: rotate(-40deg); } .mm_list_columnsort_nonvisible_sort_menuitem_asc .mm_list_columnsort_nonvisible_sort_menuitem_icon_bg1 { transform: rotate(40deg); } .mm_list_columnsort_nonvisible_sort_menuitem_icon_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(-40deg); transition: all 0.2s linear; } .mm9_menubutton_menu_item_selected .mm_list_columnsort_nonvisible_sort_menuitem_icon_bg2 { color: #2f75ff; } .mm_list_columnsort_nonvisible_sort_menuitem_desc .mm_list_columnsort_nonvisible_sort_menuitem_icon_bg2 { transform: rotate(40deg); } .mm_list_columnsort_nonvisible_sort_menuitem_asc .mm_list_columnsort_nonvisible_sort_menuitem_icon_bg2 { transform: rotate(-40deg); } .mm_list_data_col_div_content { position: relative; display: flex; align-items: center; align-self: stretch; align-content: center; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; } .mm_list_data_col_navigation { color: #1a5cde; cursor: pointer; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5em; } .mm_list_data_col_navigation:hover { color: #1f4389; } .mm_list_header_col .mm_list_header_col_div, .mm_list_data_col .mm_list_data_col_div { white-space: nowrap; } .mm_list_data_col .mm_list_data_col_div { position: relative; display: flex; padding: 0 0 0 13px; height: 55px; align-items: center; overflow: hidden; } .mm_list_view_compact .mm_list_data_col .mm_list_data_col_div { height: 37px; } .mm_list_view_comfortable .mm_list_data_col .mm_list_data_col_div { height: 80px; } .mm_list_data_col_div_data_editable .mm_list_data_col_feature_edit { display: none; } .mm_list_data_row_addmode .mm_list_data_col_div, .mm_list_data_row_editmode .mm_list_data_col_div { white-space: nowrap; } .mm_list_data_row_addmode .mm_list_data_col_div_content, .mm_list_data_row_editmode .mm_list_data_col_div_content { flex-grow: 1; } .mm_list_data_row_addmode .mm_list_data_col_div.mm_list_data_col_div_data_editable, .mm_list_data_row_editmode .mm_list_data_col_div.mm_list_data_col_div_data_editable { padding: 0; } .mm_list_data_col_selection_spacer .mm_list_data_col_div { padding: 0; } .mm_list_data_row_loading_spacer .mm_list_data_col_div { padding: 0; } .mm_list_data_col_string_data { padding: 3px 0; line-height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mm_list_data_row_addmode .mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_list_data_col_string_data, .mm_list_data_row_editmode .mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_list_data_col_string_data { margin-left: 13px; } .mm_list_data_row_addmode .mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_checkboxslider, .mm_list_data_row_editmode .mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_checkboxslider { margin-left: 13px; } .mm_list_data_col_error_container { position: absolute; display: none; top: -1px; left: 0; bottom: -1px; width: 20px; background: #ff6b59; text-align: center; cursor: pointer; vertical-align: middle; outline: none; } .mm_list_feature_controls_container { position: relative; display: flex; padding-right: 50px; align-items: center; z-index: 3; } .mm_list_feature_controls_container .mm10_button_style_primary, .mm_list_feature_controls_container .mm10_button_style_alternative_1, .mm_list_feature_controls_container .mm10_button_style_primary_muted, .mm_list_feature_controls_container .mm10_button_style_secondary, .mm_list_feature_controls_container .mm10_button_style_secondary_borderless, .mm_list_feature_controls_container .mm10_button_style_primary_muted_borderless, .mm_list_feature_controls_container .mm10_button_style_link, .mm_list_feature_controls_container .mm10_button_style_negative, .mm_list_feature_controls_container .mm10_button_style_negative_muted, .mm_list_feature_controls_container .mm_hybridmenubutton_style_primary, .mm_list_feature_controls_container .mm_hybridmenubutton_style_alternative_1, .mm_list_feature_controls_container .mm_hybridmenubutton_style_primary_muted, .mm_list_feature_controls_container .mm_hybridmenubutton_style_secondary, .mm_list_feature_controls_container .mm_hybridmenubutton_style_secondary_borderless, .mm_list_feature_controls_container .mm_hybridmenubutton_style_primary_muted_borderless, .mm_list_feature_controls_container .mm_hybridmenubutton_style_link, .mm_list_feature_controls_container .mm_hybridmenubutton_style_negative, .mm_list_feature_controls_container .mm_hybridmenubutton_style_negative_muted { margin-left: 10px; } .mm_list_feature_controls_entry { position: relative; } .mm_list_feature_controls_entry:empty { margin-left: 0; } .mm_list_feature_controls_search_wrapper { position: relative; display: inline-flex; margin-left: 10px; align-items: center; } .mm_list_feature_controls_search_container { position: relative; display: block; width: 355px; transition: 0.2s width linear; } .mm_list_feature_controls_search_container.compact { width: 180px; } @media screen and ( max-width: 1500px ) { .mm_list_feature_controls_search_container { width: 250px; } } .mm_list_feature_controls_find_container { position: absolute; display: none; top: 51px; right: 0; left: 0; align-items: center; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_feature_controls_find_container.visible { display: flex; } .mm_list_feature_controls_find_displayorder_container { position: relative; display: inline-flex; margin-left: 10px; align-items: center; } .mm_list_feature_controls_search_cancel_button.mm10_button_style_alternative_1 { margin: 0 10px 0 0; padding: 0; flex-shrink: 0; width: 40px; height: 40px; background-color: #f2f4f7; border: 1px solid #d3e2ff; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_cancel_button { height: 44px; } .mm_list_feature_controls_search_cancel_button .mm_list_feature_controls_search_cancel_button_icon { position: relative; display: block; width: 10px; height: 10px; } .mm_list_feature_controls_search_cancel_button .mm_list_feature_controls_search_cancel_button_icon_bg1 { position: absolute; top: 4px; left: -1px; width: 12px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(45deg); transition: all 0.2s linear; } .mm_list_feature_controls_search_cancel_button .mm_list_feature_controls_search_cancel_button_icon_bg2 { position: absolute; top: 4px; left: -1px; width: 12px; height: 2px; background-color: #2f75ff; border-radius: 1px; transform: rotate(-45deg); transition: all 0.2s linear; } .mm_list_feature_controls_search_cancel_button.focus .mm_list_feature_controls_search_cancel_button_icon_bg1, .mm_list_feature_controls_search_cancel_button.focus .mm_list_feature_controls_search_cancel_button_icon_bg2 { background-color: #2f75ff; } .mm_list_feature_controls_search_cancel_button:hover .mm_list_feature_controls_search_cancel_button_icon_bg1, .mm_list_feature_controls_search_cancel_button:hover .mm_list_feature_controls_search_cancel_button_icon_bg2 { background-color: #fff; } .mm_list_feature_controls_search_cancel_button.active .mm_list_feature_controls_search_cancel_button_icon_bg1, .mm_list_feature_controls_search_cancel_button.active .mm_list_feature_controls_search_cancel_button_icon_bg2 { background-color: #2f75ff; } .mm_list_feature_controls_search_cancel_button.disabled .mm_list_feature_controls_search_cancel_button_icon_bg1, .mm_list_feature_controls_search_cancel_button.disabled .mm_list_feature_controls_search_cancel_button_icon_bg2 { background-color: #add0ff; } .mm_list_feature_controls_search_input { position: relative; display: inline-block; vertical-align: middle; padding: 8px 12px 8px 48px; width: 100%; height: 40px; background: #fff; border: 1px solid transparent; border-radius: 4px; box-sizing: border-box; transition: 0.1s all linear; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_input { padding-top: 10px; padding-bottom: 10px; height: 44px; } .mm_list_feature_controls_search_input.menubutton_visible { padding-right: 46px; } .mm_list_feature_controls_search_enter_button_visible .mm_list_feature_controls_search_input { padding-right: 77px; } .mm_list_feature_controls_search_input:hover { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_list_feature_controls_search_input.focus { border-color: #539cff; box-shadow: none; } .mm_list_feature_controls_search_input .mm_input_title { display: none; } .mm_list_feature_controls_search_input .mm_input { position: relative; display: block; margin: 0; padding: 0; height: 21px; border: none; background: transparent; box-sizing: border-box; font-size: 13px; font-family: 'Neue Haas Grotesk Text', sans-serif; line-height: 21px; letter-spacing: 0.02em; color: #6a6e79; outline: none; } .mm_list_feature_controls_search_input .mm_input::placeholder /* Chrome, Firefox, Opera, Safari 10.1+ */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #6a6e79; opacity: 1; } .mm_list_feature_controls_search_input .mm_input:-ms-input-placeholder /* Internet Explorer 10-11 */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #6a6e79; opacity: 1; } .mm_list_feature_controls_search_input .mm_input::-ms-input-placeholder /* Microsoft Edge */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #6a6e79; opacity: 1; } .mm_list_feature_controls_search_input.disabled .mm_input::placeholder /* Chrome, Firefox, Opera, Safari 10.1+ */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #e0e1e4; opacity: 1; } .mm_list_feature_controls_search_input.disabled .mm_input:-ms-input-placeholder /* Internet Explorer 10-11 */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #e0e1e4; opacity: 1; } .mm_list_feature_controls_search_input.disabled .mm_input::-ms-input-placeholder /* Microsoft Edge */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #e0e1e4; opacity: 1; } .mm_list_feature_controls_search_input.disabled, .mm_list_feature_controls_search_input.disabled:hover, .mm_list_feature_controls_search_input.disabled.focus, .mm_list_feature_controls_search_input.disabled.invalid.focus { background: #fff; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); cursor: default; } .mm_list_feature_controls_search_input.disabled .mm_input_title, .mm_list_feature_controls_search_input.disabled:hover .mm_input_title, .mm_list_feature_controls_search_input.disabled.focus .mm_input_title, .mm_list_feature_controls_search_input.disabled.invalid.focus .mm_input_title { color: #bbb; cursor: default; } .mm_list_feature_controls_search_input.disabled .mm_input, .mm_list_feature_controls_search_input.disabled:hover .mm_input, .mm_list_feature_controls_search_input.disabled.focus .mm_input, .mm_list_feature_controls_search_input.disabled.invalid.focus .mm_input { color: #e0e1e4; cursor: default; } .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input, .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input:hover, .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input.focus, .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input.invalid.focus { padding-left: 20px; background-color: #f2f4f7; border-color: #d3e2ff; box-shadow: none; } .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input .mm_input, .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input:hover .mm_input, .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input.focus .mm_input, .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input.invalid.focus .mm_input { color: #2f75ff; } .mm_list_feature_controls_search_input_icon { position: absolute; top: 12px; left: 20px; width: 15px; height: 15px; transition: 0.2s all linear; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_input_icon { top: 14px; } .mm_list_feature_controls_search_input.focus .mm_list_feature_controls_search_input_icon { transform: scale(1.2); } .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_input .mm_list_feature_controls_search_input_icon { display: none; } .mm_list_feature_controls_search_input_icon_bg1 { position: absolute; top: 0; left: 0; width: 13px; height: 13px; background-color: transparent; border: 1px solid #c9ced8; border-radius: 50%; box-sizing: border-box; transition: 0.15s all linear; } .mm_list_feature_controls_search_input:hover .mm_list_feature_controls_search_input_icon_bg1 { border-color: #969da8; } .mm_list_feature_controls_search_input.focus .mm_list_feature_controls_search_input_icon_bg1 { border-color: #2f75ff; } .mm_list_feature_controls_search_input.disabled .mm_list_feature_controls_search_input_icon_bg1, .mm_list_feature_controls_search_input.disabled:hover .mm_list_feature_controls_search_input_icon_bg1, .mm_list_feature_controls_search_input.disabled.focus .mm_list_feature_controls_search_input_icon_bg1, .mm_list_feature_controls_search_input.disabled.invalid.focus .mm_list_feature_controls_search_input_icon_bg1 { border-color: #e0e1e4; } .mm_list_feature_controls_search_input_icon_bg2 { position: absolute; bottom: 1px; right: 2px; width: 1px; height: 4px; background-color: #c9ced8; border-radius: 1px; transform: rotate(-45deg); transition: 0.15s all linear; } .mm_list_feature_controls_search_input:hover .mm_list_feature_controls_search_input_icon_bg2 { background-color: #969da8; } .mm_list_feature_controls_search_input.focus .mm_list_feature_controls_search_input_icon_bg2 { background-color: #2f75ff; } .mm_list_feature_controls_search_input.disabled .mm_list_feature_controls_search_input_icon_bg2, .mm_list_feature_controls_search_input.disabled:hover .mm_list_feature_controls_search_input_icon_bg2, .mm_list_feature_controls_search_input.disabled.focus .mm_list_feature_controls_search_input_icon_bg2, .mm_list_feature_controls_search_input.disabled.invalid.focus .mm_list_feature_controls_search_input_icon_bg2 { background-color: #e0e1e4; } .mm_list_feature_controls_search_menu_container.mm_list_action_menubutton_container { position: absolute; top: 0; right: 0; z-index: 1; } .mm_list_feature_controls_search_enter_button_visible .mm_list_feature_controls_search_menu_container { display: none; } .mm_list_feature_controls_search_menu_button { position: relative; display: block; text-align: center; line-height: 1; cursor: pointer; outline: none; box-shadow: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_list_feature_controls_search_menu_icon { position: relative; display: block; width: 46px; height: 40px; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_menu_icon { height: 44px; } .mm_list_feature_controls_search_menu_icon_bg1 { position: absolute; top: 14px; left: 15px; width: 16px; height: 1px; background-color: #6a6e79; border-radius: 1px; transition: 0.15s all linear; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_menu_icon_bg1 { top: 16px; } .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_menu_button .mm_list_feature_controls_search_menu_icon_bg1, .mm_list_feature_controls_search_menu_button:hover .mm_list_feature_controls_search_menu_icon_bg1, .mm_list_feature_controls_search_menu_container.active .mm_list_feature_controls_search_menu_icon_bg1 { background-color: #2f75ff; } .mm_list_feature_controls_search_menu_icon_bg2 { position: absolute; top: 19px; left: 15px; width: 16px; height: 1px; background-color: #6a6e79; border-radius: 1px; transition: 0.15s all linear; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_menu_icon_bg2 { top: 21px; } .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_menu_button .mm_list_feature_controls_search_menu_icon_bg2, .mm_list_feature_controls_search_menu_button:hover .mm_list_feature_controls_search_menu_icon_bg2, .mm_list_feature_controls_search_menu_container.active .mm_list_feature_controls_search_menu_icon_bg2 { background-color: #2f75ff; } .mm_list_feature_controls_search_menu_icon_bg3 { position: absolute; top: 24px; left: 15px; width: 16px; height: 1px; background-color: #6a6e79; border-radius: 1px; transition: 0.15s all linear; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_menu_icon_bg3 { top: 26px; } .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_menu_button .mm_list_feature_controls_search_menu_icon_bg3, .mm_list_feature_controls_search_menu_button:hover .mm_list_feature_controls_search_menu_icon_bg3, .mm_list_feature_controls_search_menu_container.active .mm_list_feature_controls_search_menu_icon_bg3 { background-color: #2f75ff; } .mm_list_feature_controls_search_menu_icon_bg4 { position: absolute; top: 12px; left: 21px; width: 5px; height: 5px; background-color: #fff; border: 1px solid #6a6e79; border-radius: 50%; box-sizing: border-box; transition: 0.15s all linear; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_menu_icon_bg4 { top: 14px; } .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_menu_button .mm_list_feature_controls_search_menu_icon_bg4, .mm_list_feature_controls_search_menu_button:hover .mm_list_feature_controls_search_menu_icon_bg4 { border-color: #2f75ff; } .mm_list_feature_controls_search_menu_container.active .mm_list_feature_controls_search_menu_icon_bg4 { left: 16px; border-color: #2f75ff; } .mm_list_feature_controls_search_menu_icon_bg5 { position: absolute; top: 17px; left: 16px; width: 5px; height: 5px; background-color: #fff; border: 1px solid #6a6e79; border-radius: 50%; box-sizing: border-box; transition: 0.15s all linear; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_menu_icon_bg5 { top: 19px; } .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_menu_button .mm_list_feature_controls_search_menu_icon_bg5, .mm_list_feature_controls_search_menu_button:hover .mm_list_feature_controls_search_menu_icon_bg5 { border-color: #2f75ff; } .mm_list_feature_controls_search_menu_container.active .mm_list_feature_controls_search_menu_icon_bg5 { left: 24px; border-color: #2f75ff; } .mm_list_feature_controls_search_menu_icon_bg6 { position: absolute; top: 22px; left: 24px; width: 5px; height: 5px; background-color: #fff; border: 1px solid #6a6e79; border-radius: 50%; box-sizing: border-box; transition: 0.15s all linear; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_menu_icon_bg6 { top: 24px; } .mm_list_feature_controls_search_container.mm_list_feature_controls_search_advancedsearch_active .mm_list_feature_controls_search_menu_button .mm_list_feature_controls_search_menu_icon_bg6, .mm_list_feature_controls_search_menu_button:hover .mm_list_feature_controls_search_menu_icon_bg6 { border-color: #2f75ff; } .mm_list_feature_controls_search_menu_container.active .mm_list_feature_controls_search_menu_icon_bg6 { left: 19px; border-color: #2f75ff; } .mm_list_feature_controls_search_menu_icon_bg7 { position: absolute; top: 10px; left: 0; width: 1px; height: 20px; background-color: #e0e1e4; } .mm10_screen_header_title_list_controls_container .mm_list_feature_controls_search_menu_icon_bg7 { top: 12px; } .mm_list_feature_controls_search_enter_button.mm10_button_style_alternative_1 { position: absolute; display: none; top: 6px; right: 6px; padding: 0 15px; height: 30px; z-index: 1; } .mm_list_feature_controls_search_enter_button_visible .mm_list_feature_controls_search_enter_button.mm10_button_style_alternative_1 { display: flex; } .mm_list_feature_controls_search_enter_button.mm10_button_style_alternative_1 .mm9_button_text { font-size: 12px; } .mm_list_feature_controls_find_displayorder_input { position: relative; display: inline-flex; vertical-align: middle; padding: 8px 12px 8px 48px; width: 355px; height: 40px; background: #fff; border: 1px solid transparent; align-items: center; border-radius: 4px; box-sizing: border-box; transition: 0.1s all linear; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } @media screen and ( max-width: 1500px ) { .mm_list_feature_controls_find_displayorder_input { width: 250px; } } .mm_list_feature_controls_find_displayorder_input:hover { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_list_feature_controls_find_displayorder_input.focus { border-color: #539cff; box-shadow: none; } .mm_list_feature_controls_find_displayorder_input .mm_input_title { display: none; } .mm_list_feature_controls_find_displayorder_input .mm_input { position: relative; display: block; margin: 0; padding: 0; height: 21px; border: none; background: transparent; box-sizing: border-box; font-size: 13px; font-family: 'Neue Haas Grotesk Text', sans-serif; line-height: 21px; letter-spacing: 0.02em; color: #6a6e79; outline: none; } .mm_list_feature_controls_find_displayorder_input .mm_input::placeholder /* Chrome, Firefox, Opera, Safari 10.1+ */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #6a6e79; opacity: 1; } .mm_list_feature_controls_find_displayorder_input .mm_input:-ms-input-placeholder /* Internet Explorer 10-11 */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #6a6e79; opacity: 1; } .mm_list_feature_controls_find_displayorder_input .mm_input::-ms-input-placeholder /* Microsoft Edge */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #6a6e79; opacity: 1; } .mm_list_feature_controls_find_displayorder_input.disabled .mm_input::placeholder /* Chrome, Firefox, Opera, Safari 10.1+ */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #e0e1e4; opacity: 1; } .mm_list_feature_controls_find_displayorder_input.disabled .mm_input:-ms-input-placeholder /* Internet Explorer 10-11 */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #e0e1e4; opacity: 1; } .mm_list_feature_controls_find_displayorder_input.disabled .mm_input::-ms-input-placeholder /* Microsoft Edge */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #e0e1e4; opacity: 1; } .mm_list_feature_controls_find_displayorder_input.disabled, .mm_list_feature_controls_find_displayorder_input.disabled:hover, .mm_list_feature_controls_find_displayorder_input.disabled.focus, .mm_list_feature_controls_find_displayorder_input.disabled.invalid.focus { background: #fff; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); cursor: default; } .mm_list_feature_controls_find_displayorder_input.disabled .mm_input_title, .mm_list_feature_controls_find_displayorder_input.disabled:hover .mm_input_title, .mm_list_feature_controls_find_displayorder_input.disabled.focus .mm_input_title, .mm_list_feature_controls_find_displayorder_input.disabled.invalid.focus .mm_input_title { color: #bbb; cursor: default; } .mm_list_feature_controls_find_displayorder_input.disabled .mm_input, .mm_list_feature_controls_find_displayorder_input.disabled:hover .mm_input, .mm_list_feature_controls_find_displayorder_input.disabled.focus .mm_input, .mm_list_feature_controls_find_displayorder_input.disabled.invalid.focus .mm_input { color: #e0e1e4; cursor: default; } .mm_list_feature_controls_find_displayorder_input_icon { position: absolute; top: 12px; left: 20px; width: 15px; height: 15px; transition: 0.2s all linear; } .mm_list_feature_controls_find_displayorder_input.focus .mm_list_feature_controls_find_displayorder_input_icon { transform: scale(1.2); } .mm_list_feature_controls_find_displayorder_input_icon_bg1 { position: absolute; top: 0; left: 0; width: 13px; height: 13px; background-color: transparent; border: 1px solid #c9ced8; border-radius: 50%; box-sizing: border-box; transition: 0.15s all linear; } .mm_list_feature_controls_find_displayorder_input:hover .mm_list_feature_controls_find_displayorder_input_icon_bg1 { border-color: #969da8; } .mm_list_feature_controls_find_displayorder_input.focus .mm_list_feature_controls_find_displayorder_input_icon_bg1 { border-color: #2f75ff; } .mm_list_feature_controls_find_displayorder_input.disabled .mm_list_feature_controls_find_displayorder_input_icon_bg1, .mm_list_feature_controls_find_displayorder_input.disabled:hover .mm_list_feature_controls_find_displayorder_input_icon_bg1, .mm_list_feature_controls_find_displayorder_input.disabled.focus .mm_list_feature_controls_find_displayorder_input_icon_bg1, .mm_list_feature_controls_find_displayorder_input.disabled.invalid.focus .mm_list_feature_controls_find_displayorder_input_icon_bg1 { border-color: #e0e1e4; } .mm_list_feature_controls_find_displayorder_input_icon_bg2 { position: absolute; bottom: 1px; right: 2px; width: 1px; height: 4px; background-color: #c9ced8; border-radius: 1px; transform: rotate(-45deg); transition: 0.15s all linear; } .mm_list_feature_controls_find_displayorder_input:hover .mm_list_feature_controls_find_displayorder_input_icon_bg2 { background-color: #969da8; } .mm_list_feature_controls_find_displayorder_input.focus .mm_list_feature_controls_find_displayorder_input_icon_bg2 { background-color: #2f75ff; } .mm_list_feature_controls_find_displayorder_input.disabled .mm_list_feature_controls_find_displayorder_input_icon_bg2, .mm_list_feature_controls_find_displayorder_input.disabled:hover .mm_list_feature_controls_find_displayorder_input_icon_bg2, .mm_list_feature_controls_find_displayorder_input.disabled.focus .mm_list_feature_controls_find_displayorder_input_icon_bg2, .mm_list_feature_controls_find_displayorder_input.disabled.invalid.focus .mm_list_feature_controls_find_displayorder_input_icon_bg2 { background-color: #e0e1e4; } .mm_list_feature_controls_find_displayorder_button.mm10_button_style_secondary_borderless.regular { padding: 0; width: 40px; height: 40px; flex-shrink: 0; } .mm_list_feature_controls_find_input { position: relative; display: inline-flex; vertical-align: middle; align-items: center; margin: 12px; padding: 12px 10px; width: 220px; height: 44px; background: transparent; border: 2px solid #d3e2ff; border-radius: 4px; box-sizing: border-box; transition: 0.1s all linear; } .mm_list_feature_controls_find_input:hover { ; } .mm_list_feature_controls_find_input.focus { border-color: #539cff; } .mm_list_feature_controls_find_input .mm_input_title { display: none; } .mm_list_feature_controls_find_input .mm_input { position: relative; margin: 0; padding: 0; min-width: 0; flex-grow: 1; font-size: 13px; color: #6a6e79; background: transparent; border: none; box-sizing: border-box; outline: none; } .mm_list_feature_controls_find_input .mm_input::placeholder /* Chrome, Firefox, Opera, Safari 10.1+ */ { color: #6a6e79; opacity: 1; } .mm_list_feature_controls_find_input .mm_input:-ms-input-placeholder /* Internet Explorer 10-11 */ { color: #6a6e79; opacity: 1; } .mm_list_feature_controls_find_input .mm_input::-ms-input-placeholder /* Microsoft Edge */ { color: #6a6e79; opacity: 1; } .mm_list_feature_controls_find_input.disabled .mm_input::placeholder /* Chrome, Firefox, Opera, Safari 10.1+ */ { color: #e0e1e4; opacity: 1; } .mm_list_feature_controls_find_input.disabled .mm_input:-ms-input-placeholder /* Internet Explorer 10-11 */ { color: #e0e1e4; opacity: 1; } .mm_list_feature_controls_find_input.disabled .mm_input::-ms-input-placeholder /* Microsoft Edge */ { color: #e0e1e4; opacity: 1; } .mm_list_feature_controls_find_input.disabled, .mm_list_feature_controls_find_input.disabled:hover, .mm_list_feature_controls_find_input.disabled.focus, .mm_list_feature_controls_find_input.disabled.invalid.focus { background: #fff; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); cursor: default; } .mm_list_feature_controls_find_input.disabled .mm_input_title, .mm_list_feature_controls_find_input.disabled:hover .mm_input_title, .mm_list_feature_controls_find_input.disabled.focus .mm_input_title, .mm_list_feature_controls_find_input.disabled.invalid.focus .mm_input_title { color: #bbb; cursor: default; } .mm_list_feature_controls_find_input.disabled .mm_input, .mm_list_feature_controls_find_input.disabled:hover .mm_input, .mm_list_feature_controls_find_input.disabled.focus .mm_input, .mm_list_feature_controls_find_input.disabled.invalid.focus .mm_input { color: #e0e1e4; cursor: default; } .mm_list_feature_controls_find_match_count { position: relative; margin-left: 5px; font-size: 15px; font-weight: normal; white-space: nowrap; color: #c9ced8; } .mm_list_feature_controls_find_displayorder_match_count { position: relative; margin-left: 5px; font-size: 12px; font-weight: normal; white-space: nowrap; color: #c9ced8; } .mm_list_feature_controls_find_actions_container { position: relative; display: inline-flex; margin-right: 10px; flex-grow: 1; align-items: center; justify-content: flex-end; } .mm_list_feature_controls_find_prev_icon { position: relative; display: block; width: 11px; height: 7px; } .mm_list_feature_controls_find_next_icon { position: relative; display: block; width: 11px; height: 7px; } .mm_list_feature_controls_find_prev_button, .mm_list_feature_controls_find_next_button, .mm_list_feature_controls_find_close_button { position: relative; display: inline-flex; vertical-align: middle; width: 24px; height: 24px; text-align: center; line-height: 1; align-items: center; justify-content: center; background-color: transparent; border: 3px solid transparent; border-radius: 50%; box-shadow: none; cursor: pointer; outline: none; box-sizing: border-box; transition: all 0.2s linear; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_list_feature_controls_find_prev_button.focus, .mm_list_feature_controls_find_next_button.focus, .mm_list_feature_controls_find_close_button.focus { border-color: #c5deff; } .mm_list_feature_controls_find_prev_button:hover, .mm_list_feature_controls_find_next_button:hover, .mm_list_feature_controls_find_close_button:hover { background-color: #d3e2ff; border-color: transparent; } .mm_list_feature_controls_find_prev_button.active, .mm_list_feature_controls_find_next_button.active, .mm_list_feature_controls_find_close_button.active { background-color: #2f75ff; border-color: transparent; } .mm_list_feature_controls_find_prev_button.disabled, .mm_list_feature_controls_find_prev_button.disabled:hover, .mm_list_feature_controls_find_prev_button.disabled.focus, .mm_list_feature_controls_find_prev_button.disabled.active, .mm_list_feature_controls_find_next_button.disabled, .mm_list_feature_controls_find_next_button.disabled:hover, .mm_list_feature_controls_find_next_button.disabled.focus, .mm_list_feature_controls_find_next_button.disabled.active, .mm_list_feature_controls_find_close_button.disabled, .mm_list_feature_controls_find_close_button.disabled:hover, .mm_list_feature_controls_find_close_button.disabled.focus, .mm_list_feature_controls_find_close_button.disabled.active { background-color: transparent; box-shadow: none; } .mm_list_feature_controls_find_prev_button .mm9_button_image, .mm_list_feature_controls_find_prev_button .mm9_button_text, .mm_list_feature_controls_find_next_button .mm9_button_image, .mm_list_feature_controls_find_next_button .mm9_button_text, .mm_list_feature_controls_find_close_button .mm9_button_image, .mm_list_feature_controls_find_close_button .mm9_button_text { display: none; } .mm_list_feature_controls_find_prev_button .mm_list_feature_controls_find_prev_icon, .mm_list_feature_controls_find_next_button .mm_list_feature_controls_find_next_icon, .mm_list_feature_controls_find_displayorder_button .mm_list_feature_controls_find_prev_icon, .mm_list_feature_controls_find_displayorder_button .mm_list_feature_controls_find_next_icon, .mm_list_feature_controls_find_close_button .mm_list_feature_controls_find_close_icon { transition: all 0.2s linear; } .mm_list_feature_controls_find_prev_button .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_displayorder_button .mm_list_feature_controls_find_prev_icon_bg1 { position: absolute; top: 2px; left: 0; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-45deg); } .mm_list_feature_controls_find_prev_button .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_displayorder_button .mm_list_feature_controls_find_prev_icon_bg2 { position: absolute; top: 2px; left: 4px; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(45deg); } .mm_list_feature_controls_find_next_button .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_displayorder_button .mm_list_feature_controls_find_next_icon_bg1 { position: absolute; top: 2px; left: 0; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(45deg); } .mm_list_feature_controls_find_next_button .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_displayorder_button .mm_list_feature_controls_find_next_icon_bg2 { position: absolute; top: 2px; left: 4px; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-45deg); } .mm_list_feature_controls_find_prev_button.focus .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_prev_button.focus .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_next_button.focus .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_next_button.focus .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_displayorder_button.focus .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_displayorder_button.focus .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_displayorder_button.focus .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_displayorder_button.focus .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_close_button.focus .mm_list_feature_controls_find_close_icon_bg1, .mm_list_feature_controls_find_close_button.focus .mm_list_feature_controls_find_close_icon_bg2 { ; } .mm_list_feature_controls_find_prev_button:hover .mm_list_feature_controls_find_prev_icon, .mm_list_feature_controls_find_next_button:hover .mm_list_feature_controls_find_next_icon, .mm_list_feature_controls_find_close_button:hover .mm_list_feature_controls_find_close_icon { transform: scale(1.3); } .mm_list_feature_controls_find_prev_button:hover .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_prev_button:hover .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_next_button:hover .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_next_button:hover .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_displayorder_button:hover .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_displayorder_button:hover .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_displayorder_button:hover .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_displayorder_button:hover .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_close_button:hover .mm_list_feature_controls_find_close_icon_bg1, .mm_list_feature_controls_find_close_button:hover .mm_list_feature_controls_find_close_icon_bg2 { background-color: #2f75ff; } .mm_list_feature_controls_find_prev_button.active .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_prev_button.active .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_next_button.active .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_next_button.active .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_close_button.active .mm_list_feature_controls_find_close_icon_bg1, .mm_list_feature_controls_find_close_button.active .mm_list_feature_controls_find_close_icon_bg2 { background-color: #fff; } .mm_list_feature_controls_find_prev_button.disabled .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_prev_button.disabled:hover .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_prev_button.disabled.focus .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_prev_button.disabled.active .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_prev_button.disabled .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_prev_button.disabled:hover .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_prev_button.disabled.focus .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_prev_button.disabled.active .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_next_button.disabled .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_next_button.disabled:hover .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_next_button.disabled.focus .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_next_button.disabled.active .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_next_button.disabled .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_next_button.disabled:hover .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_next_button.disabled.focus .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_next_button.disabled.active .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_displayorder_button.disabled .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_displayorder_button.disabled:hover .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_displayorder_button.disabled.focus .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_displayorder_button.disabled.active .mm_list_feature_controls_find_prev_icon_bg1, .mm_list_feature_controls_find_displayorder_button.disabled .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_displayorder_button.disabled:hover .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_displayorder_button.disabled.focus .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_displayorder_button.disabled.active .mm_list_feature_controls_find_prev_icon_bg2, .mm_list_feature_controls_find_displayorder_button.disabled .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_displayorder_button.disabled:hover .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_displayorder_button.disabled.focus .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_displayorder_button.disabled.active .mm_list_feature_controls_find_next_icon_bg1, .mm_list_feature_controls_find_displayorder_button.disabled .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_displayorder_button.disabled:hover .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_displayorder_button.disabled.focus .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_displayorder_button.disabled.active .mm_list_feature_controls_find_next_icon_bg2, .mm_list_feature_controls_find_close_button.disabled .mm_list_feature_controls_find_close_icon_bg1, .mm_list_feature_controls_find_close_button.disabled:hover .mm_list_feature_controls_find_close_icon_bg1, .mm_list_feature_controls_find_close_button.disabled.focus .mm_list_feature_controls_find_close_icon_bg1, .mm_list_feature_controls_find_close_button.disabled.active .mm_list_feature_controls_find_close_icon_bg1, .mm_list_feature_controls_find_close_button.disabled .mm_list_feature_controls_find_close_icon_bg2, .mm_list_feature_controls_find_close_button.disabled:hover .mm_list_feature_controls_find_close_icon_bg2, .mm_list_feature_controls_find_close_button.disabled.focus .mm_list_feature_controls_find_close_icon_bg2, .mm_list_feature_controls_find_close_button.disabled.active .mm_list_feature_controls_find_close_icon_bg2 { background-color: #e0e1e4; } .mm_list_feature_controls_find_close_icon { position: relative; display: block; width: 12px; height: 12px; } .mm_list_feature_controls_find_close_icon_bg1 { position: absolute; top: 5px; left: 0; width: 12px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(45deg); } .mm_list_feature_controls_find_close_icon_bg2 { position: absolute; top: 5px; left: 0; width: 12px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-45deg); } .mm_list_feature_controls_find_action_separator { position: relative; display: inline-block; margin: 0 10px; width: 1px; height: 20px; background-color: #e0e1e4; } .mm_list_actions_add_container, .mm_list_actions_edit_container, .mm_list_actions_error_container, .mm_list_actions_selection_container, .mm_list_actions_displayorder_container { position: relative; display: none; height: 100%; flex-grow: 1; } .mm_list_feature_add_actions_visible .mm_list_actions_add_container, .mm_list_feature_edit_actions_visible .mm_list_actions_edit_container, .mm_list_feature_error_actions_visible .mm_list_actions_error_container, .mm_list_feature_selection_actions_visible .mm_list_actions_selection_container, .mm_list_feature_displayorder_actions_visible .mm_list_actions_displayorder_container { display: flex; } .mm_list_feature_add_action_container, .mm_list_feature_edit_action_container, .mm_list_feature_error_action_container, .mm_list_feature_selection_action_container, .mm_list_feature_displayorder_action_container { position: relative; display: flex; height: 100%; flex-grow: 1; align-items: center; background-color: #e9ecf0; border-radius: 4px; } .mm_list_local_actions_container .mm_list_feature_add_action_container, .mm_list_local_actions_container .mm_list_feature_edit_action_container, .mm_list_local_actions_container .mm_list_feature_error_action_container, .mm_list_local_actions_container .mm_list_feature_selection_action_container, .mm_list_local_actions_container .mm_list_feature_displayorder_action_container { background-color: transparent; } .mm_list_feature_displayorder_manualedit .mm_list_feature_displayorder_action_container { padding-left: 23px; } .mm_list_feature_error_action_container { justify-content: flex-end; } .mm_list_feature_add_actions_visible .mm_list_feature_add_action_container, .mm_list_feature_edit_actions_visible .mm_list_feature_edit_action_container, .mm_list_feature_selection_actions_visible .mm_list_feature_selection_action_container { display: flex; } .mm_list_feature_add_action_selected_indicator, .mm_list_feature_edit_action_selected_indicator, .mm_list_feature_selection_action_selected_indicator, .mm_list_feature_displayorder_action_selected_indicator { position: relative; display: inline-block; margin-left: 29px; min-width: 125px; font-size: 13px; font-weight: bold; color: #494a53; } .mm_list_feature_error_action_clear_container, .mm_list_feature_selection_action_clear_container { display: inline-flex; justify-content: flex-end; } .mm_list_feature_selection_action_clear_container { flex-grow: 1; } .mm_list_local_actions_container .mm_list_feature_error_action_clear_container, .mm_list_local_actions_container .mm_list_feature_selection_action_clear_container, .mm_list_fullscreen_actions_selection_container .mm_list_feature_error_action_clear_container, .mm_list_fullscreen_actions_selection_container .mm_list_feature_selection_action_clear_container { display: none; } .mm_list_feature_error_action_clear_container .mm_list_action_button, .mm_list_feature_selection_action_clear_container .mm_list_action_button { margin: 0 11px 0 0; padding: 0; width: 40px; height: 40px; } .mm_list_feature_error_clear_icon, .mm_list_feature_selection_clear_icon { position: relative; display: block; width: 16px; height: 16px; } .mm_list_feature_error_clear_icon_bg1, .mm_list_feature_selection_clear_icon_bg1 { position: absolute; top: 7px; left: -2px; width: 19px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(45deg); transition: 0.2s all linear; } .mm_list_feature_error_clear_icon_bg2, .mm_list_feature_selection_clear_icon_bg2 { position: absolute; top: 7px; left: -2px; width: 19px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-45deg); transition: 0.2s all linear; } .mm_list_feature_error_action_clear_container .mm_list_action_button:hover .mm_list_feature_error_clear_icon_bg1, .mm_list_feature_selection_action_clear_container .mm_list_action_button:hover .mm_list_feature_selection_clear_icon_bg1 { background-color: #2f75ff; } .mm_list_feature_error_action_clear_container .mm_list_action_button:hover .mm_list_feature_error_clear_icon_bg2, .mm_list_feature_selection_action_clear_container .mm_list_action_button:hover .mm_list_feature_selection_clear_icon_bg2 { background-color: #2f75ff; } .mm_list_feature_error_action_clear_container .mm_list_action_button.active .mm_list_feature_error_clear_icon_bg1, .mm_list_feature_selection_action_clear_container .mm_list_action_button.active .mm_list_feature_selection_clear_icon_bg1 { background-color: #2f75ff; } .mm_list_feature_error_action_clear_container .mm_list_action_button.active .mm_list_feature_error_clear_icon_bg2, .mm_list_feature_selection_action_clear_container .mm_list_action_button.active .mm_list_feature_selection_clear_icon_bg2 { background-color: #2f75ff; } .mm_list_feature_selection_row_error_overlay_content { position: relative; display: block; } .mm_list_feature_selection_row_error_overlay_content_line { position: relative; display: block; } .mm_list_feature_selection_row_error_overlay_content_line + .mm_list_feature_selection_row_error_overlay_content_line { margin-top: 8px; } .mm_list_feature_displayorder_manualedit .mm_list_feature_displayorder_action_selected_indicator { display: none; } .mm_list_action_menubutton_container { position: relative; display: inline-block; } .mm_list_action_menubutton_menu { position: absolute; display: none; top: 51px; right: 0; margin: 7px 0 20px; left: auto; padding: 16px 0; text-align: left; background: #fff; border: none; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; overflow: auto; z-index: 99999; pointer-events: auto; } .mm_list_feature_add_action_container .mm_list_action_menubutton_menu, .mm_list_feature_edit_action_container .mm_list_action_menubutton_menu, .mm_list_feature_selection_action_container .mm_list_action_menubutton_menu { right: auto; left: 10px; } .mm_list_action_menubutton_menu .mm9_menubutton_menu_divider { margin: 5px 15px; background-color: #e0e1e4; } .mm_list_action_menubutton_menu .mm9_menubutton_menu_section_header { position: relative; display: flex; height: 26px; padding: 0 24px; align-items: center; text-align: left; font-weight: normal; font-size: 12px; color: #c9ced8; } .mm_list_action_menubutton_menu .mm9_menubutton_menu_item + .mm9_menubutton_menu_section_header { margin-top: 12px; } .mm_list_action_menubutton_menu .mm9_menubutton_menu_item { position: relative; display: flex; height: 29px; padding: 0 24px; align-items: center; white-space: nowrap; text-align: left; font-weight: bold; font-size: 13px; color: #6a6e79; cursor: pointer; } .mm_list_action_menubutton_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected { color: #2f75ff; font-weight: bold; } .mm_list_action_menubutton_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { color: #2f75ff; background-color: #f0f5ff; } .mm_list_action_menubutton_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected.delete { color: #ed6671; background-color: #fde2e4; } .mm_list_action_menubutton_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled { color: #c3c4c9; background-color: transparent; } .mm_list_action_menubutton_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm9_menubutton_menu_toggle_toggle.mm9_mivaicon, .mm_list_action_menubutton_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm9_menubutton_menu_toggle_sort.mm9_mivaicon { color: #2f75ff; } .mm_list_action_button { position: relative; display: inline-flex; vertical-align: middle; margin-left: 10px; padding: 0 25px; height: 40px; text-align: center; line-height: 1; background: #fff; border-radius: 4px; align-items: center; justify-content: center; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear; cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm10_screen_header_title_list_controls_container .mm_list_action_button { height: 44px; } .mm_list_action_button.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_list_action_button:hover { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_button.active { background: #fff; box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_button .mm9_button_image, .mm_list_action_button .mm9_button_text { color: #6a6e79; font-size: 14px; font-weight: 500; transition: color 0.2s linear; } .mm_list_action_button:hover .mm9_button_image, .mm_list_action_button:hover .mm9_button_text { color: #2f75ff; } .mm_list_action_button.active .mm9_button_image, .mm_list_action_button.active .mm9_button_text, .mm_list_action_menubutton_container.active .mm_list_action_button .mm9_button_image, .mm_list_action_menubutton_container.active .mm_list_action_button .mm9_button_text { color: #2f75ff; } .mm_list_action_button.focus .mm9_button_image, .mm_list_action_button.focus .mm9_button_text { ; } .mm_list_action_button.disabled, .mm_list_action_button.disabled:hover, .mm_list_action_button.disabled.focus, .mm_list_action_button.disabled.active { background: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_action_button.disabled .mm9_button_image, .mm_list_action_button.disabled:hover .mm9_button_image, .mm_list_action_button.disabled.focus .mm9_button_image, .mm_list_action_button.disabled.active .mm9_button_image, .mm_list_action_button.disabled .mm9_button_text, .mm_list_action_button.disabled:hover .mm9_button_text, .mm_list_action_button.disabled.focus .mm9_button_text, .mm_list_action_button.disabled.active .mm9_button_text { color: #e0e1e4; } .mm_list_action_button.primary { background: #2f75ff; box-shadow: none; } .mm_list_action_button.primary.focus { background: #2f75ff; box-shadow: 0 0 0 3px #c7dfff; } .mm_list_action_button.primary:hover { background-color: #1a5cde; box-shadow: 0 8px 15px rgba( 47, 117, 255, 0.36 ); } .mm_list_action_button.primary.active { background: #1f4389; box-shadow: 0 8px 15px rgba( 47, 117, 255, 0.36 ); } .mm_list_action_button.primary .mm9_button_image, .mm_list_action_button.primary .mm9_button_text { color: #fff; } .mm_list_action_button.primary.active .mm9_button_image, .mm_list_action_button.primary.active .mm9_button_text, .mm_list_action_menubutton_container.active .mm_list_action_button.primary .mm9_button_image, .mm_list_action_menubutton_container.active .mm_list_action_button.primary .mm9_button_text { color: #fff; } .mm_list_action_button.primary:hover .mm9_button_image, .mm_list_action_button.primary:hover .mm9_button_text { ; } .mm_list_action_button.primary.focus .mm9_button_image, .mm_list_action_button.primary.focus .mm9_button_text { ; } .mm_list_action_button.primary.disabled, .mm_list_action_button.primary.disabled:hover, .mm_list_action_button.primary.disabled.focus, .mm_list_action_button.primary.disabled.active { background: #add0ff; box-shadow: none; } .mm_list_action_button.primary.disabled .mm9_button_image, .mm_list_action_button.primary.disabled:hover .mm9_button_image, .mm_list_action_button.primary.disabled.focus .mm9_button_image, .mm_list_action_button.primary.disabled.active .mm9_button_image, .mm_list_action_button.primary.disabled .mm9_button_text, .mm_list_action_button.primary.disabled:hover .mm9_button_text, .mm_list_action_button.primary.disabled.focus .mm9_button_text, .mm_list_action_button.primary.disabled.active .mm9_button_text { color: #d9e8ff; } .mm_list_action_menubutton_container .mm_list_action_button.primary.menubutton .mm9_menubutton_dropdown_bg1, .mm_list_action_menubutton_container .mm_list_action_button.primary.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm_list_action_menubutton_container.active .mm_list_action_button.primary.menubutton .mm9_menubutton_dropdown_bg1 { background-color: #fff; } .mm_list_action_menubutton_container .mm_list_action_button.primary.menubutton .mm9_menubutton_dropdown_bg2, .mm_list_action_menubutton_container .mm_list_action_button.primary.menubutton:hover .mm9_menubutton_dropdown_bg2, .mm_list_action_menubutton_container.active .mm_list_action_button.primary.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm_list_action_menubutton_container .mm_list_action_button.menubutton.primary.disabled .mm9_menubutton_dropdown_bg1, .mm_list_action_menubutton_container .mm_list_action_button.menubutton.primary.disabled .mm9_menubutton_dropdown_bg2, .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton.primary.disabled .mm9_menubutton_dropdown_bg1, .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton.primary.disabled .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm_list_action_button.primary.muted_primary { background: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_action_button.primary.muted_primary.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_list_action_button.primary.muted_primary:hover { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_button.primary.muted_primary.active { background: #fff; box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_button.primary.muted_primary .mm9_button_image, .mm_list_action_button.primary.muted_primary .mm9_button_text { color: #2f75ff; } .mm_list_action_button.primary.muted_primary.active .mm9_button_image, .mm_list_action_button.primary.muted_primary.active .mm9_button_text, .mm_list_action_menubutton_container.active .mm_list_action_button.primary.muted_primary .mm9_button_image, .mm_list_action_menubutton_container.active .mm_list_action_button.primary.muted_primary .mm9_button_text { color: #2f75ff; } .mm_list_action_button.primary.muted_primary:hover .mm9_button_image, .mm_list_action_button.primary.muted_primary:hover .mm9_button_text { color: #2f75ff; } .mm_list_action_button.primary.muted_primary.focus .mm9_button_image, .mm_list_action_button.primary.muted_primary.focus .mm9_button_text { ; } .mm_list_action_button.primary.muted_primary.disabled, .mm_list_action_button.primary.muted_primary.disabled:hover, .mm_list_action_button.primary.muted_primary.disabled.focus, .mm_list_action_button.primary.muted_primary.disabled.active { background: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_action_button.primary.muted_primary.disabled .mm9_button_image, .mm_list_action_button.primary.muted_primary.disabled:hover .mm9_button_image, .mm_list_action_button.primary.muted_primary.disabled.focus .mm9_button_image, .mm_list_action_button.primary.muted_primary.disabled.active .mm9_button_image, .mm_list_action_button.primary.muted_primary.disabled .mm9_button_text, .mm_list_action_button.primary.muted_primary.disabled:hover .mm9_button_text, .mm_list_action_button.primary.muted_primary.disabled.focus .mm9_button_text, .mm_list_action_button.primary.muted_primary.disabled.active .mm9_button_text { color: #e0e1e4; } .mm_list_action_button.primary.muted_primary.menubutton .mm9_menubutton_dropdown_bg1 { background-color: #2f75ff; } .mm_list_action_menubutton_container.active .mm_list_action_button.primary.muted_primary.menubutton .mm9_menubutton_dropdown_bg1 { background-color: #2f75ff; } .mm_list_action_button.primary.muted_primary.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm_list_action_menubutton_container.active .mm_list_action_button.primary.muted_primary.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm_list_action_button.menubutton.primary.muted_primary.disabled .mm9_menubutton_dropdown_bg1, .mm_list_action_button.menubutton.primary.muted_primary.disabled .mm9_menubutton_dropdown_bg2, .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton.primary.muted_primary.disabled .mm9_menubutton_dropdown_bg1, .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton.primary.muted_primary.disabled .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm_list_action_button.secondary { ; } .mm_list_action_button.secondary.focus { ; } .mm_list_action_button.secondary:hover { ; } .mm_list_action_button.secondary.active { ; } .mm_list_action_button.secondary .mm9_button_image, .mm_list_action_button.secondary .mm9_button_text { ; } .mm_list_action_button.secondary.focus .mm9_button_image, .mm_list_action_button.secondary.focus .mm9_button_text { ; } .mm_list_action_button.secondary:hover .mm9_button_image, .mm_list_action_button.secondary:hover .mm9_button_text { ; } .mm_list_action_button.secondary.active .mm9_button_image, .mm_list_action_button.secondary.active .mm9_button_text { ; } .mm_list_action_button.secondary.disabled, .mm_list_action_button.secondary.disabled:hover, .mm_list_action_button.secondary.disabled.focus, .mm_list_action_button.secondary.disabled.active { ; } .mm_list_action_button.secondary.disabled .mm9_button_image, .mm_list_action_button.secondary.disabled:hover .mm9_button_image, .mm_list_action_button.secondary.disabled.focus .mm9_button_image, .mm_list_action_button.secondary.disabled.active .mm9_button_image, .mm_list_action_button.secondary.disabled .mm9_button_text, .mm_list_action_button.secondary.disabled:hover .mm9_button_text, .mm_list_action_button.secondary.disabled.focus .mm9_button_text, .mm_list_action_button.secondary.disabled.active .mm9_button_text { ; } .mm_list_action_button.overflowmenubutton { padding: 0; width: 40px; } .mm10_screen_header_title_list_controls_container .mm_list_action_button.overflowmenubutton { padding: 0; width: 44px; } .mm_list_action_button.overflowmenubutton .mm_list_action_overflowmenubutton_icon { position: relative; display: block; position: relative; display: block; width: 23px; height: 5px; } .mm_list_action_button.overflowmenubutton .mm_list_action_overflowmenubutton_icon_bg1 { position: absolute; top: 0; left: 0; width: 5px; height: 5px; background-color: #6a6e79; border-radius: 50%; transition: 0.15s all linear; } .mm_list_action_button.overflowmenubutton:hover .mm_list_action_overflowmenubutton_icon_bg1 { background-color: #2f75ff; } .mm_list_action_menubutton_container.active .mm_list_action_button.overflowmenubutton .mm_list_action_overflowmenubutton_icon_bg1 { background-color: #2f75ff; } .mm_list_action_button.overflowmenubutton .mm_list_action_overflowmenubutton_icon_bg2 { position: absolute; top: 0; left: 9px; width: 5px; height: 5px; background-color: #6a6e79; border-radius: 50%; transition: 0.15s all linear; } .mm_list_action_button.overflowmenubutton:hover .mm_list_action_overflowmenubutton_icon_bg2 { background-color: #2f75ff; } .mm_list_action_menubutton_container.active .mm_list_action_button.overflowmenubutton .mm_list_action_overflowmenubutton_icon_bg2 { background-color: #2f75ff; } .mm_list_action_button.overflowmenubutton .mm_list_action_overflowmenubutton_icon_bg3 { position: absolute; top: 0; left: 18px; width: 5px; height: 5px; background-color: #6a6e79; border-radius: 50%; transition: 0.15s all linear; } .mm_list_action_button.overflowmenubutton:hover .mm_list_action_overflowmenubutton_icon_bg3 { background-color: #2f75ff; } .mm_list_action_menubutton_container.active .mm_list_action_button.overflowmenubutton .mm_list_action_overflowmenubutton_icon_bg3 { background-color: #2f75ff; } .mm_list_action_button.menubutton { padding-right: 55px; } .mm_list_action_button.menubutton .mm9_menubutton_dropdown { position: absolute; display: block; top: 50%; right: 25px; width: 9px; height: 6px; border: none; background: none; transform: translateY(-50%); } .mm_list_action_button.menubutton .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(-40deg); transition: all 0.2s linear; } .mm_list_action_menubutton_container .mm_list_action_button.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm_list_action_menubutton_container .mm_list_action_button.menubutton.active .mm9_menubutton_dropdown_bg1, .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton .mm9_menubutton_dropdown_bg1 { background-color: #2f75ff; } .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton .mm9_menubutton_dropdown_bg1 { transform: rotate(40deg); } .mm_list_action_button.menubutton .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(40deg); transition: all 0.2s linear; } .mm_list_action_menubutton_container .mm_list_action_button.menubutton:hover .mm9_menubutton_dropdown_bg2, .mm_list_action_menubutton_container .mm_list_action_button.menubutton.active .mm9_menubutton_dropdown_bg2, .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton .mm9_menubutton_dropdown_bg2 { transform: rotate(-40deg); } .mm_list_action_button.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm_list_action_button.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm_list_action_menubutton_container.active .mm_list_action_button.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm_list_action_button.error { margin-right: 30px; background-color: #ed6671; box-shadow: none; } .mm_list_action_button.error.focus { box-shadow: 0 0 0 3px #ffa0a0; } .mm_list_action_button.error:hover { background-color: #dd5661; } .mm_list_action_button.error.active, .mm_list_feature_error_menubutton_container.active .mm_list_action_button.error { background-color: #dd5661; box-shadow: none; } .mm_list_action_button.error .mm9_button_image, .mm_list_action_button.error .mm9_button_text { color: #fff; } .mm_list_action_button.error.active .mm9_button_image, .mm_list_action_button.error.active .mm9_button_text { color: #fff; } .mm_list_action_button.error:hover .mm9_button_image, .mm_list_action_button.error:hover .mm9_button_text { ; } .mm_list_action_button.error.focus .mm9_button_image, .mm_list_action_button.error.focus .mm9_button_text { ; } .mm_list_action_button.error.disabled, .mm_list_action_button.error.disabled:hover, .mm_list_action_button.error.disabled.focus, .mm_list_action_button.error.disabled.active { box-shadow: none; } .mm_list_action_button.error.disabled .mm9_button_image, .mm_list_action_button.error.disabled:hover .mm9_button_image, .mm_list_action_button.error.disabled.focus .mm9_button_image, .mm_list_action_button.error.disabled.active .mm9_button_image, .mm_list_action_button.error.disabled .mm9_button_text, .mm_list_action_button.error.disabled:hover .mm9_button_text, .mm_list_action_button.error.disabled.focus .mm9_button_text, .mm_list_action_button.error.disabled.active .mm9_button_text { ; } .mm_list_action_button.error.menubutton .mm9_menubutton_dropdown_bg1 { background-color: #fff; } .mm_list_feature_error_menubutton_container .mm_list_action_button.error.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm_list_feature_error_menubutton_container .mm_list_action_button.error.menubutton.active .mm9_menubutton_dropdown_bg1, .mm_list_feature_error_menubutton_container.active .mm_list_action_button.error.menubutton .mm9_menubutton_dropdown_bg1 { background-color: #fff; } .mm_list_action_button.error.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm_list_feature_error_menubutton_container .mm_list_action_button.error.menubutton:hover .mm9_menubutton_dropdown_bg2, .mm_list_feature_error_menubutton_container .mm_list_action_button.error.menubutton.active .mm9_menubutton_dropdown_bg2, .mm_list_feature_error_menubutton_container.active .mm_list_action_button.error.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm_list_action_button.menubutton.error.disabled .mm9_menubutton_dropdown_bg1, .mm_list_action_button.menubutton.error.disabled .mm9_menubutton_dropdown_bg2, .mm_list_feature_error_menubutton_container.active .mm_list_action_button.menubutton.error.disabled .mm9_menubutton_dropdown_bg1, .mm_list_feature_error_menubutton_container.active .mm_list_action_button.menubutton.error.disabled .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm_button_style_fullscreen_end.mm_list_action_button_fullscreen_end { margin: 0 11px 0 51px; } /* MMList hybridmenubutton common styles */ .mm_list_action_hybridmenubutton_container { position: relative; display: inline-flex; vertical-align: middle; padding: 0; line-height: 1; background: none; border: none; border-radius: 0; align-items: stretch; justify-content: center; box-shadow: none; cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button { position: relative; display: inline-flex; vertical-align: middle; margin-left: 10px; padding: 0 25px; height: 40px; text-align: center; line-height: 1; background: #fff; border-top: 1px solid transparent; border-right: none; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-radius: 4px 0 0 4px; align-items: center; justify-content: center; box-shadow: none; flex-grow: 1; cursor: pointer; outline: none; transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm10_screen_header_title_list_controls_container .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button { height: 44px; } .mm_list_action_hybridmenubutton_container.menubutton_hidden .mm_hybridmenubutton_button { border: 1px solid transparent; border-radius: 4px; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button .mm9_button_image, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button .mm9_button_text { color: transparent; font-size: 14px; font-weight: 500; transition: color 0.2s linear; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button .mm9_button_text { padding: 0; font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: 500; letter-spacing: 0.010em; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton { position: relative; display: inline-flex; align-items: stretch; justify-content: center; box-sizing: border-box; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button { position: relative; display: inline-flex; vertical-align: middle; padding: 0; width: 44px; height: 44px; text-align: center; line-height: 1; background: transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-left: none; border-radius: 0 4px 4px 0; align-items: center; justify-content: center; box-shadow: none; flex-shrink: 1; cursor: pointer; outline: none; transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_list_action_hybridmenubutton_container.button_hidden .mm_hybridmenubutton_menubutton_button { border: 1px solid transparent; border-radius: 4px; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button::before { position: absolute; display: block; top: 50%; left: 0; width: 1px; height: 18px; background-color: transparent; transform: translateY(-50%); transition: background-color 0.2s linear, height 0.2s linear; content: ''; } .mm_list_action_hybridmenubutton_container.button_hidden .mm_hybridmenubutton_menubutton_button::before { display: none; } .mm_list_action_hybridmenubutton_container.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_list_action_hybridmenubutton_container:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_list_action_hybridmenubutton_container:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { height: calc( 100% + 2px ); } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display { position: relative; display: block; width: 9px; height: 6px; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: transparent; transform: rotate(-40deg); transition: all 0.2s linear; content: ''; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: transparent; transform: rotate(40deg); transition: all 0.2s linear; content: ''; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before { transform: rotate(40deg); } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { transform: rotate(-40deg); } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown { display: none; } /* Secondary hybridmenubutton styles */ .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button { background: #fff; border-color: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.focus, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.focus { background: #f0f5ff; border-color: #f0f5ff; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button:hover, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button:hover { background-color: #f0f5ff; border-color: #f0f5ff; box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.active, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.active { background-color: #f0f5ff; border-color: #f0f5ff; box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #f0f5ff; border-color: #f0f5ff; box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled:hover, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled.focus, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled.active, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #fbfbfc; border-color: #fbfbfc; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button .mm9_button_image, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button .mm9_button_text { color: #6a6e79; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.focus .mm9_button_text { color: #2f75ff; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button:hover .mm9_button_text { color: #2f75ff; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.active .mm9_button_image, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.active .mm9_button_text { color: #2f75ff; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #e0e1e4; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.focus::before, .mm_list_action_hybridmenubutton_container.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_list_action_hybridmenubutton_container:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.active::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_list_action_hybridmenubutton_container:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_list_action_hybridmenubutton_container:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #6a6e79; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled .mm9_menubutton_dropdown::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #e0e1e4; } /* Primary hybridmenubutton styles */ .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button { background: #2f75ff; border-color: #2f75ff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.focus, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.focus { background-color: #1a5cde; border-color: #1a5cde; box-shadow: none; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button:hover, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button:hover { background-color: #1a5cde; border-color: #1a5cde; box-shadow: 0 8px 15px rgba( 31, 67, 137, 0.36 ); } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.active, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.active, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #1f4389; border-color: #1f4389; box-shadow: 0 8px 15px rgba( 47, 117, 255, 0.36 ); } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled:hover, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled.focus, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled.active, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #add0ff; border-color: #add0ff; box-shadow: none; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button .mm9_button_text { color: #fff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.focus .mm9_button_text { color: #fff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button:hover .mm9_button_text { color: #fff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.active .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.active .mm9_button_text { color: #fff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #d9e8ff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button::before { background-color: #1a5cde; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.focus::before, .mm_list_action_hybridmenubutton_container.primary.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #1a5cde; } .mm_list_action_hybridmenubutton_container.primary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_list_action_hybridmenubutton_container.primary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #1a5cde; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.active::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_list_action_hybridmenubutton_container.primary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_list_action_hybridmenubutton_container.primary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #1f4389; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #d9e8ff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled .mm9_menubutton_dropdown::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #d9e8ff; } /* Primary (muted) hybridmenubutton styles */ .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button { background: #fff; border-color: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.focus, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.focus { background: #f0f5ff; border-color: #f0f5ff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button:hover, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button:hover { background-color: #f0f5ff; border-color: #f0f5ff; box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.active, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.active { background-color: #2f75ff; border-color: #2f75ff; box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #f0f5ff; border-color: #f0f5ff; box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 ); } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled:hover, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled.focus, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled.active, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #fbfbfc; border-color: #fbfbfc; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button .mm9_button_text { color: #2f75ff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.focus .mm9_button_text { color: #2f75ff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button:hover .mm9_button_text { color: #2f75ff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.active .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.active .mm9_button_text { color: #fff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #e0e1e4; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.focus::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container.primary.muted_primary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.active::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container.primary.muted_primary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #d3e2fe; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled .mm9_menubutton_dropdown::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.primary.muted_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #e0e1e4; } /* Error hybridmenubutton styles */ .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button { background: #ed6671; border-color: #ed6671; box-shadow: none; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.focus, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.focus { background-color: #ed6671; border-color: #ed6671; box-shadow: 0 0 0 3px #ffa0a0; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button:hover, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button:hover { background-color: #dd5661; border-color: #dd5661; box-shadow: none; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.active, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.active, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #dd5661; border-color: #dd5661; box-shadow: none; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled:hover, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled.focus, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled.active, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #ed6671; border-color: #ed6671; box-shadow: none; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button .mm9_button_image, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button .mm9_button_text { color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.focus .mm9_button_text { color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.active .mm9_button_image, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.active .mm9_button_text { color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button::before { background-color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.focus::before, .mm_list_action_hybridmenubutton_container.error.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #fff; } .mm_list_action_hybridmenubutton_container.error:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_list_action_hybridmenubutton_container.error:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.active::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_list_action_hybridmenubutton_container.error:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_list_action_hybridmenubutton_container.error:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled .mm9_menubutton_dropdown::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_list_action_hybridmenubutton_container.error .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_list_feature_error_menubutton { position: relative; display: flex; align-items: center; } .mm_list_feature_error_menubutton_icon { position: relative; display: inline-block; width: 22px; height: 22px; } .mm_list_action_button.error:hover .mm_list_feature_error_menubutton_icon { -webkit-animation: mm_list_feature_error_menubutton_icon_jingle 2s 0s ease-in-out 1; -webkit-transform-origin: 50% 50%; -moz-animation: mm_list_feature_error_menubutton_icon_jingle 2s 0s ease-in-out 1; -moz-transform-origin: 50% 50%; animation: mm_list_feature_error_menubutton_icon_jingle 2s 0s ease-in-out 1; transform-origin: 50% 50%; } @-webkit-keyframes mm_list_feature_error_menubutton_icon_jingle { 0% { -webkit-transform: rotateZ(0); } 5% { -webkit-transform: rotateZ(20deg); } 11% { -webkit-transform: rotateZ(-15deg); } 17% { -webkit-transform: rotateZ(11deg); } 23% { -webkit-transform: rotateZ(-8deg); } 29% { -webkit-transform: rotateZ(5deg); } 35% { -webkit-transform: rotateZ(-2deg); } 41% { -webkit-transform: rotateZ(1deg); } 43% { -webkit-transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(0); } } @-moz-keyframes mm_list_feature_error_menubutton_icon_jingle { 0% { -moz-transform: rotate(0); } 5% { -moz-transform: rotate(20deg); } 11% { -moz-transform: rotate(-15deg); } 17% { -moz-transform: rotate(11deg); } 23% { -moz-transform: rotate(-8deg); } 29% { -moz-transform: rotate(5deg); } 35% { -moz-transform: rotate(-2deg); } 41% { -moz-transform: rotate(1deg); } 43% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(0); } } @keyframes mm_list_feature_error_menubutton_icon_jingle { 0% { transform: rotate(0); } 5% { transform: rotate(20deg); } 11% { transform: rotate(-15deg); } 17% { transform: rotate(11deg); } 23% { transform: rotate(-8deg); } 29% { transform: rotate(5deg); } 35% { transform: rotate(-2deg); } 41% { transform: rotate(1deg); } 43% { transform: rotate(0); } 100% { transform: rotate(0); } } .mm_list_feature_error_menubutton_icon_bg1 { position: absolute; top: 3px; left: 4px; background-color: #fff; text-align: left; } .mm_list_feature_error_menubutton_icon_bg1:before, .mm_list_feature_error_menubutton_icon_bg1:after { content: ''; position: absolute; background-color: inherit; } .mm_list_feature_error_menubutton_icon_bg1, .mm_list_feature_error_menubutton_icon_bg1:before, .mm_list_feature_error_menubutton_icon_bg1:after { display: block; width: 14px; height: 14px; border-top-right-radius: 8px; } .mm_list_feature_error_menubutton_icon_bg1 { transform: rotate(-60deg) skewX(-30deg) scale(1,.866); } .mm_list_feature_error_menubutton_icon_bg1:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); } .mm_list_feature_error_menubutton_icon_bg1:after { transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); } .mm_list_feature_error_menubutton_icon_bg2 { position: absolute; top: 6px; left: 6px; background-color: #ed6671; text-align: left; } .mm_list_action_button.error:hover .mm_list_feature_error_menubutton_icon_bg2 { background-color: #dd5661; } .mm_list_action_button.error.active .mm_list_feature_error_menubutton_icon_bg2, .mm_list_feature_error_menubutton_container.active .mm_list_action_button.error .mm_list_feature_error_menubutton_icon_bg2 { background-color: #dd5661; } .mm_list_feature_error_menubutton_icon_bg2:before, .mm_list_feature_error_menubutton_icon_bg2:after { content: ''; position: absolute; background-color: inherit; } .mm_list_feature_error_menubutton_icon_bg2, .mm_list_feature_error_menubutton_icon_bg2:before, .mm_list_feature_error_menubutton_icon_bg2:after { display: block; width: 10px; height: 10px; border-top-right-radius: 4px; } .mm_list_feature_error_menubutton_icon_bg2 { transform: rotate(-60deg) skewX(-30deg) scale(1,.866); } .mm_list_feature_error_menubutton_icon_bg2:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); } .mm_list_feature_error_menubutton_icon_bg2:after { transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); } .mm_list_feature_error_menubutton_icon_bg3 { position: absolute; top: 8px; left: 10px; width: 2px; height: 5px; background-color: #fff; border-radius: 1px; } .mm_list_feature_error_menubutton_icon_bg4 { position: absolute; top: 15px; left: 10px; width: 2px; height: 2px; background-color: #fff; border-radius: 50%; } .mm_list_feature_error_menubutton_text { position: relative; display: inline-block; margin-left: 10px; color: #fff; font-weight: bold; font-size: 14px; } .mm_list_feature_error_menu { position: absolute; display: none; top: 51px; right: 30px; left: auto; margin: 7px 0 20px; margin-top: 7px; padding: 16px 31px; text-align: left; background: #fff; border: none; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; overflow: auto; z-index: 99999; pointer-events: auto; } .mm_list_feature_error_menu .mm9_menubutton_menu_item { position: relative; display: flex; margin: 9px 0; padding: 0; max-width: 500px; white-space: normal; align-items: center; background-color: transparent; cursor: pointer; } .mm_list_feature_error_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled { cursor: default; } .mm_list_feature_error_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { color: #2f75ff; background-color: transparent; } .mm_list_feature_error_menu_header { position: relative; display: flex; margin-bottom: 20px; align-items: center; flex-grow: 1; } .mm_list_feature_error_menu_title_container { position: relative; display: flex; margin-right: 25px; align-items: center; flex-grow: 1; } .mm_list_feature_error_menu_title_icon { position: relative; display: inline-block; width: 22px; height: 22px; } .mm_list_feature_error_menu_title_icon_bg1 { position: absolute; top: 3px; left: 4px; background-color: #ed6671; text-align: left; } .mm_list_feature_error_menu_title_icon_bg1:before, .mm_list_feature_error_menu_title_icon_bg1:after { content: ''; position: absolute; background-color: inherit; } .mm_list_feature_error_menu_title_icon_bg1, .mm_list_feature_error_menu_title_icon_bg1:before, .mm_list_feature_error_menu_title_icon_bg1:after { display: block; width: 14px; height: 14px; border-top-right-radius: 8px; } .mm_list_feature_error_menu_title_icon_bg1 { transform: rotate(-60deg) skewX(-30deg) scale(1,.866); } .mm_list_feature_error_menu_title_icon_bg1:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); } .mm_list_feature_error_menu_title_icon_bg1:after { transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); } .mm_list_feature_error_menu_title_icon_bg2 { position: absolute; top: 6px; left: 6px; background-color: #fff; text-align: left; } .mm_list_feature_error_menu_title_icon_bg2:before, .mm_list_feature_error_menu_title_icon_bg2:after { content: ''; position: absolute; background-color: inherit; } .mm_list_feature_error_menu_title_icon_bg2, .mm_list_feature_error_menu_title_icon_bg2:before, .mm_list_feature_error_menu_title_icon_bg2:after { display: block; width: 10px; height: 10px; border-top-right-radius: 4px; } .mm_list_feature_error_menu_title_icon_bg2 { transform: rotate(-60deg) skewX(-30deg) scale(1,.866); } .mm_list_feature_error_menu_title_icon_bg2:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); } .mm_list_feature_error_menu_title_icon_bg2:after { transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); } .mm_list_feature_error_menu_title_icon_bg3 { position: absolute; top: 8px; left: 10px; width: 2px; height: 5px; background-color: #ed6671; border-radius: 1px; } .mm_list_feature_error_menu_title_icon_bg4 { position: absolute; top: 15px; left: 10px; width: 2px; height: 2px; background-color: #ed6671; border-radius: 50%; } .mm_list_feature_error_menu_title { position: relative; display: inline-block; margin-left: 15px; color: #5b5c67; font-weight: bold; font-size: 16px; } .mm_list_feature_error_menu_clear_container { position: relative; display: flex; align-items: center; justify-content: flex-end; cursor: pointer; } .mm_list_feature_error_menu_clear_icon { position: relative; display: inline-block; width: 16px; height: 16px; border: 2px solid #ed6671; border-radius: 50%; box-sizing: border-box; } .mm_list_feature_error_menu_clear_icon { border-color: #dd5661; } .mm_list_feature_error_menu_clear_icon_bg1 { position: absolute; top: 2px; left: 5px; width: 2px; height: 8px; background-color: #ed6671; border-radius: 1px; transform: rotate(45deg); } .mm_list_feature_error_menu_clear_container:hover .mm_list_feature_error_menu_clear_icon_bg1 { background-color: #dd5661; } .mm_list_feature_error_menu_clear_icon_bg2 { position: absolute; top: 2px; left: 5px; width: 2px; height: 8px; background-color: #ed6671; border-radius: 1px; transform: rotate(-45deg); } .mm_list_feature_error_menu_clear_container:hover .mm_list_feature_error_menu_clear_icon_bg2 { background-color: #dd5661; } .mm_list_feature_error_menu_clear { position: relative; display: inline-block; margin-left: 8px; color: #6a6e79; font-weight: bold; font-size: 14px; } .mm_list_feature_error_menu_entry_container { position: relative; display: block; padding: 12px 60px 12px 24px; background-color: #fff; border: 1px solid #f2f4f7; border-left: 4px solid #ed6671; border-radius: 4px; box-sizing: border-box; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.1); flex-grow: 1; } .mm_list_feature_error_menu_entry_container:hover { box-shadow: 0 4px 5px rgba(47, 117, 255, 0.25); } .mm_list_feature_error_menu .mm9_menubutton_menu_item { position: relative; display: flex; margin: 9px 0; padding: 0; align-items: center; background-color: transparent; cursor: pointer; } .mm_list_feature_error_menu_entry_title { position: relative; display: block; font-size: 12px; font-weight: normal; line-height: 18px; color: #6a6e79; } .mm_list_feature_error_menu_entry_dimiss { position: absolute; top: 5px; right: 7px; width: 20px; height: 20px; cursor: pointer; } .mm_list_feature_error_menu_entry_dimiss_bg1 { position: absolute; top: 5px; left: 9px; width: 2px; height: 10px; background-color: #8b8f98; border-radius: 1px; transform: rotate(45deg); } .mm_list_feature_error_menu_entry_dimiss:hover .mm_list_feature_error_menu_entry_dimiss_bg1 { background-color: #2f75ff; } .mm_list_feature_error_menu_entry_dimiss_bg2 { position: absolute; top: 5px; left: 9px; width: 2px; height: 10px; background-color: #8b8f98; border-radius: 1px; transform: rotate(-45deg); } .mm_list_feature_error_menu_entry_dimiss:hover .mm_list_feature_error_menu_entry_dimiss_bg2 { background-color: #2f75ff; } .mm_list_feature_controls_primary_action_container { position: relative; display: inline-block; } .mm_list_feature_displayorder_dragtorearrange_element { position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 99999; } .mm_list_feature_displayorder_dragtorearrange_element_position { position: absolute; top: 0; left: 0; width: 0; height: 0; background-color: #539cff; border-radius: 4px; z-index: 99998; } .mm_list_feature_columnvisibility { position: absolute; top: 0; right: 0; z-index: 2; } .mm_list_feature_columnvisibility_button_container { position: relative; display: flex; width: 70px; height: 36px; align-items: center; justify-content: center; background-color: #f2f4f7; } .mm_list_feature_columnvisibility_button { position: relative; display: block; width: 24px; height: 24px; line-height: 0; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_list_feature_columnvisibility_button.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_list_feature_columnvisibility_button:hover { box-shadow: 0 2px 4px rgba(47, 117, 255, 0.25); } .mm_list_feature_columnvisibility_button.active { box-shadow: 0 0 0 3px #c7dfff; } .mm_list_feature_columnvisibility_button.disabled { background-color: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_feature_columnvisibility_button_menu { position: absolute; display: none; top: 28px; left: 2px; margin: 5px 0 20px; padding: 25px 0; min-width: 500px; max-width: 700px; font-size: 12px; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 10px rgba( 47, 117, 255, 0.15 ); box-sizing: border-box; overflow: auto; z-index: 999; } .mm_list_feature_columnvisibility_button_menu > .mm_list_columnsort_nonvisible_sort_group > .mm10_menubutton_menu_group_menuitem_container, .mm_list_feature_columnvisibility_button_menu > .mm_list_feature_columnvisibility_button_menu_group > .mm10_menubutton_menu_group_menuitem_container { position: relative; display: flex; padding: 0 20px; flex-wrap: wrap; } .mm_list_feature_columnvisibility_button_menu > .mm_list_feature_columnvisibility_button_menu_group.mm10_menubutton_menu_collapsible_group_container:not(.mm10_menubutton_menu_collapsible_group_visible) > .mm10_menubutton_menu_group_menuitem_container { display: none; } .mm_list_feature_columnvisibility_button_menu > .mm_list_columnsort_nonvisible_sort_group > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item > .mm10_menubutton_menu_checkbox_item, .mm_list_feature_columnvisibility_button_menu > .mm_list_feature_columnvisibility_button_menu_group > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item > .mm10_menubutton_menu_checkbox_item { white-space: normal; word-wrap: break-word; overflow-wrap: break-word; } .mm_list_feature_columnvisibility_button_menu .mm9_menubutton_menu_item, .mm_list_feature_columnvisibility_button_menu .mm10_menubutton_menu_collapsible_group_container:not(.mm10_menubutton_menu_collapsible_group_visible) .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item { position: relative; display: inline-flex; padding: 10px 32px; width: 50%; height: auto; align-items: center; font-weight: normal; font-size: 12px; color: #6a6e79; box-sizing: border-box; cursor: pointer; } .mm_list_feature_columnvisibility_button_menu .mm9_menubutton_menu_item.mm_list_feature_columnvisibility_button_menu_group_description, .mm_list_feature_columnvisibility_button_menu .mm10_menubutton_menu_collapsible_group_container:not(.mm10_menubutton_menu_collapsible_group_visible) .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item.mm_list_feature_columnvisibility_button_menu_group_description { padding: 0 12px 20px; width: 100%; color: #969da8; } .mm_list_feature_columnvisibility_button_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #f2f4f7; color: #2f75ff; } .mm_list_feature_columnvisibility_button_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled { background-color: transparent; color: #cfd2d6; } .mm_list_feature_columnvisibility_button_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled .mm10_menubutton_menu_checkbox { background-color: #c9ced8; border-color: #c9ced8; } .mm_list_feature_columnvisibility_button_menu .mm10_menubutton_menu_group_header_container > .mm9_menubutton_menu_item { display: flex; margin: 10px 0 0; width: auto; } .mm_list_feature_columnvisibility_button_menu .mm10_menubutton_menu_group_collapsible_header_container { flex-grow: 0; } .mm_list_feature_columnvisibility_button_menu .mm10_menubutton_menu_group_header_container > .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: transparent; } .mm_list_feature_columnvisibility_button_menu .mm9_menubutton_menu_divider { position: relative; display: block; margin: 15px 0; background-color: #e0e1e4; height: 1px; border: none; } .mm_list_feature_columnvisibility_button_menu .mm9_menubutton_menu_section_header { margin-bottom: 20px; padding: 0 32px; font-size: 16px; font-weight: bold; color: #6a6e79; } .mm_list_feature_columnvisibility_button_menu .mm10_menubutton_menu_group_collapsible_header_text { margin: 0; font-size: 14px; font-weight: bold; color: #2f75ff; } .mm_list_feature_columnvisibility_icon { position: absolute; top: 6px; left: 6px; width: 12px; height: 12px; } .mm_list_feature_columnvisibility_icon_bg1 { position: absolute; top: 0; left: 5px; width: 2px; height: 12px; background-color: #6a6e79; border-radius: 1px; transition: 0.2s all linear; } .mm_list_feature_columnvisibility_icon_bg2 { position: absolute; top: 5px; left: 0; width: 12px; height: 2px; background-color: #6a6e79; border-radius: 1px; transition: 0.2s all linear; } .mm_list_feature_columnvisibility_button:hover .mm_list_feature_columnvisibility_icon_bg1 { background-color: #2f75ff; } .mm_list_feature_columnvisibility_button:hover .mm_list_feature_columnvisibility_icon_bg2 { background-color: #2f75ff; } .mm_list_feature_columnvisibility_button_container.active .mm_list_feature_columnvisibility_icon_bg1 { background-color: #2f75ff; transform: rotate(90deg); } .mm_list_feature_columnvisibility_button_container.active .mm_list_feature_columnvisibility_icon_bg2 { background-color: #2f75ff; transform: rotate(180deg); } .mm_list_feature_columnvisibility_button.disabled .mm_list_feature_columnvisibility_icon_bg1, .mm_list_feature_columnvisibility_button.disabled .mm_list_feature_columnvisibility_icon_bg2, .mm_list_feature_columnvisibility_button_container.active .mm_list_feature_columnvisibility_button.disabled .mm_list_feature_columnvisibility_icon_bg1, .mm_list_feature_columnvisibility_button_container.active .mm_list_feature_columnvisibility_button.disabled .mm_list_feature_columnvisibility_icon_bg2 { background-color: #e0e1e4; } .mm_list_fullscreen_actions_fullscreen_close_container .mm_list_action_button { margin: 0 11px 0 0; padding: 0; width: 44px; height: 44px; } .mm_list_fullscreen_exit_icon { position: relative; display: block; width: 16px; height: 16px; } .mm_list_fullscreen_exit_icon_bg1 { position: absolute; top: 7px; left: -2px; width: 19px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(45deg); transition: 0.2s all linear; } .mm_list_fullscreen_exit_icon_bg2 { position: absolute; top: 7px; left: -2px; width: 19px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-45deg); transition: 0.2s all linear; } .mm_list_fullscreen_actions_fullscreen_close_container .mm_list_action_button:hover .mm_list_fullscreen_exit_icon_bg1 { background-color: #2f75ff; } .mm_list_fullscreen_actions_fullscreen_close_container .mm_list_action_button:hover .mm_list_fullscreen_exit_icon_bg2 { background-color: #2f75ff; } .mm_list_fullscreen_actions_fullscreen_close_container .mm_list_action_button.active .mm_list_fullscreen_exit_icon_bg1 { background-color: #2f75ff; } .mm_list_fullscreen_actions_fullscreen_close_container .mm_list_action_button.active .mm_list_fullscreen_exit_icon_bg2 { background-color: #2f75ff; } .mm_list_header_col_selection { position: absolute; display: flex; top: 2px; left: 0px; bottom: 2px; margin: 0; padding: 0; width: 74px; line-height: 0; align-items: center; background-color: #f2f4f7; box-sizing: border-box; z-index: 2; } .mm_list_header_col_selection.mm_list_header_col_selection_scrolled { box-shadow: 15px 0 15px -10px rgba( 47, 117, 255, 0.15 ); } .mm_list_header_col_selection_spacer { margin-right: 0; padding: 0; width: 74px; text-align: center; box-sizing: border-box; } .mm_list_data_col_selection { position: absolute; display: flex; top: 2px; left: 1px; bottom: 2px; margin: 0; padding: 0; width: 74px; line-height: 0; align-items: center; box-sizing: border-box; background-color: #fff; border-radius: 4px 0 0 4px; z-index: 1; } .mm_list_data_row_selection_disabled .mm_list_data_col_selection .mm_list_data_col_selection_container { visibility: hidden; } .mm_list_data_col_selection_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; background-color: transparent; border: none; border-radius: 4px 0 0 4px; } .mm_list_manual_focus .mm_list_data_row_focus .mm_list_data_col_selection_background { border-left: 4px solid #d3e2ff; } .mm_list_data_row_addmode .mm_list_data_col_selection_background, .mm_list_data_row_editmode .mm_list_data_col_selection_background, .mm_list_data_row_disporder .mm_list_data_col_selection_background { border-left: none; border-top: none; border-bottom: none; } .mm_list_data_row_error .mm_list_data_col_selection_background { border-left: 4px solid #ed6671; } .mm_list_data_col_selection.mm_list_data_col_selection_scrolled { box-shadow: 10px 0 20px -7px rgba( 47, 117, 255, 0.15 ); } .mm_list_data_row_selection_checked .mm_list_data_col_selection, .mm_list_data_row_selection_checked.be_hov:hover .mm_list_data_col_selection { background-color: #e3edff; } .mm_list_data_row_addmode .mm_list_data_col_selection, .mm_list_data_row_addmode.be_hov:hover .mm_list_data_col_selection, .mm_list_data_row_editmode .mm_list_data_col_selection, .mm_list_data_row_editmode.be_hov:hover .mm_list_data_col_selection, .mm_list_data_row_disporder .mm_list_data_col_selection, .mm_list_data_row_disporder.be_hov:hover .mm_list_data_col_selection { background-color: #fafcff; } .mm_list_data_row_match .mm_list_data_col_selection, .mm_list_data_row_match.be_hov:hover .mm_list_data_col_selection { background-color: #ffe6b7; } .mm_list_data_col_selection_spacer { margin-right: 0; padding: 0; width: 74px; line-height: 0; text-align: center; box-sizing: border-box; } .mm_list_data_row_loading_visible .mm_list_data_col_selection_spacer { display: none; } .mm_list_header_col_selection_container { display: none; } .mm_list_header_col_selection_multiselect .mm_list_header_col_selection_container { position: relative; display: flex; margin-left: 25px; width: 24px; height: 24px; background-color: #fff; border-radius: 8px; align-items: center; justify-content: center; } .mm_list_header_col_selection_multiselect .mm_list_header_col_selection_checkbox { position: relative; width: 16px; height: 16px; background-color: #fff; border: 1px solid #6a6e79; border-radius: 3px; box-sizing: border-box; } .mm_list_data_col_selection_container { position: relative; display: flex; margin-left: 21px; width: 32px; height: 30px; align-items: center; justify-content: center; } .mm_list_data_col_selection_checkbox { position: relative; width: 16px; height: 16px; background-color: #fff; border: 1px solid #c9ced8; border-radius: 50%; box-sizing: border-box; outline: none; cursor: pointer; } .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox { position: relative; width: 16px; height: 16px; background-color: #fff; border: 1px solid #c9ced8; border-radius: 3px; box-sizing: border-box; } .mm_list_data_row_addmode .mm_list_data_col_selection_checkbox, .mm_list_data_row_editmode .mm_list_data_col_selection_checkbox, .mm_list_data_row_selection_checked .mm_list_data_col_selection_checkbox { border-color: #2f75ff; background-color: #2f75ff; } .mm_list_data_row_addmode .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox, .mm_list_data_row_editmode .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox, .mm_list_data_row_selection_checked .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox { box-shadow: 0 0 0 6px #cddefd; } .mm_list_data_row_error .mm_list_data_col_selection_checkbox, .mm_list_data_row_error.be_hov:hover .mm_list_data_col_selection_checkbox { border-color: #ed6671; } .mm_list_data_row_addmode.mm_list_data_row_error .mm_list_data_col_selection_checkbox, .mm_list_data_row_editmode.mm_list_data_row_error .mm_list_data_col_selection_checkbox, .mm_list_data_row_selection_checked.mm_list_data_row_error .mm_list_data_col_selection_checkbox { border-color: #ed6671; background-color: #ed6671; } .mm_list_data_row_error .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox, .mm_list_data_row_error.be_hov:hover .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox { box-shadow: 0 0 0 6px #fde2e4; } .mm_list_header_row_selection_checked .mm_list_header_col_selection_checkbox, .mm_list_header_row_selection_partially_checked .mm_list_header_col_selection_checkbox { border-color: #2f75ff; background-color: #2f75ff; } .mm_list_header_col_selection_checkbox_bg1 { display: none; } .mm_list_data_col_selection_checkbox_bg1 { position: absolute; display: none; top: 4px; left: 4px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; box-sizing: border-box; } .mm_list_header_col_selection_multiselect .mm_list_header_col_selection_checkbox_bg1, .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox_bg1 { position: absolute; display: none; top: 6px; left: 4px; width: 9px; height: 2px; background-color: #fff; border-radius: 1px; transform: rotate(-45deg); } .mm_list_header_col_selection_checkbox_bg2, .mm_list_data_col_selection_checkbox_bg2 { display: none; } .mm_list_header_col_selection_multiselect .mm_list_header_col_selection_checkbox_bg2, .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox_bg2 { position: absolute; display: none; top: 7px; left: 2px; width: 5px; height: 2px; background-color: #fff; border-radius: 1px; transform: rotate(45deg); } .mm_list_header_row_selection_checked .mm_list_header_col_selection_checkbox_bg1, .mm_list_data_row_addmode .mm_list_data_col_selection_checkbox_bg1, .mm_list_data_row_editmode .mm_list_data_col_selection_checkbox_bg1, .mm_list_data_row_selection_checked .mm_list_data_col_selection_checkbox_bg1 { display: block; } .mm_list_header_row_selection_checked .mm_list_header_col_selection_multiselect .mm_list_header_col_selection_checkbox_bg2, .mm_list_data_row_addmode .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox_bg2, .mm_list_data_row_editmode .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox_bg2, .mm_list_data_row_selection_checked .mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox_bg2 { display: block; } .mm_list_header_row_selection_partially_checked .mm_list_header_col_selection_multiselect .mm_list_header_col_selection_checkbox_bg1 { display: block; transform: none; left: 3px; width: 8px; } .mm_list_header_row_selection_partially_checked .mm_list_header_col_selection_multiselect .mm_list_header_col_selection_checkbox_bg2 { display: none; } .mm_list_header_col_displayorder { position: absolute; display: flex; top: 2px; left: 0px; bottom: 2px; margin: 0; padding: 0; width: 112px; line-height: 0; align-items: center; justify-content: center; background-color: #f2f4f7; box-sizing: border-box; z-index: 2; } .mm_list_header_col_displayorder.mm_list_header_col_displayorder_scrolled { box-shadow: 15px 0 15px -10px rgba( 47, 117, 255, 0.15 ); } .mm_list_feature_displayorder_moveto .mm_list_header_col_displayorder, .mm_list_feature_displayorder_manualedit .mm_list_header_col_displayorder { display: none; } .mm_list_header_col_displayorder_spacer { display: inline-block; margin-right: 0; padding: 0; width: 112px; text-align: center; box-sizing: border-box; } .mm_list_data_row_loading_visible .mm_list_header_col_displayorder_spacer { display: none; } .mm_list_data_col_displayorder { position: absolute; display: flex; top: 2px; left: 1px; bottom: 2px; margin: 0; padding: 0; width: 112px; line-height: 0; align-items: center; box-sizing: border-box; background-color: #fff; border-radius: 4px 0 0 4px; z-index: 1; } .mm_list_data_col_displayorder_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; background-color: transparent; border: none; border-radius: 4px 0 0 4px; } .mm_list_data_row_error .mm_list_data_col_displayorder_background { border-left: 4px solid #ed6671; } .mm_list_feature_displayorder_dragtorearrange .mm_list_data_col_displayorder_background { border-left: 4px solid #2f75ff; } .mm_list_data_col_displayorder.mm_list_data_col_displayorder_scrolled { box-shadow: 10px 0 20px -7px rgba( 47, 117, 255, 0.15 ); } .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder, .mm_list_data_row_displayorder_selection_checked.be_hov:hover .mm_list_data_col_displayorder, .mm_list_data_row_displayorder_movetoposition_active .mm_list_data_col_displayorder, .mm_list_data_row_displayorder_movetoposition_active.be_hov:hover .mm_list_data_col_displayorder { background-color: #e3edff; } .mm_list_data_row_addmode .mm_list_data_col_displayorder, .mm_list_data_row_addmode.be_hov:hover .mm_list_data_col_displayorder, .mm_list_data_row_editmode .mm_list_data_col_displayorder, .mm_list_data_row_editmode.be_hov:hover .mm_list_data_col_displayorder, .mm_list_data_row_disporder .mm_list_data_col_displayorder, .mm_list_data_row_disporder.be_hov:hover .mm_list_data_col_displayorder, .mm_list_feature_displayorder_manualedit .mm_list_data_col_displayorder, .mm_list_feature_displayorder_manualedit .be_hov:hover .mm_list_data_col_displayorder { background-color: #fafcff; } .mm_list_data_row_match .mm_list_data_col_displayorder, .mm_list_data_row_match.be_hov:hover .mm_list_data_col_displayorder { background-color: #ffe6b7; } .mm_list_data_col_displayorder_spacer { position: relative; display: inline-block; margin-right: 0; padding: 0; width: 112px; line-height: 0; text-align: center; box-sizing: border-box; } .mm_list_header_col_displayorder_selection_container { position: relative; display: flex; margin-left: 65px; width: 24px; height: 24px; background-color: #fff; border-radius: 8px; align-items: center; justify-content: center; } .mm_list_data_col_displayorder_selection_container { position: relative; display: flex; margin: 0; width: 49px; height: 100%; align-items: center; justify-content: center; } .mm_list_feature_displayorder_moveto .mm_list_data_col_displayorder_selection_container, .mm_list_feature_displayorder_manualedit .mm_list_data_col_displayorder_selection_container { display: none; } .mm_list_feature_displayorder_disabled .mm_list_data_col_displayorder_selection_container { visibility: hidden; } .mm_list_header_col_displayorder_selection_checkbox { position: relative; width: 16px; height: 16px; background-color: #fff; border: 1px solid #6a6e79; border-radius: 3px; box-sizing: border-box; } .mm_list_data_col_displayorder_selection_checkbox { position: relative; width: 16px; height: 16px; background-color: #fff; border: 1px solid #c9ced8; border-radius: 3px; box-sizing: border-box; } .mm_list_data_row_addmode .mm_list_data_col_displayorder_selection_checkbox, .mm_list_data_row_editmode .mm_list_data_col_displayorder_selection_checkbox, .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder_selection_checkbox { border-color: #2f75ff; background-color: #2f75ff; box-shadow: 0 0 0 6px #cddefd; } .mm_list_data_row_error .mm_list_data_col_displayorder_selection_checkbox, .mm_list_data_row_error.be_hov:hover .mm_list_data_col_displayorder_selection_checkbox { border-color: #ed6671; background-color: #ed6671; box-shadow: 0 0 0 6px #fde2e4; } .mm_list_header_row_displayorder_selection_checked .mm_list_header_col_displayorder_selection_checkbox, .mm_list_header_row_displayorder_selection_partially_checked .mm_list_header_col_displayorder_selection_checkbox { border-color: #2f75ff; background-color: #2f75ff; } .mm_list_header_col_displayorder_selection_checkbox_bg1, .mm_list_data_col_displayorder_selection_checkbox_bg1 { position: absolute; display: none; top: 6px; left: 4px; width: 9px; height: 2px; background-color: #fff; border-radius: 1px; transform: rotate(-45deg); } .mm_list_header_col_displayorder_selection_checkbox_bg2, .mm_list_data_col_displayorder_selection_checkbox_bg2 { position: absolute; display: none; top: 7px; left: 2px; width: 5px; height: 2px; background-color: #fff; border-radius: 1px; transform: rotate(45deg); } .mm_list_header_row_displayorder_selection_checked .mm_list_header_col_displayorder_selection_checkbox_bg1, .mm_list_data_row_addmode .mm_list_data_col_displayorder_selection_checkbox_bg1, .mm_list_data_row_editmode .mm_list_data_col_displayorder_selection_checkbox_bg1, .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder_selection_checkbox_bg1 { display: block; } .mm_list_header_row_displayorder_selection_checked .mm_list_header_col_displayorder_selection_checkbox_bg2, .mm_list_data_row_addmode .mm_list_data_col_displayorder_selection_checkbox_bg2, .mm_list_data_row_editmode .mm_list_data_col_displayorder_selection_checkbox_bg2, .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder_selection_checkbox_bg2 { display: block; } .mm_list_header_row_displayorder_selection_partially_checked .mm_list_header_col_displayorder_selection_checkbox_bg1 { display: block; transform: none; left: 3px; width: 8px; } .mm_list_header_row_displayorder_selection_partially_checked .mm_list_header_col_displayorder_selection_checkbox_bg2 { display: none; } .mm_list_data_col_displayorder_drag_container, .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_container { position: relative; display: flex; width: 63px; height: 100%; align-items: center; justify-content: center; cursor: pointer; /* fallback */ cursor: grab; } .mm_list_feature_displayorder_disabled .mm_list_data_col_displayorder_drag_container, .mm_list_feature_displayorder_dragtorearrange_disabled .mm_list_data_col_displayorder_drag_container { visibility: hidden; } .mm_list_feature_displayorder_moveto .mm_list_data_col_displayorder_drag_container, .mm_list_feature_displayorder_manualedit .mm_list_data_col_displayorder_drag_container { display: none; } .mm_list_data_col_displayorder_drag, .mm_list_data_col_displayorder_dragtorearrange_overlay_drag { position: relative; display: block; width: 9px; height: 15px; transition: 0.2s all linear; } .mm_list_feature_displayorder_disabled .mm_list_data_col_displayorder_drag, .mm_list_feature_displayorder_dragtorearrange_disabled .mm_list_data_col_displayorder_drag { transition: none; } .mm_list_data_col_displayorder_drag_container:hover .mm_list_data_col_displayorder_drag { transform: scale(1.2); } .mm_list_data_col_displayorder_drag_bg1, .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg1 { position: absolute; top: 0; left: 0; width: 3px; height: 3px; background-color: #969da8; border-radius: 50%; } .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder_drag_bg1, .mm_list_data_col_displayorder_drag_container:hover .mm_list_data_col_displayorder_drag_bg1, .mm_list_feature_displayorder_dragtorearrange .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg1 { background-color: #2f75ff; } .mm_list_data_col_displayorder_drag_bg2, .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg2 { position: absolute; top: 6px; left: 0; width: 3px; height: 3px; background-color: #969da8; border-radius: 50%; } .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder_drag_bg2, .mm_list_data_col_displayorder_drag_container:hover .mm_list_data_col_displayorder_drag_bg2, .mm_list_feature_displayorder_dragtorearrange .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg2 { background-color: #2f75ff; } .mm_list_data_col_displayorder_drag_bg3, .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg3 { position: absolute; top: 12px; left: 0; width: 3px; height: 3px; background-color: #969da8; border-radius: 50%; } .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder_drag_bg3, .mm_list_data_col_displayorder_drag_container:hover .mm_list_data_col_displayorder_drag_bg3, .mm_list_feature_displayorder_dragtorearrange .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg3 { background-color: #2f75ff; } .mm_list_data_col_displayorder_drag_bg4, .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg4 { position: absolute; top: 0; right: 0; width: 3px; height: 3px; background-color: #969da8; border-radius: 50%; } .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder_drag_bg4, .mm_list_data_col_displayorder_drag_container:hover .mm_list_data_col_displayorder_drag_bg4, .mm_list_feature_displayorder_dragtorearrange .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg4 { background-color: #2f75ff; } .mm_list_data_col_displayorder_drag_bg5, .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg5 { position: absolute; top: 6px; right: 0; width: 3px; height: 3px; background-color: #969da8; border-radius: 50%; } .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder_drag_bg5, .mm_list_data_col_displayorder_drag_container:hover .mm_list_data_col_displayorder_drag_bg5, .mm_list_feature_displayorder_dragtorearrange .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg5 { background-color: #2f75ff; } .mm_list_data_col_displayorder_drag_bg6, .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg6 { position: absolute; top: 12px; right: 0; width: 3px; height: 3px; background-color: #969da8; border-radius: 50%; } .mm_list_data_row_displayorder_selection_checked .mm_list_data_col_displayorder_drag_bg6, .mm_list_data_col_displayorder_drag_container:hover .mm_list_data_col_displayorder_drag_bg6, .mm_list_feature_displayorder_dragtorearrange .mm_list_data_col_displayorder_dragtorearrange_overlay_drag_bg6 { background-color: #2f75ff; } .mm_list_data_col_displayorder_dragtorearrange_overlay { position: absolute; display: flex; top: 2px; right: 0; bottom: 2px; left: 0; background-color: #e3edff; border-left: 4px solid transparent; border-radius: 4px; box-shadow: 0 4px 4px rgba( 47, 117, 255, 0.15); align-items: center; z-index: 2; } .mm_list_data_col_displayorder_dragtorearrange_overlay_border { border-color: #2f75ff; } .mm_list_data_col_displayorder_dragtorearrange_overlay_tag { position: relative; display: flex; align-items: center; margin: 0 25px; padding: 5px 10px; height: 24px; font-size: 13px; font-weight: 500; color: #fff; background: #2f75ff; border-radius: 8px; box-sizing: border-box; } .mm_list_data_col_displayorder_dragtorearrange_overlay_message { position: relative; display: inline-block; font-size: 13px; font-weight: 400; color: #2f75ff; flex-grow: 1; } .mm_list_data_col_displayorder_movetoposition_container { position: absolute; top: 0; bottom: 0; left: 0; display: none; width: 20px; line-height: normal; background-color: #2f75ff; border-radius: 4px 0 0 4px; } .mm_list_data_row_displayorder_movetoposition_active .mm_list_data_col_displayorder_movetoposition_container { display: block; } .mm_list_feature_displayorder_disabled .mm_list_data_col_displayorder_movetoposition_container { visibility: hidden; } .mm_list_data_col_displayorder_movetoposition_text { position: absolute; display: flex; top: 50%; left: 50%; height: 12px; align-items: center; color: #fff; text-transform: uppercase; transform: translate( -50%, -50% ) rotate(-90deg); transform-origin: center; font-size: 10px; font-weight: bold; letter-spacing: 0.125em; } .mm_list_feature_displayorder_movetoposition_entry { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background-color: #fff; border: 2px solid #d3e2ff; border-radius: 50%; box-sizing: border-box; cursor: pointer; z-index: 1; transition: background-color 0.1s linear, border-color 0.1s linear; } .mm_list_feature_displayorder_movetoposition_entry:hover { background-color: #2f75ff; border-color: #2f75ff; } .mm_list_feature_displayorder_movetoposition_entry_icon { position: absolute; top: 9px; left: 10px; width: 16px; height: 16px; } .mm_list_feature_displayorder_movetoposition_entry_icon_bg1 { position: absolute; top: 0; left: 0; width: 12px; height: 12px; border: 2px solid #2f75ff; border-radius: 12px 12px 0 12px; transform: rotate(45deg); transition: 0.1s all linear; } .mm_list_feature_displayorder_movetoposition_entry_icon_bg2 { position: absolute; top: 4px; left: 4px; width: 4px; height: 4px; border: 2px solid #2f75ff; border-radius: 12px 12px 0 12px; transform: rotate(45deg); transition: 0.1s all linear; } .mm_list_feature_displayorder_movetoposition_entry:hover .mm_list_feature_displayorder_movetoposition_entry_icon_bg1, .mm_list_feature_displayorder_movetoposition_entry:hover .mm_list_feature_displayorder_movetoposition_entry_icon_bg2 { border-color: #fff; } .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted { padding: 0 11px; height: 30px; } .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled:hover, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled.focus, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled.active { background-color: #e3edff; border-color: #f0f5ff; box-shadow: none; } .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted .mm9_button_text { font-size: 12px; } .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled .mm9_button_image, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled:hover .mm9_button_image, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled.focus .mm9_button_image, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled.active .mm9_button_image, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled .mm9_button_text, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled:hover .mm9_button_text, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled.focus .mm9_button_text, .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted.disabled.active .mm9_button_text { color: #2f75ff; } .mm_list_feature_displayorder_disabled .mm_list_feature_displayorder_position_button.mm10_button_style_primary_muted { transition: none; } .mm_list_data_col_displayorder_manualentry_container { position: relative; display: none; } .mm_list_data_row_level_1 .mm_list_data_col_displayorder_manualentry_container { margin-left: 25px; } .mm_list_data_row_level_2 .mm_list_data_col_displayorder_manualentry_container { margin-left: 40px; } .mm_list_data_row_level_3 .mm_list_data_col_displayorder_manualentry_container { margin-left: 55px; } .mm_list_feature_displayorder_manualedit .mm_list_data_col_displayorder_manualentry_container { display: flex; } .mm_list_feature_displayorder_disabled .mm_list_data_col_displayorder_manualentry_container { visibility: hidden; } .mm_list_feature_displayorder_manualentry_input { position: relative; display: flex; vertical-align: middle; width: 46px; height: 41px; background: #fff; border: 1px solid #d3e2ff; border-radius: 4px; box-sizing: border-box; transition: 0.1s all linear; } .mm_list_feature_displayorder_manualentry_input.focus { border-color: #2f75ff; } .mm_list_feature_displayorder_manualentry_input.invalid, .mm_list_feature_displayorder_manualentry_input.invalid.focus { border-color: #ea6570; } .mm_list_feature_displayorder_manualentry_input .mm_input_title { display: none; } .mm_list_feature_displayorder_manualentry_input .mm_input { position: relative; width: 100%; padding: 0; border: none; background: transparent; box-sizing: border-box; font-size: 13px; font-family: 'Neue Haas Grotesk Text', sans-serif; font-weight: 500; text-align: center; letter-spacing: 0.010em; color: #6a6e79; outline: none; } .mm_list_feature_displayorder_manualentry_input.disabled, .mm_list_feature_displayorder_manualentry_input.disabled.focus, .mm_list_feature_displayorder_manualentry_input.disabled.invalid.focus { background: #fff; border: 1px solid #e0e1e4; } .mm_list_feature_displayorder_manualentry_input.disabled .mm_input, .mm_list_feature_displayorder_manualentry_input.disabled.focus .mm_input, .mm_list_feature_displayorder_manualentry_input.disabled.invalid.focus .mm_input { color: #c9ced8; } .mm_list_feature_displayorder_disabled .mm_list_feature_displayorder_manualentry_input { transition: none; } .mm_list_data_col_feature_edit { position: relative; display: none; vertical-align: middle; margin-left: 8px; width: 25px; height: 25px; color: #969da8; cursor: pointer; align-items: center; justify-content: center; flex-shrink: 0; opacity: 0; transition: 0.1s opacity linear; } .mm_list_data_col_div_feature_edit_visible .mm_list_data_col_feature_edit { display: inline-flex; visibility: hidden; } .mm_list_data_col:hover .mm_list_data_col_div_feature_edit_visible .mm_list_data_col_feature_edit { visibility: visible; opacity: 1; transition-delay: 0.15s; } .mm_list_data_col_goto_container { position: absolute; visibility: visible; top: 0; left: 7px; width: 42px; height: 42px; cursor: pointer; outline: none; text-decoration: none; } .mm_list_data_col_goto_image_container { position: absolute; top: 4px; left: 7px; width: 33px; height: 33px; background: #eee; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; outline: none; } .mm_list_data_col_goto_image { position: absolute; top: 9px; left: 9px; width: 15px; height: 15px; color: #444; } .mm_list_data_row_actionbutton_error .mm_list_data_col_goto_image_container, .mm_list_data_row_actionbutton_active .mm_list_data_col_goto_image_container, .mm_list_data_row_actionbutton_editmode .mm_list_data_col_goto_image_container, .mm_list_data_row_actionbutton_addmode .mm_list_data_col_goto_image_container { background-color: #fff; border-color: #ccc; } .mm_list_data_row_actionbutton_hidden .mm_list_data_col_goto_container, .mm_list_data_row_actionbutton_hidden:hover .mm_list_data_col_goto_container { visibility: hidden; } .mm_list_data_row_actionbutton_selectionchecked .mm_list_data_col_goto_image_container { background-color: #1eabbd; border-color: #1eabbd; } .mm_list_data_row_actionbutton_selectionchecked .mm_list_data_col_goto_image { color: #fff; } .mm_list_data_row_actionbutton_displayordermovetoposition .mm_list_data_col_goto_image_container { background-color: #fff; border-color: #1eabbd; } .mm_list_data_row_actionbutton_displayordermovetoposition .mm_list_data_col_goto_image { color: #1eabbd; } .mm_list_data_row_actionbutton_error .mm_list_data_col_goto_image_container { background-color: #ff6b59; border-color: #ff6b59; } .mm_list_data_row_actionbutton_error .mm_list_data_col_goto_image { color: #fff; } .mm_list_data_col_cancel_container { position: absolute; display: none; top: -1px; left: 0; bottom: -1px; width: 40px; background: #fff; text-align: left; cursor: pointer; vertical-align: middle; padding-left: 5px; } .mm_list_data_col_cancel_light { position: absolute; top: 0; right: 0; max-width: 0; max-height: 0; width: 0; height: 0; border-color: transparent #e3e3e3; border-style: solid; border-width: 16px 16px 16px 0; } .mm_list_data_col_cancel_dark { position: absolute; top: 0; right: 2px; max-width: 0; max-height: 0; width: 0; height: 0; border-color: transparent #ccc; border-style: solid; border-width: 16px 16px 16px 0; } .mm_list_data_col_cancel_image { position: relative; top: 7px; } .mm_list_data_row_hover .mm_list_data_col_cancel_container { display: block; } .mm_list_action_row { position: relative; padding: 5px 0 5px 0; font-weight: bold; color: #000; min-width: 100%; } .mm_list_header_dynamic_buttons_container { position: relative; display: block; visibility: hidden; padding: 0 12px 0 5px; height: 14px; font-weight: bold; color: #8b8f98; min-width: 100%; background: #e9ecf0; white-space: nowrap; overflow: hidden; box-sizing: border-box; } .mm_list_header_row { position: relative; display: block; font-weight: bold; color: #8b8f98; min-width: 100%; background: transparent; white-space: nowrap; overflow: hidden; box-sizing: border-box; border-radius: 4px; } .mm_list_data_row { position: relative; display: block; min-width: 100%; font-size: 13px; white-space: nowrap; color: #6a6e79; border-radius: 4px; overflow: hidden; box-sizing: border-box; } .mm_list_feature_selection_rowmode .mm_list_data_row { cursor: pointer; } .mm_list_data_row_displayorder_dragtorearrange_active.mm_list_data_row { opacity: 0; } .mm_list_feature_displayorder_dragtorearrange.mm_list_data_row { overflow: visible; } .mm_list_data_row_background { position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; background: #fff; border-radius: 4px; box-sizing: border-box; } .mm_list_feature_displayorder_dragtorearrange.mm_list_data_row .mm_list_data_row_background { box-shadow: 0 4px 4px rgba(47, 117, 255, 0.15); } .mm_list_data_row_focus_indicator { position: absolute; display: none; top: 2px; bottom: 2px; left: 0; border-left: 4px solid #d3e2ff; border-radius: 4px; } .mm_list_manual_focus .mm_list_data_row_focus .mm_list_data_row_focus_indicator { display: block; } .mm_list_data_row_addmode .mm_list_data_row_focus_indicator, .mm_list_data_row_editmode .mm_list_data_row_focus_indicator, .mm_list_data_row_disporder .mm_list_data_row_focus_indicator, .mm_list_feature_displayorder_active .mm_list_data_row .mm_list_data_row_focus_indicator { display: none; } .mm_list_data_row_selection_checked, .mm_list_data_row_selection_checked.be_hov:hover { color: #1a5cde; } .mm_list_data_row_selection_checked .mm_list_data_row_background, .mm_list_data_row_selection_checked.be_hov:hover .mm_list_data_row_background, .mm_list_data_row_displayorder_selection_checked .mm_list_data_row_background, .mm_list_data_row_displayorder_selection_checked.be_hov:hover .mm_list_data_row_background, .mm_list_data_row_displayorder_movetoposition_active .mm_list_data_row_background, .mm_list_data_row_displayorder_movetoposition_active.be_hov:hover .mm_list_data_row_background { background-color: #e3edff; } .mm_list_feature_displayorder_manualedit .mm_list_data_row .mm_list_data_row_background, .mm_list_feature_displayorder_manualedit .mm_list_data_row.be_hov:hover .mm_list_data_row_background { background-color: #fafcff; } .mm_list_data_row_addmode, .mm_list_data_row_addmode.be_hov:hover, .mm_list_data_row_editmode, .mm_list_data_row_editmode.be_hov:hover, .mm_list_data_row_disporder, .mm_list_data_row_disporder.be_hov:hover { cursor: default; } .mm_list_data_row_addmode .mm_list_data_row_background, .mm_list_data_row_addmode.be_hov:hover .mm_list_data_row_background, .mm_list_data_row_editmode .mm_list_data_row_background, .mm_list_data_row_editmode.be_hov:hover .mm_list_data_row_background, .mm_list_data_row_disporder .mm_list_data_row_background, .mm_list_data_row_disporder.be_hov:hover .mm_list_data_row_background { background-color: #fafcff; } .mm_list_data_row_match .mm_list_data_row_background, .mm_list_data_row_match.be_hov:hover .mm_list_data_row_background { background-color: #ffe6b7; } .mm_list_data_row_disporder .mm_list_data_col_div { white-space: nowrap; overflow: hidden; } .mm_list_list_header_scrollfix_container { position: absolute; top: 0; right: 0; left: 0; overflow: hidden; } .mm_list_list_header { position: relative; display: none; min-width: 100%; z-index: 1; } .mm_list_list_content { position: absolute; top: 0; bottom: 0; left: 0; min-width: 100%; } .mm_list_header_row .mm9_menubutton_container { position: absolute; top: 0; bottom: 0; left: 0; width: 30px; } .mm_list .mm9_menubutton_menu { background-color: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 8px -1px #999; } .mm_list_header_row .mm9_menubutton_menu { top: 0; left: 30px; } .mm_list_columnresize { position: absolute; overflow: hidden; display: flex; top: 50%; right: -12px; height: 40px; cursor: col-resize; align-items: center; transform: translateY(-50%); opacity: 0; z-index: 1; } .mm_list_header_col:hover .mm_list_columnresize, .mm_list_columnresize_visible.mm_list_columnresize { opacity: 1; } .mm_list_header_row.mm_list_header_row_move .mm_list_header_col .mm_list_columnresize, .mm_list_header_row.mm_list_header_row_move .mm_list_header_col:hover .mm_list_columnresize { opacity: 0; } .mm_list_columnresize_bg { position: relative; display: block; margin: 0 11px; width: 2px; height: 22px; background-color: #969da8; border-radius: 1px; } .mm_list_columnresize:hover .mm_list_columnresize_bg, .mm_list_columnresize_visible.mm_list_columnresize .mm_list_columnresize_bg { background-color: #2f75ff; } .mm_list_columnedit { position: absolute; visibility: hidden; overflow: hidden; top: 50%; right: 12px; width: 35px; height: 35px; cursor: pointer; transform: translateY(-50%); } .mm_list_columnedit_icon { position: absolute; display: block; top: 50%; left: 50%; width: 15px; height: 15px; color: #969da8; transform: translate( -50%, -50% ); } .mm_list_columnedit:hover .mm_list_columnedit_icon { color: #2f75ff; } .mm_list_header_col:hover .mm_list_columnedit_visible.mm_list_columnedit { visibility: visible; } .mm_list_header_row.mm_list_header_row_move .mm_list_header_col .mm_list_columnedit, .mm_list_header_row.mm_list_header_row_move .mm_list_header_col:hover .mm_list_columnedit { visibility: hidden; } .mm9_confirmationdialog_button_yes .mm9_button.mm_list_confirmation_button_delete { background: #ff6b59; border-color: #ff6b59; } .mm9_confirmationdialog_button_yes .mm9_button.mm_list_confirmation_button_delete.active { background: #ef5b49; } .mm9_confirmationdialog_button_yes .mm9_button.mm_list_confirmation_button_delete.active, .mm9_confirmationdialog_button_yes .mm9_button.mm_list_confirmation_button_delete.focus { border-color: #ef5b49; } .mm10_confirmationdialog_ignorefutureconfirmations_container { position: relative; display: inline-flex; align-items: center; flex-grow: 1; margin-top: 10px; } .mm_list_actions { position: relative; text-align: right; margin: 4px 0; } .mm_list_actions input[type="button"] { overflow: visible; padding: 1px 2px; font-size: 12px; font-family: inherit; width: auto; margin: 0; } .mm_list_actions input { width: auto; overflow: visible; padding: 1px 2px; font-size: 12px; } .mm_list_dummycolumn { position: absolute; left: 0; top: 0; bottom: 0; width: 100px; background-color: #fff; z-index: 100; border-radius: 4px; box-shadow: 0 7px 12px rgba( 47, 117, 255, 0.15 ); overflow: hidden; cursor: move; } .mm_list_dummycolumn .mm_list_data_row_focus_indicator { visibility: hidden; } .mm_list_columnmove_indicator_left { position: absolute; visibility: hidden; overflow: hidden; display: flex; top: 50%; left: -8px; height: 35px; width: 16px; border-radius: 20px; cursor: col-resize; align-items: center; transform: translateY(-50%); } .mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_left { visibility: visible; } .mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_left.mm_list_columnmove_indicator_left_active { background-color: #539cff; z-index: 2; } .mm_list_columnmove_indicator_left_bg1 { position: relative; display: block; margin: 0 auto; width: 2px; height: 21px; background-color: #969da8; border-radius: 1px; } .mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_left.mm_list_columnmove_indicator_left_active .mm_list_columnmove_indicator_left_bg1 { background-color: #fff; } .mm_list_columnmove_indicator_right { position: absolute; visibility: hidden; overflow: hidden; display: flex; top: 50%; right: -8px; height: 35px; width: 16px; border-radius: 20px; cursor: col-resize; align-items: center; transform: translateY(-50%); } .mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_right { visibility: visible; } .mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_right.mm_list_columnmove_indicator_right_active { background-color: #539cff; z-index: 2; } .mm_list_columnmove_indicator_right_bg1 { position: relative; display: block; margin: 0 auto; width: 2px; height: 21px; background-color: #969da8; border-radius: 1px; } .mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_right.mm_list_columnmove_indicator_right_active .mm_list_columnmove_indicator_right_bg1 { background-color: #fff; } .mm_list_data_col_editableinput_container { position: relative; display: flex; height: 34px; padding: 0 12px; align-items: center; background: #fff; border: 1px solid #d3e2ff; border-radius: 4px; flex-grow: 1; box-sizing: border-box; } .mm_list_view_compact .mm_list_data_col_editableinput_container { height: 28px; } .mm_list_view_comfortable .mm_list_data_col_editableinput_container { height: 44px; } .mm_list_data_col_editableinput_container_active { border-color: #539cff; } .mm_list_data_col_div_content select { padding: 7px 35px 7px 15px; width: 100%; height: 34px; color: #494a53; background: #fff; font-size: 12px; font-weight: 400; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; outline: none; } .mm_list_view_compact .mm_list_data_col_div_content select { height: 28px; } .mm_list_view_comfortable .mm_list_data_col_div_content select { height: 44px; } .mm_list_data_col_div_content select:not([multiple]) { background: no-repeat calc(100% - 15px) url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm10_select_dropdown.png') #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .mm_list_data_col_div_content select:focus { border-color: #539cff; } .mm_list_data_col_div_content select.mm_list_data_col_editableinput_error { border-color: #ea6570; border-width: 2px; border-style: solid; outline: none; } .mm_list_data_col_popup_container { position: relative; display: flex; flex-grow: 1; align-items: center; } .mm_list_data_col_popup_button { position: relative; display: inline-flex; margin: 0 5px 0 8px; width: 30px; height: 30px; flex-shrink: 0; line-height: 0; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); align-items: center; justify-content: center; cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_list_data_col_popup_button.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_list_data_col_popup_button:hover { box-shadow: 0 2px 4px rgba(47, 117, 255, 0.25); } .mm_list_data_col_popup_button.active { box-shadow: 0 0 0 3px #c7dfff; } .mm_list_data_col_popup_button.disabled { background-color: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_list_data_col_popup_button_icon { position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; } .mm_list_data_col_popup_button_icon_arrow { position: absolute; top: 0; left: 0; } .mm_list_data_col_popup_button_icon_bg1 { position: absolute; top: 4px; left: 5px; width: 14px; height: 2px; background-color: #6a6e79; border-radius: 1px; transition: 0.2s all linear; } .mm_list_data_col_popup_button_icon_arrow_bg1 { position: absolute; top: 10px; left: 9px; width: 2px; height: 7px; background-color: #6a6e79; border-radius: 0 0 1px 1px; transform: rotate(45deg); transition: 0.2s all linear; } .mm_list_data_col_popup_button_icon_arrow_bg2 { position: absolute; top: 10px; left: 13px; width: 2px; height: 7px; background-color: #6a6e79; border-radius: 0 0 1px 1px; transform: rotate(-45deg); transition: 0.2s all linear; } .mm_list_data_col_popup_button_icon_arrow_bg3 { position: absolute; top: 12px; left: 11px; width: 2px; height: 9px; background-color: #6a6e79; border-radius: 0 0 1px 1px; transition: 0.2s all linear; } .mm_list_data_col_popup_button:hover .mm_list_data_col_popup_button_icon_bg1, .mm_list_data_col_popup_button:hover .mm_list_data_col_popup_button_icon_arrow_bg1, .mm_list_data_col_popup_button:hover .mm_list_data_col_popup_button_icon_arrow_bg2, .mm_list_data_col_popup_button:hover .mm_list_data_col_popup_button_icon_arrow_bg3 { background-color: #2f75ff; } .mm_list_data_col_popup_button.disabled .mm_list_data_col_popup_button_icon_bg1, .mm_list_data_col_popup_button.disabled .mm_list_data_col_popup_button_icon_bg2, .mm_list_data_col_popup_button.disabled .mm_list_data_col_popup_button_icon_bg3, .mm_list_data_col_popup_button.disabled .mm_list_data_col_popup_button_icon_bg4 { background-color: #e0e1e4; } .mm_list_data_col_select_wrapper { position: relative; display: block; overflow: hidden; flex-grow: 1; } .mm_list_data_col_select_container { position: relative; display: block; } .mm_list_data_col_select_container .mm_list_data_col_select { position: relative; display: flex; margin: 0; padding: 0 35px 0 11px; height: 34px; flex-grow: 1; align-items: center; background: #fff; border: 1px solid #d3e2ff; border-radius: 4px; box-sizing: border-box; transition: 0.2s border-color linear; cursor: pointer; outline: none; } .mm_list_view_compact .mm_list_data_col_select_container .mm_list_data_col_select { height: 28px; } .mm_list_view_comfortable .mm_list_data_col_select_container .mm_list_data_col_select { height: 44px; } .mm_list_data_col_select_container .mm_list_data_col_select.focus { border-color: #2f75ff; } .mm_list_data_col_select_container .mm_list_data_col_select:hover { border-color: #d3e2ff; } .mm_list_data_col_select_container.active .mm_list_data_col_select, .mm_list_data_col_select_container.active .mm_list_data_col_select:hover { border-color: #2f75ff; } .mm_list_data_col_select_container.invalid .mm_list_data_col_select, .mm_list_data_col_select_container.invalid .mm_list_data_col_select.focus, .mm_list_data_col_select_container.invalid .mm_list_data_col_select:hover, .mm_list_data_col_select_container.invalid .mm_list_data_col_select.active, .mm_list_data_col_select_container.invalid.active .mm_list_data_col_select { border-color: #ea6570; border-width: 2px; } .mm_list_data_col_select_container .mm_list_data_col_select .mm9_button_text, .mm_list_data_col_select_container.active .mm_list_data_col_select .mm9_button_text { text-align: left; color: #6a6e79; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mm_list_data_col_select .mm9_menubutton_dropdown { position: absolute; display: block; top: 50%; right: 15px; width: 9px; height: 6px; border: none; background: none; transform: translateY(-50%); } .mm_list_data_col_select .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(-40deg); transition: all 0.2s linear; } .mm_list_data_col_select_container.active .mm_list_data_col_select .mm9_menubutton_dropdown_bg1 { background-color: #6a6e79; transform: rotate(40deg); } .mm_list_data_col_select .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: #6a6e79; transform: rotate(40deg); transition: all 0.2s linear; } .mm_list_data_col_select_container.active .mm_list_data_col_select .mm9_menubutton_dropdown_bg2 { background-color: #6a6e79; transform: rotate(-40deg); } .mm_list_data_col_select_container .mm_list_data_col_select.disabled, .mm_list_data_col_select_container .mm_list_data_col_select.disabled:hover, .mm_list_data_col_select_container .mm_list_data_col_select.disabled.focus, .mm_list_data_col_select_container.active .mm_list_data_col_select.disabled, .mm_list_data_col_select_container.active .mm_list_data_col_select.disabled:hover, .mm_list_data_col_select_container.active .mm_list_data_col_select.disabled.focus { border-color: #e0e1e4; background-color: #f8f8f8; cursor: default; } .mm_list_data_col_select_container .mm_list_data_col_select.disabled .mm9_button_text { color: #e0e1e4; } .mm_list_data_col_select.disabled .mm9_menubutton_dropdown_bg1, .mm_list_data_col_select.disabled .mm9_menubutton_dropdown_bg2, .mm_list_data_col_select_container.active .mm_list_data_col_select.disabled .mm9_menubutton_dropdown_bg1, .mm_list_data_col_select_container.active .mm_list_data_col_select.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm_list_data_col_select_menu_root { position: absolute; display: none; margin: 7px 0; background: #fff; border: 1px solid #ecedf2; border-radius: 4px; box-shadow: 0 12px 20px rgba( 47, 117, 255, 0.25 ); box-sizing: border-box; overflow: auto; z-index: 9999; } .mm_list_data_col_select_menu_root .mm9_menubutton_menu_item { position: relative; display: flex; padding: 0 20px; height: 38px; white-space: nowrap; text-align: left; font-size: 13px; font-family: 'Neue Haas Grotesk Text', sans-serif; font-weight: 500; letter-spacing: 0.010em; color: #6a6e79; align-items: center; cursor: pointer; } .mm_list_data_col_select_menu_root .mm9_menubutton_menu_item + .mm9_menubutton_menu_item { border-top: 1px solid #ecedf2; } .mm_list_data_col_select_menu_root .mm9_menubutton_menu_item.selected_option { background-color: #f2f4f7; color: #2f75ff; font-weight: bold; } .mm_list_data_col_select_menu_root .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #2f75ff; color: #fff; } .mm_list_data_col_weight_input_container { position: relative; display: block; overflow: hidden; flex-grow: 1; } .mm_list_data_col_weight_input_container .mm_list_data_col_weight_input { position: relative; display: flex; margin: 0; padding: 0 35px 0 11px; height: 34px; flex-grow: 1; align-items: center; box-sizing: border-box; outline: none; } .mm_list_data_col_weight_input_container .mm_weight_input_container.mm_list_data_col_weight_input .mm_weight_input:not(.invalid, .focus, .active, :hover) { border-color: #d3e2ff; } .mm_list_data_col_weight_input_container .mm_weight_input_container.mm_list_data_col_weight_input .mm_weight_input { height: 34px; } .mm_list_data_col_weight_input_container .mm_weight_input_container.mm_list_data_col_weight_input .mm_weight_input .mm_input { color: #000; } .mm_list_view_compact .mm_list_data_col_weight_input_container .mm_list_data_col_weight_input, .mm_list_view_compact .mm_list_data_col_weight_input_container .mm_weight_input_container.mm_list_data_col_weight_input .mm_weight_input { height: 28px; } .mm_list_view_comfortable .mm_list_data_col_weight_input_container .mm_list_data_col_weight_input, .mm_list_view_comfortable .mm_list_data_col_weight_input_container .mm_weight_input_container.mm_list_data_col_weight_input .mm_weight_input { height: 44px; } .mm_list_advancedsearch_weightinput_container { position: relative; display: block; } .mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_list_data_col_editablecheckbox { display: flex; margin-left: 13px; height: 30px; align-items: center; } .mm_list_data_col_editableinput { position: relative; width: 100%; min-height: 100%; font-size: 14px; line-height: 1.5em; background: transparent; border: none; padding: 0; margin: 0; outline: none; } .mm_list_data_col_editableinput_error { padding: 0 11px; border-color: #ea6570; border-width: 2px; border-style: solid; outline: none; } .mm_list_error_message { position: absolute; display: flex; visibility: hidden; bottom: 0; padding: 9px 15px; max-width: 300px; align-items: center; background: #ed6671; color: #fff; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; border-radius: 4px; z-index: 2; } .mm_list_error_message_text { position: relative; z-index: 2; } .mm_list_error_message_tail { position: absolute; bottom: -4px; right: 8px; width: 10px; height: 10px; background-color: #ed6671; border-radius: 2px; box-sizing: border-box; transform: rotate(45deg); z-index: 1; } .mm_list_error_message_tail.above { top: -4px; bottom: auto; } .mm_list_error_exclamation { position: absolute; display: block; top: 0; right: -2px; bottom: 0; width: 18px; background: #ed6671; color: #fff; text-align: center; padding-top: 3px; } .mm_list_data_row_loading_container { position: absolute; display: flex; visibility: hidden; top: 2px; bottom: 2px; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.8); align-items: center; border-radius: 4px; } .mm_list_data_row_loading_visible .mm_list_data_row_loading_container { visibility: visible; z-index: 3; } .mm_list_data_row_loading_spacer { display: none; margin-right: 0; padding: 0; width: 74px; line-height: 0; text-align: center; box-sizing: border-box; } .mm_list_data_row_loading_visible .mm_list_data_row_loading_spacer { display: inline-block; } .mm_list_data_row_loading { position: absolute; display: flex; top: 2px; bottom: 2px; left: 0; padding: 0; background-color: #fff; align-items: center; border-radius: 4px 0 0 4px; } .mm_list_data_row_loading.mm_list_data_row_loading_scrolled { box-shadow: 15px 0 15px -10px rgba( 47, 117, 255, 0.1 ); } .mm_list_data_row_selection_checked .mm_list_data_row_loading, .mm_list_data_row_selection_checked.be_hov:hover .mm_list_data_row_loading { background-color: #e3edff; } .mm_list_data_row_addmode .mm_list_data_row_loading, .mm_list_data_row_addmode.be_hov:hover .mm_list_data_row_loading, .mm_list_data_row_editmode .mm_list_data_row_loading, .mm_list_data_row_editmode.be_hov:hover .mm_list_data_row_loading, .mm_list_data_row_disporder .mm_list_data_row_loading, .mm_list_data_row_disporder.be_hov:hover .mm_list_data_row_loading { background-color: #fafcff; } .mm_list_data_row_match .mm_list_data_row_loading, .mm_list_data_row_match.be_hov:hover .mm_list_data_row_loading { background-color: #ffe6b7; } .mm_list_data_row_loading_mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.8); } .mm_list_data_row_loading > .mm_loading_indicator { position: relative; display: inline-block; vertical-align: middle; margin: 0 0 0 25px; } .mm_list_scrollbar_container_vertical { position: absolute; top: 0; right: -12px; bottom: -3px; width: 10px; overflow: hidden; z-index: 1; } .mm_list_empty_list_overlay_visible .mm_list_scrollbar_container_vertical { display: none; } .mm_list_scrollbar_container_horizontal { position: absolute; right: -3px; bottom: -12px; left: 0; height: 10px; overflow: hidden; z-index: 1; } .mm_list_empty_list_overlay_visible .mm_list_scrollbar_container_horizontal { display: none; } .mm_list_scrollbar_track_verticalright, .mm_list_scrollbar_track_verticalleft { position: absolute; display: none; top: 0; bottom: 0; width: 10px; background-color: transparent; border-radius: 5px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .mm_list_scrollbar_track_horizontaltop, .mm_list_scrollbar_track_horizontalbottom { position: absolute; display: none; right: 0; left: 0; height: 10px; background-color: transparent; border-radius: 5px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .mm_list_scrollbar_track_verticalright { right: 0; } .mm_list_scrollbar_track_verticalleft { left: 0; } .mm_list_scrollbar_track_horizontaltop { top: 0; } .mm_list_scrollbar_track_horizontalbottom { bottom: 0; } .mm_list_scrollbar_track_verticalright:hover, .mm_list_scrollbar_track_verticalleft:hover, .mm_list_scrollbar_track_horizontaltop:hover, .mm_list_scrollbar_track_horizontalbottom:hover, .mm_list_scrollbar_container_vertical.mm_list_scrollbar_container_vertical_active .mm_list_scrollbar_track_verticalright, .mm_list_scrollbar_container_vertical.mm_list_scrollbar_container_vertical_active .mm_list_scrollbar_track_verticalleft, .mm_list_scrollbar_container_horizontal.mm_list_scrollbar_container_horizontal_active .mm_list_scrollbar_track_horizontaltop, .mm_list_scrollbar_container_horizontal.mm_list_scrollbar_container_horizontal_active .mm_list_scrollbar_track_horizontalbottom { background-color: #e9ecf0; border-radius: 5px; } .mm_list_scrollbar_thumb_verticalright, .mm_list_scrollbar_thumb_verticalleft { position: absolute; top: 1px; width: 8px; min-height: 20px; height: 50px; background-color: #c9ced8; background-clip: padding-box; border-radius: 4px; cursor: default; } .mm_list_scrollbar_thumb_horizontaltop, .mm_list_scrollbar_thumb_horizontalbottom { position: absolute; left: 1px; width: 50px; min-width: 20px; height: 8px; background-color: #c9ced8; background-clip: padding-box; border-radius: 4px; cursor: default; } .mm_list_scrollbar_thumb_verticalright { right: 1px; } .mm_list_scrollbar_track_verticalright:hover .mm_list_scrollbar_thumb_verticalright, .mm_list_scrollbar_container_vertical.mm_list_scrollbar_container_vertical_active .mm_list_scrollbar_track_verticalright .mm_list_scrollbar_thumb_verticalright { right: 0; width: 10px; border-radius: 5px; } .mm_list_scrollbar_thumb_verticalleft { left: 1px; } .mm_list_scrollbar_track_verticalleft:hover .mm_list_scrollbar_thumb_verticalleft, .mm_list_scrollbar_container_vertical.mm_list_scrollbar_container_vertical_active .mm_list_scrollbar_track_verticalleft .mm_list_scrollbar_thumb_verticalleft { left: 0; width: 10px; border-radius: 5px; } .mm_list_scrollbar_thumb_horizontaltop { top: 1px; } .mm_list_scrollbar_track_horizontaltop:hover .mm_list_scrollbar_thumb_horizontaltop, .mm_list_scrollbar_container_horizontal.mm_list_scrollbar_container_horizontal_active .mm_list_scrollbar_track_horizontaltop .mm_list_scrollbar_thumb_horizontaltop { top: 0; height: 10px; border-radius: 5px; } .mm_list_scrollbar_thumb_horizontalbottom { bottom: 1px; } .mm_list_scrollbar_track_horizontalbottom:hover .mm_list_scrollbar_thumb_horizontalbottom, .mm_list_scrollbar_container_horizontal.mm_list_scrollbar_container_horizontal_active .mm_list_scrollbar_track_horizontalbottom .mm_list_scrollbar_thumb_horizontalbottom { bottom: 0; height: 10px; border-radius: 5px; } .mm_list_scrollbar_track_verticalright:hover .mm_list_scrollbar_thumb_verticalright, .mm_list_scrollbar_track_verticalleft:hover .mm_list_scrollbar_thumb_verticalleft, .mm_list_scrollbar_track_horizontaltop:hover .mm_list_scrollbar_thumb_horizontaltop, .mm_list_scrollbar_track_horizontalbottom:hover .mm_list_scrollbar_thumb_horizontalbottom, .mm_list_scrollbar_container_vertical.mm_list_scrollbar_container_vertical_active .mm_list_scrollbar_track_verticalright .mm_list_scrollbar_thumb_verticalright, .mm_list_scrollbar_container_vertical.mm_list_scrollbar_container_vertical_active .mm_list_scrollbar_track_verticalleft .mm_list_scrollbar_thumb_verticalleft, .mm_list_scrollbar_container_horizontal.mm_list_scrollbar_container_horizontal_active .mm_list_scrollbar_track_horizontaltop .mm_list_scrollbar_thumb_horizontaltop, .mm_list_scrollbar_container_horizontal.mm_list_scrollbar_container_horizontal_active .mm_list_scrollbar_track_horizontalbottom .mm_list_scrollbar_thumb_horizontalbottom { background-color: #969da8; } .mm_list_scrollbar_thumb_ontouch { background-color: #969da8; } .mm_list_action_row_section .mm9_search_container { width: 220px; height: 31px; margin-left: 12px; } .mm_list_action_row_section .mm9_search_search_container, .mm_list_action_row_section .mm9_search_placeholder_container { top: 6px; right: 6px; bottom: 6px; left: 6px; } .mm_list_searchbar_search_button { position: relative; display: inline-block; vertical-align: middle; padding: 8px 18px; width: auto; height: 15px; border: 1px solid #0a9bad; background: #1eabbd; border-radius: 2px; margin-left: 10px; text-align: center; cursor: pointer; outline: none; } .mm_list_searchbar_search_button:active { background: #0a9bad; } .mm_list_searchbar_search_button.disabled { background: #ccc; border-color: #bbb; } .mm_list_searchbar_search_button .mm9_button_image { color: #fff; } .mm_list_searchbar_settings_container .mm_list_searchbar_search_button { background: #f6f6f6; border-color: #d5d5d5; } .mm_list_searchbar_settings_container .mm_list_searchbar_search_button.focus, .mm_list_searchbar_settings_container .mm_list_searchbar_search_button.active, .mm_list_searchbar_settings_container .mm_list_searchbar_search_button:active, .mm_list_searchbar_settings_container.active .mm_list_searchbar_search_button { border-color: #aaa; } .mm_list_searchbar_settings_container .mm_list_searchbar_search_button .mm9_button_image { color: #444; } .mm_list_searchbar_settings_container .mm9_menubutton_menu { top: 42px; right: 0; left: auto; background: #eee; border-radius: 3px; } .mm_list_searchbar_settings_container .mm9_menubutton_menu_section_header { text-align: left; } .mm_list_searchbar_settings_container.active .mm_list_searchbar_search_button .mm9_menubutton_tail_border { display: block; left: 19px; bottom: -11px; border-color: #ccc transparent; } .mm_list_searchbar_settings_container.active .mm_list_searchbar_search_button .mm9_menubutton_tail { display: block; left: 19px; bottom: -12px; border-color: #eee transparent; } .mm_list_searchbar_settings_container .mm9_menubutton_menu_item { margin: 8px 15px; padding: 0; white-space: normal; } .mm_list_searchbar_settings_container_title_container { position: relative; display: block; padding: 15px 8px; white-space: nowrap; } .mm_list_searchbar_settings_container_title { position: relative; display: inline-block; margin-right: 8px; font-size: 15px; font-family: 'MuseoSans'; color: #999; } .mm_list_searchbar_settings_container_dimiss { position: relative; display: inline-block; width: 15px; height: 15px; font-size: 15px; color: #999; text-decoration: none; float: right; } .mm_list_searchbar_settings_container_dimiss:hover { color: #444; } .mm_list_searchbar_settings_container_entry_container { position: relative; display: block; padding: 15px 8px; max-width: 300px; background: #fff; box-shadow: 2px 2px 4px -1px rgba( 0, 0, 0, 0.2 ); border-radius: 5px; overflow: hidden; transition: all 0.15s ease-in-out; } .mm_list_searchbar_settings_container_entry_container:hover { box-shadow: 2px 2px 6px -2px rgba( 0, 0, 0, 0.4 ); } .mm_list_searchbar_settings_container_entry_icon_container { position: absolute; top: 50%; left: 0; width: 0; height: 0; } .mm_list_searchbar_settings_container_entry_icon_background { position: absolute; top: -20px; left: 10px; width: 40px; height: 40px; background: #1eabbd; border-radius: 50%; transition: all 0.15s ease-in-out; } .mm_list_searchbar_settings_container_entry_container:hover .mm_list_searchbar_settings_container_entry_icon_background { background: #0e9bad; border-radius: 10%; } .mm_list_searchbar_settings_container_entry_container.selected .mm_list_searchbar_settings_container_entry_icon_background { background: #ff6b59; } .mm_list_searchbar_settings_container_entry_container.selected:hover .mm_list_searchbar_settings_container_entry_icon_background { background: #ef5b49; } .mm_list_searchbar_settings_container_entry_icon_spacer { position: absolute; top: 50%; left: 50%; width: 0; height: 0; } .mm_list_searchbar_settings_container_entry_icon.mm9_mivaicon { position: absolute; top: -10px; left: -10px; width: 20px; height: 20px; font-size: 20px; color: #fff; } .mm_list_searchbar_settings_container_entry_title { position: relative; display: inline-block; margin: 3px 28px 3px 55px; font-size: 14px; color: #444; } .mm_list_searchbar_settings_container_entry_dimiss { position: absolute; display: inline-block; top: 10px; right: 8px; width: 15px; height: 15px; font-size: 15px; color: #999; } .mm_list_searchbar_settings_container_entry_dimiss:hover { color: #444; } .mm_list_searchbar_search_search_container { position: relative; margin: 4px; } .mm_list_searchbar_search { position: relative; width: 100%; border: none; color: #777; outline: none; background: transparent; padding: 0; margin: 0; } .mm_list_searchbar_search_active { color: #000; } .mm_list_actionitems_static_container { position: relative; display: inline-block; text-align: right; float: right; white-space: nowrap; } .mm_list_actionitems_dynamic_container { position: relative; display: inline-block; text-align: left; white-space: nowrap; } .mm_list_persistent_filters_container { position: relative; display: none; padding: 0 5px; } .mm_list_column_popup_container { position: relative; display: block; height: 20px; padding: 1px 2px; } .mm_list_column_popup_input_container { position: absolute; top: 0; right: 50px; bottom: 0; left: 0; padding: 1px 2px; border-width: 1px; border-style: solid; border-color: #333 #bbb #bbb; background: #fff; } .mm_list_column_popup_input_container.active { border-color: #1eabbd; } .mm_list_column_popup_button { position: absolute; top: 0; right: 0; width: 15px; height: 15px; padding: 3px 15px 4px; margin: 0; background: #1eabbd; border: none; border-radius: 3px; text-align: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_list_column_popup_button_relative { position: relative; display: inline-block; top: auto; right: auto; padding: 3px 15px; } .mm_list_column_popup_button .mm9_button_text, .mm_list_column_popup_button .mm9_button_image { color: #fff; } .mm_list_column_popup_button.state_pressed, .mm_list_column_popup_button:active, .mm_list_column_popup_button.active { background: #0e9bad; } .mm_list_column_popup_button:hover { border-color: #0e9bad; } .mm_list_column_popup_button.disabled:active, .mm_list_column_popup_button.disabled:hover, .mm_list_column_popup_button.disabled:focus, .mm_list_column_popup_button.disabled { background: #aaa; } .mm_list_column_popup_button.disabled:active .mm9_button_text, .mm_list_column_popup_button.disabled:hover .mm9_button_text, .mm_list_column_popup_button.disabled:focus .mm9_button_text, .mm_list_column_popup_button.disabled .mm9_button_text { color: #ddd; } .mm_list_column_popup_button.disabled .mm9_button_image { color: #ddd; } #mm_list_savesearchdialog_input { width: 200px; } .mm_list_textareaeditor_textarea_container { position: relative; display: block; padding-right: 12px; padding-bottom: 12px; height: 150px; } #mm_list_textareaeditor_textarea { position: relative; width: 100%; height: 100%; padding: 5px; margin: 0; } .mm_list_column_textarea_container { position: relative; display: flex; flex-grow: 1; align-items: center; align-self: stretch; overflow: hidden; } .mm_list_data_col_div_data_editable .mm_list_column_textarea_container { padding-left: 13px; } .mm_list_column_textarea_summary_container { position: relative; flex-grow: 1; padding: 3px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mm_list_column_textarea_button.mm10_button_style_alternative_1 { position: relative; margin: 0 3px 0 10px; padding: 0 15px; height: 34px; } .mm_list_view_compact .mm_list_column_textarea_button.mm10_button_style_alternative_1 { height: 28px; } .mm_list_view_comfortable .mm_list_column_textarea_button.mm10_button_style_alternative_1 { height: 44px; } .mm_list_column_imagepreview_image_container, .mm_list_column_imagepreview_circleimage_container { position: relative; display: flex; align-items: center; justify-content: center; } .mm_list_column_imagepreview_image, .mm_list_column_imagepreview_circleimage { position: relative; display: inline-block; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 4px; } .mm_list_column_imagepreview_image_container.fallback .mm_list_column_imagepreview_image { display: none; } .mm_list_column_imagepreview_circleimage { background-size: cover; border-radius: 50%; flex-shrink: 0; } .mm_list_view_compact .mm_list_column_imagepreview_image, .mm_list_view_compact .mm_list_column_imagepreview_circleimage { width: 25px; height: 25px; } .mm_list_view_default .mm_list_column_imagepreview_image, .mm_list_view_default .mm_list_column_imagepreview_circleimage { width: 40px; height: 40px; } .mm_list_view_comfortable .mm_list_column_imagepreview_image, .mm_list_view_comfortable .mm_list_column_imagepreview_circleimage { width: 60px; height: 60px; } .mm_list_column_imagepreview_circleimage_title { position: relative; display: inline-block; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; } .mm_list_column_imagepreview_image_fallback { position: relative; display: none; width: 40px; height: 40px; background-color: #eff3ff; border-radius: 4px; } .mm_list_view_compact .mm_list_column_imagepreview_image_fallback { width: 26px; height: 26px; } .mm_list_view_default .mm_list_column_imagepreview_image_fallback { width: 40px; height: 40px; } .mm_list_view_comfortable .mm_list_column_imagepreview_image_fallback { width: 60px; height: 60px; } .mm_list_column_imagepreview_image_container.fallback .mm_list_column_imagepreview_image_fallback { display: inline-block; } .mm_list_column_imagepreview_image_fallback_image { position: absolute; top: 50%; left: 50%; width: 23px; height: 23px; background-color: #eff3ff; border: 2px solid #c7cbd1; border-radius: 4px; box-sizing: border-box; transform: translate(-50%, -50%); overflow: hidden; } .mm_list_view_compact .mm_list_column_imagepreview_image_fallback_image { transform: translate(-50%, -50%) scale(0.8); } .mm_list_view_default .mm_list_column_imagepreview_image_fallback_image { transform: translate(-50%, -50%) scale(1); } .mm_list_view_comfortable .mm_list_column_imagepreview_image_fallback_image { transform: translate(-50%, -50%) scale(1.5); } .mm_list_column_imagepreview_image_fallback_sun { position: absolute; top: 2px; left: 3px; width: 7px; height: 7px; background-color: #e5e9ef; border: 2px solid #c8ccd2; box-sizing: border-box; border-radius: 50%; } .mm_list_column_imagepreview_image_fallback_mountain_1 { position: absolute; bottom: -6px; left: 7px; width: 13px; height: 13px; background-color: #e5e9ef; border: 2px solid #c8ccd2; border-radius: 2px; box-sizing: border-box; transform: rotate(45deg); } .mm_list_column_imagepreview_image_fallback_mountain_2 { position: absolute; bottom: -8px; left: -2px; width: 13px; height: 13px; background-color: #e5e9ef; border: 2px solid #c8ccd2; border-radius: 2px; box-sizing: border-box; transform: rotate(45deg); } .mm_list_loading_container { position: absolute; display: none; top: 0; right: 0; left: 0; bottom: 0; background-color: #f2f4f7; z-index: 2; } .mm_list_loading_container.visible { display: block; } .mm_list_loading_content { position: absolute; display: flex; top: 50%; left: 50%; transform: translate(-50%, -50%); align-items: center; justify-content: center; flex-direction: column; } .mm_list_loading_message { position: relative; display: block; margin-top: 25px; text-align: center; color: #8b8f98; font-size: 15px; } .mm_list_loading_message:empty { display: none; } .mm_list_data_row_level_1 .mm_list_level_col { padding-left: 5px; } .mm_list_data_row_level_2 .mm_list_level_col { padding-left: 30px; } .mm_list_data_row_level_3 .mm_list_level_col { padding-left: 55px; } .mm_list_dimmed_text { color: #777; } .mm_list_column_header { font-weight: bold; text-align: left; } .mm_list_checkbox_container { position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 25px; } .mm_list_checkbox_background { position: absolute; display: inline-block; top: 0; right: 0; bottom: 0; left: 0; background-image: url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm9_checkbox_background.png'); background-position: 0 0; background-repeat: no-repeat; } .mm_list_checkbox_foreground { position: absolute; display: inline-block; top: 0; right: 0; bottom: 0; left: 0; background-image: url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm9_checkbox_foreground.png'); background-position: 3px 0; background-repeat: no-repeat; } .mm_list_advancedsearch_column_value_textarea_container { position: relative; display: block; padding-right: 4px; } .mm_list_advancedsearch_column_value_textarea { position: relative; width: 100%; height: 50px; padding: 1px 2px; margin: 0; border-width: 1px; border-style: solid; border-color: #333 #bbb #bbb; outline: none; } .mm_list_advancedsearch_column_value_textarea:focus, .mm_list_advancedsearch_column_value_textarea:active { border-color: #1eabbd; } .mm_list_advancedsearch_column_popup_container .mm_list_column_popup_button { margin: 4px 0; } .mm_list_advancedsearch_column_value_input_popup_container { display: block; margin-right: 52px; } .mm_list_advancedsearchdialog_container { position: absolute; display: flex; top: 0; right: 30px; bottom: 0; left: 30px; flex-direction: column; flex-shrink: 0; } .mm_list_advancedsearchdialog_header { position: relative; display: flex; height: 50px; background-color: #f5f7fa; border-radius: 4px; align-items: center; flex-shrink: 0; } .mm_list_advancedsearchdialog_header_name { position: relative; display: inline-block; padding: 0 12px 0 25px; width: 250px; font-size: 11px; font-weight: bold; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.060em; text-transform: uppercase; color: #969da8; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; box-sizing: border-box; flex-shrink: 0; } .mm_list_advancedsearchdialog_header_filter { position: relative; display: inline-block; padding: 0 12px 0 12px; width: 250px; font-size: 11px; font-weight: bold; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.060em; text-transform: uppercase; color: #969da8; white-space: nowrap; box-sizing: border-box; flex-shrink: 0; } .mm_list_advancedsearchdialog_header_value { position: relative; display: inline-block; padding: 0 25px 0 12px; font-size: 11px; font-weight: bold; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.060em; text-transform: uppercase; color: #969da8; box-sizing: border-box; flex-grow: 1; } .mm_list_advancedsearchdialog_content { position: relative; display: block; overflow: auto; flex-grow: 1; } .mm_list_advancedsearchdialog_entry { position: relative; display: flex; padding: 12px 0; border-bottom: 1px solid #edf1f8; align-items: center; } .mm_list_advancedsearchdialog_entry_name { position: relative; display: inline-block; padding: 0 12px 0 25px; width: 250px; font-size: 13px; font-weight: 500; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.010em; color: #6a6e79; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; box-sizing: border-box; flex-shrink: 0; } .mm_list_advancedsearchdialog_entry_filter { position: relative; display: inline-block; padding: 0 12px; width: 250px; font-size: 12px; font-weight: normal; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.020em; color: #6a6e79; white-space: nowrap; box-sizing: border-box; flex-shrink: 0; } .mm_list_advancedsearchdialog_entry_value { position: relative; display: inline-block; padding: 0 25px 0 12px; font-size: 12px; font-weight: normal; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.020em; color: #6a6e79; box-sizing: border-box; flex-grow: 1; } .mm_list_advancedsearchdialog_content select { padding: 7px 35px 7px 15px; width: 100%; color: #494a53; background: #fff; font-size: 12px; font-weight: 400; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; outline: none; } .mm_list_advancedsearchdialog_content select:not([multiple]) { background: no-repeat calc(100% - 15px) url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm10_select_dropdown.png') #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .mm_list_advancedsearchdialog_content select:focus { border-color: #539cff; } .mm_list_advancedsearchdialog_content textarea { padding: 18px 20px; color: #494a53; background: #fff; font-size: 12px; font-weight: 400; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; overflow: auto; outline: none; } .mm_list_advancedsearchdialog_content textarea:focus { border-color: #539cff; } .mm_list_advancedsearchdialog_content input[type="text"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="password"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="date"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="datetime-local"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="email"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="month"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="number"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="search"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="tel"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="time"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="url"]:not(.mm_input), .mm_list_advancedsearchdialog_content input[type="week"]:not(.mm_input) { padding: 7px 15px; color: #494a53; font-size: 12px; font-weight: 400; font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; outline: none; } .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="text"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="password"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="date"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="datetime-local"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="email"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="month"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="number"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="search"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="tel"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="time"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="url"]:not(.mm_input), .mm_list_advancedsearchdialog_content .mm_list_advancedsearchdialog_entry_value > input[type="week"]:not(.mm_input) { min-width: 100%; } .mm_list_advancedsearchdialog_content input[type="text"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="password"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="date"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="datetime-local"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="email"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="month"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="number"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="search"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="tel"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="time"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="url"]:not(.mm_input):focus, .mm_list_advancedsearchdialog_content input[type="week"]:not(.mm_input):focus { border-color: #539cff; } .mm_list_advancedsearchdialog_entry_value_popup_container { position: relative; display: flex; align-items: center; } .mm_list_advancedsearchdialog_entry_value_popup_container .mm_input_common { margin-right: 5px; flex-grow: 1; } .mm_list_advancedsearchdialog_entry_value_popup_button { width: 30px; height: 30px; padding: 0 !important; flex-shrink: 0; } .mm_list_button_searchablecolumns .mm9_menubutton_menu { left: auto; right: 2px; } .mm_list_datetimepicker_container { position: relative; display: flex; align-items: center; flex-grow: 1; } .mm_list_datetimepicker { position: relative; display: inline-block; flex-grow: 1; padding: 0 13px; border-radius: 4px; box-sizing: border-box; } .mm_list_datetimepicker_button.mm10_button_style_alternative_1 { position: relative; margin: 0 3px 0 10px; padding: 0 15px; height: 34px; flex-shrink: 0; } .mm_list_view_compact .mm_list_datetimepicker_button.mm10_button_style_alternative_1 { height: 28px; } .mm_list_view_comfortable .mm_list_datetimepicker_button.mm10_button_style_alternative_1 { height: 44px; } .mm_list_advancedsearch_datetime_container { position: relative; display: block; } .mm_list_advancedsearch_datetime_on_container { position: relative; display: block; } .mm_list_advancedsearch_datetime_beforeafter_container { position: relative; display: block; } .mm_list_advancedsearch_datetime_between_container { position: relative; display: block; } .mm_list_advancedsearch_datetime_between_start_container, .mm_list_advancedsearch_datetime_between_end_container { position: relative; display: inline-flex; margin-right: 10px; align-items: center; } .mm_list_advancedsearch_datetime_between_end_container { margin-top: 10px; } .mm_list_advancedsearch_datetime_between_start_title, .mm_list_advancedsearch_datetime_between_end_title { position: relative; display: inline-block; margin-right: 10px; width: 40px; font-size: 13px; font-weight: 500; color: #494a53; } .mm_list_advancedsearch_datetime_between_start, .mm_list_advancedsearch_datetime_between_end { position: relative; display: inline-block; } .mm_list_listinfo_container { position: absolute; display: none; right: 50px; bottom: 0; left: 50px; height: 48px; text-align: center; background: transparent; align-items: center; justify-content: center; box-sizing: border-box; } .mm_list_feature_recordcount .mm_list_listinfo_container { display: flex; } .mm_list_listinfo { position: relative; display: block; top: 0; left: 0; padding: 17px 0; font-size: 11px; color: #969da8; } .mm_list_pagination_controls { position: relative; display: none; height: 28px; padding: 8px 16px; } .mm_list_paginated .mm_list_pagination_controls { display: inline-block; } .mm_list_pagination_page_label { position: relative; display: inline-block; vertical-align: middle; margin: 0 15px !important; } .mm_list_pagination_page_label span { position: relative; display: inline-block; vertical-align: middle; } .mm_list_pagination_page_input { position: relative; display: inline-block; vertical-align: middle; margin: 3px 5px !important; height: 16px; width: 50px; text-align: center; } .mm_list_paginated .mm_list_list_container { overflow: auto; overflow-y: hidden; } .mm_list_paginated .mm_list_list_header_scrollfix_container { right: auto; overflow: visible; } .mm_list_paginated .mm_list_list_content_container { right: auto; overflow: visible; } .mm_list_paginated .mm_list_list_content { position: relative; right: auto; overflow: visible; } .mm_list_paginated .mm_list_data_row { padding: 2px 0; } .mm_list_paginated .mm_list_header_row { padding: 9px 0; } .mm_list .mm_list_errornotifications { background: #eee; border-radius: 3px; } .mm9_menubutton_container.mm_list_menubutton_error.active .mm9_menubutton_tail_border { display: block; left: 19px; bottom: -15px; border-color: #f1f1f1 transparent; } .mm_list_errornotifications .mm9_menubutton_menu_item { margin: 8px 15px; padding: 0; white-space: normal; } .mm_list_errornotifications_title_container { position: relative; display: block; padding: 15px 8px; white-space: nowrap; } .mm_list_errornotifications_title { position: relative; display: inline-block; margin-right: 8px; font-size: 15px; color: #999; } .mm_list_errornotifications_dimiss { position: relative; display: inline-block; width: 15px; height: 15px; font-size: 15px; color: #999; text-decoration: none; float: right; } .mm_list_errornotifications_dimiss:hover { color: #444; } .mm_list_errornotifications_entry_container { position: relative; display: block; padding: 10px 8px; max-width: 300px; min-height: 30px; background: #fff; box-shadow: 2px 2px 4px -1px rgba( 0, 0, 0, 0.2 ); border-radius: 5px; overflow: hidden; transition: all 0.15s ease-in-out; } .mm_list_errornotifications_entry_container:hover { box-shadow: 2px 2px 6px -2px rgba( 0, 0, 0, 0.4 ); } .mm_list_errornotifications_entry_icon_container { position: absolute; top: 50%; left: 0; width: 0; height: 0; } .mm_list_errornotifications_entry_icon_background { position: absolute; top: -20px; left: 10px; width: 40px; height: 40px; background: #ff6b59; border-radius: 50%; transition: all 0.15s ease-in-out; } .mm_list_errornotifications_entry_container:hover .mm_list_errornotifications_entry_icon_background { background: #ef5b49; border-radius: 10%; } .mm_list_errornotifications_entry_icon_spacer { position: absolute; top: 50%; left: 50%; width: 0; height: 0; } .mm_list_errornotifications_entry_icon.mm9_mivaicon { position: absolute; top: -10px; left: -10px; width: 20px; height: 20px; font-size: 20px; color: #fff; } .mm_list_errornotifications_entry_title { position: relative; display: block; margin: 4px 28px 4px 55px; font-size: 12px; color: #444; word-wrap: break-word; } .mm_list_errornotifications_entry_dimiss { position: absolute; top: 10px; right: 8px; width: 15px; height: 15px; font-size: 15px; color: #999; } .mm_list_errornotifications_entry_dimiss:hover { color: #444; } .mm_list_button_error .mm9_button_image { color: #ff6b59; } .mm_list_action_button.mm_list_assignlist_toggle_action { width: 170px; } .mm_list_action_button.mm_list_assignlist_toggle_action .mm9_button_custom { flex-grow: 1; } .mm_list_assignlist_toggle { position: relative; display: flex; flex-grow: 1; align-items: stretch; justify-content: flex-start; } .mm_list_assignlist_toggle .mm_list_assignlist_toggle_slider_container { position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 23px; border: none; background-color: transparent; box-sizing: border-box; flex-shrink: 0; cursor: pointer; outline: none; } .mm_list_assignlist_toggle .mm_list_assignlist_toggle_slider_background { position: absolute; display: inline-block; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #cfd2d6; border-radius: 12px; transition: all 0.15s ease-in-out; } .mm_list_assignlist_toggle_action_assign .mm_list_assignlist_toggle .mm_list_assignlist_toggle_slider_background { background-color: #11c7ab; } .mm_list_assignlist_toggle .mm_list_assignlist_toggle_slider_foreground { position: absolute; display: inline-block; top: 2px; left: 2px; width: 19px; height: 19px; background-color: #fff; box-sizing: border-box; border-radius: 50%; transition: all 0.15s ease-in-out 0s; } .mm_list_assignlist_toggle_action_assign .mm_list_assignlist_toggle .mm_list_assignlist_toggle_slider_foreground { top: 2px; left: 19px; width: 19px; height: 19px; } .mm_list_assignlist_toggle .mm_list_assignlist_toggle_text_container { position: relative; display: inline-block; vertical-align: middle; margin-left: 15px; flex-grow: 1; overflow: hidden; } .mm_list_assignlist_toggle .mm_list_assignlist_toggle_text_unassign { position: absolute; top: 50%; left: 0; font-size: 14px; font-weight: 500; color: #6a6e79; transform: translateY(-50%); transition: opacity 0.2s linear; } .mm_list_assignlist_toggle .mm_list_assignlist_toggle_text_unassign::before { content: 'Unassign'; } .mm_list_assignlist_toggle .mm_list_assignlist_toggle_text_assign { position: absolute; top: 50%; left: 0; font-size: 14px; font-weight: 500; color: #2f75ff; opacity: 0; transform: translateY(-50%); transition: opacity 0.2s linear; } .mm_list_assignlist_toggle .mm_list_assignlist_toggle_text_assign::before { content: 'Assign'; } .mm_list_assignlist_toggle_action_assign .mm_list_assignlist_toggle .mm_list_assignlist_toggle_text_unassign { opacity: 0; } .mm_list_assignlist_toggle_action_assign .mm_list_assignlist_toggle .mm_list_assignlist_toggle_text_assign { opacity: 1; } .mm_list_table { width: 100%; border-collapse: collapse; margin: 0; } .mm_list_table_header_row { color: #ffffff; font-weight: bold; background-color: #999; } /* Empty Icon */ .mm_list_data_row_actionbutton_hidden .mm_list_data_col_goto_image:before { content: ''; } /* Cancel Icon */ .mm_list_data_row_actionbutton_addmode .mm_list_data_col_goto_image:before, .mm_list_data_row_actionbutton_editmode .mm_list_data_col_goto_image:before { content: '\e005'; } /* Checkmark Icon */ .mm_list_data_row_actionbutton_selectionchecked .mm_list_data_col_goto_image:before { content: '\e008'; } /* Exclamation Icon */ .mm_list_data_row_actionbutton_error .mm_list_data_col_goto_image:before { content: '\e015'; } /* Here Icon */ .mm_list_data_row_actionbutton_displayordermovetoposition .mm_list_data_col_goto_image:before { content: '\e046'; } .mm10_menubutton_menu_checkbox_container { position: relative; display: inline-flex; vertical-align: middle; margin: 0 auto; width: 20px; height: 20px; align-items: center; justify-content: center; flex-shrink: 0; } .mm10_menubutton_menu_checkbox { position: relative; width: 16px; height: 16px; background-color: #fff; border: 2px solid #c9ced8; border-radius: 3px; box-sizing: border-box; } .mm10_menubutton_menu_checkbox_container.checked .mm10_menubutton_menu_checkbox { border-color: #2f75ff; background-color: #2f75ff; } .mm10_menubutton_menu_checkbox_bg1 { position: absolute; display: none; top: 5px; left: 3px; width: 9px; height: 2px; background-color: #fff; border-radius: 1px; transform: rotate(-45deg); } .mm10_menubutton_menu_checkbox_bg2 { position: absolute; display: none; top: 6px; left: 1px; width: 5px; height: 2px; background-color: #fff; border-radius: 1px; transform: rotate(45deg); } .mm10_menubutton_menu_checkbox_container.checked .mm10_menubutton_menu_checkbox_bg1 { display: block; } .mm10_menubutton_menu_checkbox_container.checked .mm10_menubutton_menu_checkbox_bg2 { display: block; } .mm10_menubutton_menu_checkbox_item { position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; cursor: pointer; padding-left: 15px; flex-grow: 1; } .mm10_menubutton_menu_checkbox_container.radio { position: relative; display: inline-flex; vertical-align: middle; margin: 0 auto; width: 20px; height: 20px; align-items: center; justify-content: center; flex-shrink: 0; } .mm10_menubutton_menu_checkbox_container.radio .mm10_menubutton_menu_checkbox { position: relative; width: 16px; height: 16px; background-color: #fff; border: 2px solid #c9ced8; border-radius: 50%; box-sizing: border-box; } .mm10_menubutton_menu_checkbox_container.radio.checked .mm10_menubutton_menu_checkbox { border-color: #2f75ff; background-color: #2f75ff; } .mm10_menubutton_menu_checkbox_container.radio .mm10_menubutton_menu_checkbox_bg1 { position: absolute; display: none; top: 3px; left: 3px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; box-sizing: border-box; } .mm10_menubutton_menu_checkbox_container.radio .mm10_menubutton_menu_checkbox_bg2 { display: none; } .mm10_menubutton_menu_checkbox_container.radio.checked .mm10_menubutton_menu_checkbox_bg1 { display: block; } .mm10_menubutton_menu_checkbox_container.radio.checked .mm10_menubutton_menu_checkbox_bg2 { display: none; } .mm10_menubutton_menu_checkbox_container.radio .mm10_menubutton_menu_checkbox_item { position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; cursor: pointer; padding-left: 15px; flex-grow: 1; } .mm10_menubutton_menu_group_menuitem_container { position: relative; display: block; } .mm10_menubutton_menu_group_header_container > .mm9_menubutton_menu_section_header { cursor: default; } .mm10_menubutton_menu_group_collapsible_header_container { position: relative; display: block; padding-right: 30px; flex-grow: 1; } .mm10_menubutton_menu_group_collapsible_header_text { position: relative; display: block; } .mm10_menubutton_menu_group_collapsible_header_dropdown { position: absolute; display: block; top: 50%; right: 2px; width: 9px; height: 6px; border: none; background: none; transform: translateY(-50%) rotate(90deg); transition: all 0.2s linear; } .mm10_menubutton_menu_collapsible_group_expanded .mm10_menubutton_menu_group_collapsible_header_dropdown { transform: translateY(-50%); } .mm10_menubutton_menu_group_collapsible_header_dropdown_bg1 { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: #2f75ff; transform: rotate(40deg); transition: all 0.2s linear; } .mm9_menubutton_menu_item_disabled .mm10_menubutton_menu_group_collapsible_header_dropdown_bg1 { background-color: #c3c4c9; } .mm10_menubutton_menu_collapsible_group_expanded .mm10_menubutton_menu_group_collapsible_header_dropdown_bg1 { transform: rotate(-40deg); } .mm10_menubutton_menu_group_collapsible_header_dropdown_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: #2f75ff; transform: rotate(-40deg); transition: all 0.2s linear; } .mm9_menubutton_menu_item_disabled .mm10_menubutton_menu_group_collapsible_header_dropdown_bg2 { background-color: #c3c4c9; } .mm10_menubutton_menu_collapsible_group_expanded .mm10_menubutton_menu_group_collapsible_header_dropdown_bg2 { transform: rotate(40deg); } .mm10_menubutton_menu_collapsible_group_container .mm10_menubutton_menu_group_menuitem_container { display: none; } .mm10_menubutton_menu_collapsible_group_container.mm10_menubutton_menu_collapsible_group_visible .mm10_menubutton_menu_group_menuitem_container, .mm10_menubutton_menu_collapsible_group_container.mm10_menubutton_menu_collapsible_group_expanded .mm10_menubutton_menu_group_menuitem_container { display: block; } .mm10_menubutton_menu_collapsible_group_container:not(.mm10_menubutton_menu_collapsible_group_visible) .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item { position: relative; display: flex; height: 29px; padding: 0 24px 0 39px; align-items: center; white-space: nowrap; text-align: left; font-weight: normal; font-size: 12px; color: #6a6e79; cursor: pointer; } .mm10_menubutton_menu_collapsible_group_container:not(.mm10_menubutton_menu_collapsible_group_visible) .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { color: #2f75ff; background-color: #f2f4f7; } .mm10_menubutton_menu_item_collapsible_header_toggle_container { position: relative; display: block; width: 40px; } .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown { position: absolute; display: block; top: 50%; right: 2px; width: 8px; height: 8px; border: none; background: none; transform: translateY(-50%); transition: all 0.2s linear; } .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg1 { position: absolute; top: 3px; left: 0; width: 8px; height: 2px; background-color: #8b8f98; border-radius: 1px; transition: all 0.2s linear; } .mm10_menubutton_menu_collapsible_item_expanded .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg1 { transform: rotate(-180deg); } .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg2 { position: absolute; top: 0; left: 3px; width: 2px; height: 8px; background-color: #8b8f98; border-radius: 1px; transition: all 0.2s linear; } .mm10_menubutton_menu_collapsible_item_expanded .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg2 { transform: rotate(90deg); } .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg1, .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg2 { background-color: #2f75ff; } .mm10_menubutton_menu_collapsible_item_container .mm10_menubutton_menu_group_menuitem_container { display: none; } .mm10_menubutton_menu_collapsible_item_container > .mm10_menubutton_menu_group_header_container > .mm10_menubutton_menu_collapsible_item_header_group_container > .mm10_menubutton_menu_group_menuitem_container { position: relative; display: flex; } .mm10_menubutton_menu_collapsible_item_container > .mm10_menubutton_menu_group_header_container > .mm10_menubutton_menu_collapsible_item_header_group_container > .mm10_menubutton_menu_group_menuitem_container > .mm10_menubutton_menu_item_collapsible_header_item_container { flex-grow: 1; } .mm10_menubutton_menu_collapsible_item_container > .mm10_menubutton_menu_group_header_container > .mm10_menubutton_menu_collapsible_item_header_group_container > .mm10_menubutton_menu_group_menuitem_container > .mm10_menubutton_menu_item_collapsible_header_toggle_container { width: 40px; flex-grow: 0; flex-shrink: 0; } .mm10_menubutton_menu_collapsible_item_container.mm10_menubutton_menu_collapsible_item_expanded .mm10_menubutton_menu_group_menuitem_container { display: block; } .mm10_menubutton_container_style_common { position: relative; display: inline-block; } .mm10_button_style_primary, .mm10_button_style_primary_alternate_background_1, .mm10_button_style_alternative_1, .mm10_button_style_primary_muted, .mm10_button_style_secondary, .mm10_button_style_secondary_borderless, .mm10_button_style_primary_muted_borderless, .mm10_button_style_negative, .mm10_button_style_negative_muted { position: relative; display: inline-flex; vertical-align: middle; padding: 0 25px; height: 44px; text-align: center; line-height: 1; background: transparent; border: 1px solid transparent; border-radius: 4px; align-items: center; justify-content: center; box-shadow: none; cursor: pointer; outline: none; transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm10_button_style_primary.menubutton, .mm10_button_style_primary_alternate_background_1.menubutton, .mm10_button_style_alternative_1.menubutton, .mm10_button_style_primary_muted.menubutton, .mm10_button_style_secondary.menubutton, .mm10_button_style_secondary_borderless.menubutton, .mm10_button_style_primary_muted_borderless.menubutton, .mm10_button_style_negative.menubutton, .mm10_button_style_negative_muted.menubutton { padding-right: 55px; } .mm10_button_style_primary.mm_hybridmenubutton_button, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button, .mm10_button_style_alternative_1.mm_hybridmenubutton_button, .mm10_button_style_primary_muted.mm_hybridmenubutton_button, .mm10_button_style_secondary.mm_hybridmenubutton_button, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button, .mm10_button_style_negative.mm_hybridmenubutton_button, .mm10_button_style_negative_muted.mm_hybridmenubutton_button { padding-right: 69px; } .mm10_button_style_primary.tertiary, .mm10_button_style_primary_alternate_background_1.tertiary, .mm10_button_style_alternative_1.tertiary, .mm10_button_style_primary_muted.tertiary, .mm10_button_style_secondary.tertiary, .mm10_button_style_secondary_borderless.tertiary, .mm10_button_style_primary_muted_borderless.tertiary, .mm10_button_style_negative.tertiary, .mm10_button_style_negative_muted.tertiary, .mm10_button_style_primary.icon, .mm10_button_style_primary_alternate_background_1.icon, .mm10_button_style_alternative_1.icon, .mm10_button_style_primary_muted.icon, .mm10_button_style_secondary.icon, .mm10_button_style_secondary_borderless.icon, .mm10_button_style_primary_muted_borderless.icon, .mm10_button_style_negative.icon, .mm10_button_style_negative_muted.icon { padding: 0; width: 44px; height: 44px; } .mm10_button_style_primary.small, .mm10_button_style_primary_alternate_background_1.small, .mm10_button_style_alternative_1.small, .mm10_button_style_primary_muted.small, .mm10_button_style_secondary.small, .mm10_button_style_secondary_borderless.small, .mm10_button_style_primary_muted_borderless.small, .mm10_button_style_negative.small, .mm10_button_style_negative_muted.small { padding: 0 15px; height: 30px; } .mm10_button_style_primary.small.menubutton, .mm10_button_style_primary_alternate_background_1.small.menubutton, .mm10_button_style_alternative_1.small.menubutton, .mm10_button_style_primary_muted.small.menubutton, .mm10_button_style_secondary.small.menubutton, .mm10_button_style_secondary_borderless.small.menubutton, .mm10_button_style_primary_muted_borderless.small.menubutton, .mm10_button_style_negative.small.menubutton, .mm10_button_style_negative_muted.small.menubutton { padding-right: 32px; } .mm10_button_style_primary.small.mm_hybridmenubutton_button, .mm10_button_style_primary_alternate_background_1.small.mm_hybridmenubutton_button, .mm10_button_style_alternative_1.small.mm_hybridmenubutton_button, .mm10_button_style_primary_muted.small.mm_hybridmenubutton_button, .mm10_button_style_secondary.small.mm_hybridmenubutton_button, .mm10_button_style_secondary_borderless.small.mm_hybridmenubutton_button, .mm10_button_style_primary_muted_borderless.small.mm_hybridmenubutton_button, .mm10_button_style_negative.small.mm_hybridmenubutton_button, .mm10_button_style_negative_muted.small.mm_hybridmenubutton_button { padding-right: 45px; } .mm10_button_style_primary.small.tertiary, .mm10_button_style_primary_alternate_background_1.small.tertiary, .mm10_button_style_alternative_1.small.tertiary, .mm10_button_style_primary_muted.small.tertiary, .mm10_button_style_secondary.small.tertiary, .mm10_button_style_secondary_borderless.small.tertiary, .mm10_button_style_primary_muted_borderless.small.tertiary, .mm10_button_style_negative.small.tertiary, .mm10_button_style_negative_muted.small.tertiary, .mm10_button_style_primary.small.icon, .mm10_button_style_primary_alternate_background_1.small.icon, .mm10_button_style_alternative_1.small.icon, .mm10_button_style_primary_muted.small.icon, .mm10_button_style_secondary.small.icon, .mm10_button_style_secondary_borderless.small.icon, .mm10_button_style_primary_muted_borderless.small.icon, .mm10_button_style_negative.small.icon, .mm10_button_style_negative_muted.small.icon { padding: 0; width: 30px; height: 30px; } .mm10_button_style_primary.regular, .mm10_button_style_primary_alternate_background_1.regular, .mm10_button_style_alternative_1.regular, .mm10_button_style_primary_muted.regular, .mm10_button_style_secondary.regular, .mm10_button_style_secondary_borderless.regular, .mm10_button_style_primary_muted_borderless.regular, .mm10_button_style_negative.regular, .mm10_button_style_negative_muted.regular { padding: 0 25px; height: 40px; } .mm10_button_style_primary.regular.menubutton, .mm10_button_style_primary_alternate_background_1.regular.menubutton, .mm10_button_style_alternative_1.regular.menubutton, .mm10_button_style_primary_muted.regular.menubutton, .mm10_button_style_secondary.regular.menubutton, .mm10_button_style_secondary_borderless.regular.menubutton, .mm10_button_style_primary_muted_borderless.regular.menubutton, .mm10_button_style_negative.regular.menubutton, .mm10_button_style_negative_muted.regular.menubutton { padding-right: 55px; } .mm10_button_style_primary.regular.mm_hybridmenubutton_button, .mm10_button_style_primary_alternate_background_1.regular.mm_hybridmenubutton_button, .mm10_button_style_alternative_1.regular.mm_hybridmenubutton_button, .mm10_button_style_primary_muted.regular.mm_hybridmenubutton_button, .mm10_button_style_secondary.regular.mm_hybridmenubutton_button, .mm10_button_style_secondary_borderless.regular.mm_hybridmenubutton_button, .mm10_button_style_primary_muted_borderless.regular.mm_hybridmenubutton_button, .mm10_button_style_negative.regular.mm_hybridmenubutton_button, .mm10_button_style_negative_muted.regular.mm_hybridmenubutton_button { padding-right: 65px; } .mm10_button_style_primary.regular.tertiary, .mm10_button_style_primary_alternate_background_1.regular.tertiary, .mm10_button_style_alternative_1.regular.tertiary, .mm10_button_style_primary_muted.regular.tertiary, .mm10_button_style_secondary.regular.tertiary, .mm10_button_style_secondary_borderless.regular.tertiary, .mm10_button_style_primary_muted_borderless.regular.tertiary, .mm10_button_style_negative.regular.tertiary, .mm10_button_style_negative_muted.regular.tertiary, .mm10_button_style_primary.regular.icon, .mm10_button_style_primary_alternate_background_1.regular.icon, .mm10_button_style_alternative_1.regular.icon, .mm10_button_style_primary_muted.regular.icon, .mm10_button_style_secondary.regular.icon, .mm10_button_style_secondary_borderless.regular.icon, .mm10_button_style_primary_muted_borderless.regular.icon, .mm10_button_style_negative.regular.icon, .mm10_button_style_negative_muted.regular.icon { padding: 0; width: 40px; height: 40px; } .mm10_button_style_primary.medium, .mm10_button_style_primary_alternate_background_1.medium, .mm10_button_style_alternative_1.medium, .mm10_button_style_primary_muted.medium, .mm10_button_style_secondary.medium, .mm10_button_style_secondary_borderless.medium, .mm10_button_style_primary_muted_borderless.medium, .mm10_button_style_negative.medium, .mm10_button_style_negative_muted.medium { padding: 0 25px; height: 44px; } .mm10_button_style_primary.medium.menubutton, .mm10_button_style_primary_alternate_background_1.medium.menubutton, .mm10_button_style_alternative_1.medium.menubutton, .mm10_button_style_primary_muted.medium.menubutton, .mm10_button_style_secondary.medium.menubutton, .mm10_button_style_secondary_borderless.medium.menubutton, .mm10_button_style_primary_muted_borderless.medium.menubutton, .mm10_button_style_negative.medium.menubutton, .mm10_button_style_negative_muted.medium.menubutton { padding-right: 55px; } .mm10_button_style_primary.medium.mm_hybridmenubutton_button, .mm10_button_style_primary_alternate_background_1.medium.mm_hybridmenubutton_button, .mm10_button_style_alternative_1.medium.mm_hybridmenubutton_button, .mm10_button_style_primary_muted.medium.mm_hybridmenubutton_button, .mm10_button_style_secondary.medium.mm_hybridmenubutton_button, .mm10_button_style_secondary_borderless.medium.mm_hybridmenubutton_button, .mm10_button_style_primary_muted_borderless.medium.mm_hybridmenubutton_button, .mm10_button_style_negative.medium.mm_hybridmenubutton_button, .mm10_button_style_negative_muted.medium.mm_hybridmenubutton_button { padding-right: 69px; } .mm10_button_style_primary.medium.tertiary, .mm10_button_style_primary_alternate_background_1.medium.tertiary, .mm10_button_style_alternative_1.medium.tertiary, .mm10_button_style_primary_muted.medium.tertiary, .mm10_button_style_secondary.medium.tertiary, .mm10_button_style_secondary_borderless.medium.tertiary, .mm10_button_style_primary_muted_borderless.medium.tertiary, .mm10_button_style_negative.medium.tertiary, .mm10_button_style_negative_muted.medium.tertiary, .mm10_button_style_primary.medium.icon, .mm10_button_style_primary_alternate_background_1.medium.icon, .mm10_button_style_alternative_1.medium.icon, .mm10_button_style_primary_muted.medium.icon, .mm10_button_style_secondary.medium.icon, .mm10_button_style_secondary_borderless.medium.icon, .mm10_button_style_primary_muted_borderless.medium.icon, .mm10_button_style_negative.medium.icon, .mm10_button_style_negative_muted.medium.icon { padding: 0; width: 44px; height: 44px; } .mm10_button_style_primary.large, .mm10_button_style_primary_alternate_background_1.large, .mm10_button_style_alternative_1.large, .mm10_button_style_primary_muted.large, .mm10_button_style_secondary.large, .mm10_button_style_secondary_borderless.large, .mm10_button_style_primary_muted_borderless.large, .mm10_button_style_negative.large, .mm10_button_style_negative_muted.large { padding: 0 25px; height: 50px; } .mm10_button_style_primary.large.menubutton, .mm10_button_style_primary_alternate_background_1.large.menubutton, .mm10_button_style_alternative_1.large.menubutton, .mm10_button_style_primary_muted.large.menubutton, .mm10_button_style_secondary.large.menubutton, .mm10_button_style_secondary_borderless.large.menubutton, .mm10_button_style_primary_muted_borderless.large.menubutton, .mm10_button_style_negative.large.menubutton, .mm10_button_style_negative_muted.large.menubutton { padding-right: 55px; } .mm10_button_style_primary.large.mm_hybridmenubutton_button, .mm10_button_style_primary_alternate_background_1.large.mm_hybridmenubutton_button, .mm10_button_style_alternative_1.large.mm_hybridmenubutton_button, .mm10_button_style_primary_muted.large.mm_hybridmenubutton_button, .mm10_button_style_secondary.large.mm_hybridmenubutton_button, .mm10_button_style_secondary_borderless.large.mm_hybridmenubutton_button, .mm10_button_style_primary_muted_borderless.large.mm_hybridmenubutton_button, .mm10_button_style_negative.large.mm_hybridmenubutton_button, .mm10_button_style_negative_muted.large.mm_hybridmenubutton_button { padding-right: 75px; } .mm10_button_style_primary.large.tertiary, .mm10_button_style_primary_alternate_background_1.large.tertiary, .mm10_button_style_alternative_1.large.tertiary, .mm10_button_style_primary_muted.large.tertiary, .mm10_button_style_secondary.large.tertiary, .mm10_button_style_secondary_borderless.large.tertiary, .mm10_button_style_primary_muted_borderless.large.tertiary, .mm10_button_style_negative.large.tertiary, .mm10_button_style_negative_muted.large.tertiary, .mm10_button_style_primary.large.icon, .mm10_button_style_primary_alternate_background_1.large.icon, .mm10_button_style_alternative_1.large.icon, .mm10_button_style_primary_muted.large.icon, .mm10_button_style_secondary.large.icon, .mm10_button_style_secondary_borderless.large.icon, .mm10_button_style_primary_muted_borderless.large.icon, .mm10_button_style_negative.large.icon, .mm10_button_style_negative_muted.large.icon { padding: 0; width: 50px; height: 50px; } .mm10_button_style_primary.whole, .mm10_button_style_primary_alternate_background_1.whole, .mm10_button_style_alternative_1.whole, .mm10_button_style_primary_muted.whole, .mm10_button_style_secondary.whole, .mm10_button_style_secondary_borderless.whole, .mm10_button_style_primary_muted_borderless.whole, .mm10_button_style_negative.whole, .mm10_button_style_negative_muted.whole { display: flex; width: auto; } .mm10_button_style_primary .mm9_button_image, .mm10_button_style_primary .mm9_button_text, .mm10_button_style_primary_alternate_background_1 .mm9_button_image, .mm10_button_style_primary_alternate_background_1 .mm9_button_text, .mm10_button_style_alternative_1 .mm9_button_image, .mm10_button_style_alternative_1 .mm9_button_text, .mm10_button_style_primary_muted .mm9_button_image, .mm10_button_style_primary_muted .mm9_button_text, .mm10_button_style_secondary .mm9_button_image, .mm10_button_style_secondary .mm9_button_text, .mm10_button_style_secondary_borderless .mm9_button_image, .mm10_button_style_secondary_borderless .mm9_button_text, .mm10_button_style_primary_muted_borderless .mm9_button_image, .mm10_button_style_primary_muted_borderless .mm9_button_text, .mm10_button_style_negative .mm9_button_image, .mm10_button_style_negative .mm9_button_text, .mm10_button_style_negative_muted .mm9_button_image, .mm10_button_style_negative_muted .mm9_button_text { color: transparent; font-size: 14px; font-weight: 500; transition: color 0.2s linear; } .mm10_button_style_primary .mm9_button_text, .mm10_button_style_primary_alternate_background_1 .mm9_button_text, .mm10_button_style_alternative_1 .mm9_button_text, .mm10_button_style_primary_muted .mm9_button_text, .mm10_button_style_secondary .mm9_button_text, .mm10_button_style_secondary_borderless .mm9_button_text, .mm10_button_style_primary_muted_borderless .mm9_button_text, .mm10_button_style_negative .mm9_button_text, .mm10_button_style_negative_muted .mm9_button_text { padding: 0; font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: 500; letter-spacing: 0.010em; } .mm10_button_style_primary.small .mm9_button_text, .mm10_button_style_primary_alternate_background_1.small .mm9_button_text, .mm10_button_style_alternative_1.small .mm9_button_text, .mm10_button_style_primary_muted.small .mm9_button_text, .mm10_button_style_secondary.small .mm9_button_text, .mm10_button_style_secondary_borderless.small .mm9_button_text, .mm10_button_style_primary_muted_borderless.small .mm9_button_text, .mm10_button_style_negative.small .mm9_button_text, .mm10_button_style_negative_muted.small .mm9_button_text { font-size: 12px; } .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon { position: relative; display: block; width: 23px; height: 5px; } .mm10_button_style_primary.small.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_primary_alternate_background_1.small.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_alternative_1.small.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_primary_muted.small.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_secondary.small.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_secondary_borderless.small.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_primary_muted_borderless.small.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_negative.small.tertiary .mm10_button_style_xxx_tertiary_icon, .mm10_button_style_negative_muted.small.tertiary .mm10_button_style_xxx_tertiary_icon { width: 15px; height: 3px; } .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg1 { position: absolute; top: 0; left: 0; width: 5px; height: 5px; background-color: transparent; border-radius: 50%; transition: transform 0.2s linear, background-color 0.2s linear; } .mm10_button_style_primary.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_alternate_background_1.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_alternative_1.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary_borderless.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted_borderless.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative_muted.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg1 { top: 0; left: 0; width: 3px; height: 3px; } .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg2 { position: absolute; top: 0; left: 9px; width: 5px; height: 5px; background-color: transparent; border-radius: 50%; transition: transform 0.2s linear, background-color 0.2s linear; } .mm10_button_style_primary.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_alternate_background_1.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_alternative_1.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary_borderless.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted_borderless.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative_muted.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg2 { top: 0; left: 6px; width: 3px; height: 3px; } .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { position: absolute; top: 0; left: 18px; width: 5px; height: 5px; background-color: transparent; border-radius: 50%; transition: transform 0.2s linear, background-color 0.2s linear; } .mm10_button_style_primary.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_primary_alternate_background_1.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_alternative_1.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_primary_muted.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_secondary.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_secondary_borderless.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_primary_muted_borderless.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_negative.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_button_style_negative_muted.small.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { top: 0; left: 12px; width: 3px; height: 3px; } .mm10_button_style_primary.menubutton .mm9_menubutton_dropdown, .mm10_button_style_primary_alternate_background_1.menubutton .mm9_menubutton_dropdown, .mm10_button_style_alternative_1.menubutton .mm9_menubutton_dropdown, .mm10_button_style_primary_muted.menubutton .mm9_menubutton_dropdown, .mm10_button_style_secondary.menubutton .mm9_menubutton_dropdown, .mm10_button_style_secondary_borderless.menubutton .mm9_menubutton_dropdown, .mm10_button_style_primary_muted_borderless.menubutton .mm9_menubutton_dropdown, .mm10_button_style_negative.menubutton .mm9_menubutton_dropdown, .mm10_button_style_negative_muted.menubutton .mm9_menubutton_dropdown { position: absolute; display: block; top: 50%; right: 25px; width: 9px; height: 6px; border: none; background: none; transform: translateY(-50%); } .mm10_button_style_primary.small.menubutton .mm9_menubutton_dropdown, .mm10_button_style_primary_alternate_background_1.small.menubutton .mm9_menubutton_dropdown, .mm10_button_style_alternative_1.small.menubutton .mm9_menubutton_dropdown, .mm10_button_style_primary_muted.small.menubutton .mm9_menubutton_dropdown, .mm10_button_style_secondary.small.menubutton .mm9_menubutton_dropdown, .mm10_button_style_secondary_borderless.small.menubutton .mm9_menubutton_dropdown, .mm10_button_style_primary_muted_borderless.small.menubutton .mm9_menubutton_dropdown, .mm10_button_style_negative.small.menubutton .mm9_menubutton_dropdown, .mm10_button_style_negative_muted.small.menubutton .mm9_menubutton_dropdown { right: 15px; } .mm10_button_style_primary.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_alternate_background_1.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_alternative_1.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_muted.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_secondary.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_secondary_borderless.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_muted_borderless.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_negative.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_negative_muted.menubutton .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: transparent; transform: rotate(-40deg); transition: transform 0.2s linear, background-color 0.2s linear; } .mm10_menubutton_container_style_common.active .mm10_button_style_primary.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.menubutton .mm9_menubutton_dropdown_bg1 { transform: rotate(40deg); } .mm10_button_style_primary.menubutton .mm9_menubutton_dropdown_bg2, .mm10_button_style_primary_alternate_background_1.menubutton .mm9_menubutton_dropdown_bg2, .mm10_button_style_alternative_1.menubutton .mm9_menubutton_dropdown_bg2, .mm10_button_style_primary_muted.menubutton .mm9_menubutton_dropdown_bg2, .mm10_button_style_secondary.menubutton .mm9_menubutton_dropdown_bg2, .mm10_button_style_secondary_borderless.menubutton .mm9_menubutton_dropdown_bg2, .mm10_button_style_primary_muted_borderless.menubutton .mm9_menubutton_dropdown_bg2, .mm10_button_style_negative.menubutton .mm9_menubutton_dropdown_bg2, .mm10_button_style_negative_muted.menubutton .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: transparent; transform: rotate(40deg); transition: transform 0.2s linear, background-color 0.2s linear; } .mm10_menubutton_container_style_common.active .mm10_button_style_primary.menubutton .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.menubutton .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.menubutton .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.menubutton .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.menubutton .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.menubutton .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.menubutton .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.menubutton .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.menubutton .mm9_menubutton_dropdown_bg2 { transform: rotate(-40deg); } .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown, .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown, .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown, .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown, .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown, .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown { position: absolute; display: block; top: 0; right: 0; bottom: 0; width: 44px; height: auto; border: none; background: none; } .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before, .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before, .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { position: absolute; display: block; top: 50%; left: 0; width: 1px; height: 18px; background-color: transparent; transform: translateY(-50%); transition: background-color 0.2s linear; content: ''; } .mm10_button_style_primary.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown, .mm10_button_style_secondary.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown, .mm10_button_style_negative.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown { width: 30px; } .mm10_button_style_primary.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown::before, .mm10_button_style_secondary.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown::before, .mm10_button_style_negative.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.small .mm9_menubutton_dropdown::before { height: 16px; } .mm10_button_style_primary.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown, .mm10_button_style_secondary.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown, .mm10_button_style_negative.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown { width: 40px; } .mm10_button_style_primary.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown::before, .mm10_button_style_secondary.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown::before, .mm10_button_style_negative.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.regular .mm9_menubutton_dropdown::before { height: 18px; } .mm10_button_style_primary.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown, .mm10_button_style_secondary.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown, .mm10_button_style_negative.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown { width: 44px; } .mm10_button_style_primary.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown::before, .mm10_button_style_secondary.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown::before, .mm10_button_style_negative.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.medium .mm9_menubutton_dropdown::before { height: 20px; } .mm10_button_style_primary.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown, .mm10_button_style_secondary.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown, .mm10_button_style_negative.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown { width: 50px; } .mm10_button_style_primary.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown::before, .mm10_button_style_secondary.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown::before, .mm10_button_style_negative.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.large .mm9_menubutton_dropdown::before { height: 22px; } .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1, .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1, .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1, .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1, .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1 { position: absolute; top: 50%; left: 50%; width: 9px; height: 6px; transform: translate(-50%, -50%); } .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg2, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg2, .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg2, .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg2, .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg2, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg2, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg2, .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg2, .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg2 { display: none; } .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: transparent; transform: rotate(-40deg); transition: all 0.2s linear; content: ''; } .mm10_menubutton_container_style_common.active .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before { transform: rotate(40deg); } .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: transparent; transform: rotate(40deg); transition: all 0.2s linear; content: ''; } .mm10_menubutton_container_style_common.active .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { transform: rotate(-40deg); } /* Primary button styles */ .mm10_button_style_primary { background: #2f75ff; border-color: #2f75ff; } .mm10_button_style_primary.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm10_button_style_primary:hover { background-color: #1a5cde; border-color: #1a5cde; box-shadow: 0 8px 15px rgba( 31, 67, 137, 0.36 ); } .mm10_button_style_primary.active, .mm10_menubutton_container_style_common.active .mm10_button_style_primary { background-color: #1f4389; border-color: #1f4389; box-shadow: none; } .mm10_button_style_primary.disabled, .mm10_button_style_primary.disabled:hover, .mm10_button_style_primary.disabled.focus, .mm10_button_style_primary.disabled.active, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.disabled { background-color: #add0ff; border-color: #add0ff; box-shadow: none; } .mm10_button_style_primary .mm9_button_image, .mm10_button_style_primary .mm9_button_text { color: #fff; } .mm10_button_style_primary.active .mm9_button_image, .mm10_button_style_primary.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_primary .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_primary .mm9_button_text { color: #fff; } .mm10_button_style_primary.disabled .mm9_button_image, .mm10_button_style_primary.disabled:hover .mm9_button_image, .mm10_button_style_primary.disabled.focus .mm9_button_image, .mm10_button_style_primary.disabled.active .mm9_button_image, .mm10_button_style_primary.disabled .mm9_button_text, .mm10_button_style_primary.disabled:hover .mm9_button_text, .mm10_button_style_primary.disabled.focus .mm9_button_text, .mm10_button_style_primary.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.disabled .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.disabled .mm9_button_text { color: #d9e8ff; } .mm10_button_style_primary.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_menubutton_container_style_common .mm10_button_style_primary.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_primary.menubutton:hover .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common .mm10_button_style_primary.menubutton.active .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_primary.menubutton.active .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_button_style_primary.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #d9e8ff; } .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #1a5cde; } .mm10_button_style_primary.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown::before { background-color: #1f4389; } .mm10_button_style_primary.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #fff; } .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_primary.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_primary.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_primary.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_primary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown::before, .mm10_button_style_primary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after { background-color: #d9e8ff; } .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_primary.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_primary.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_primary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #d9e8ff; } /* Primary button styles when displayed on blue background */ .mm10_button_style_primary_alternate_background_1 { background: #4f8aff; border-color: #4f8aff; } .mm10_button_style_primary_alternate_background_1.focus { box-shadow: 0 0 0 3px #539cff; } .mm10_button_style_primary_alternate_background_1:hover { box-shadow: 0 8px 15px rgba( 16, 62, 154, 0.25 ); } .mm10_button_style_primary_alternate_background_1.active, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1 { box-shadow: 0 8px 15px rgba( 16, 62, 154, 0.25 ); } .mm10_button_style_primary_alternate_background_1.disabled, .mm10_button_style_primary_alternate_background_1.disabled:hover, .mm10_button_style_primary_alternate_background_1.disabled.focus, .mm10_button_style_primary_alternate_background_1.disabled.active, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.disabled { background-color: #4f8aff; box-shadow: none; } .mm10_button_style_primary_alternate_background_1 .mm9_button_image, .mm10_button_style_primary_alternate_background_1 .mm9_button_text { color: #fff; } .mm10_button_style_primary_alternate_background_1.active .mm9_button_image, .mm10_button_style_primary_alternate_background_1.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1 .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1 .mm9_button_text { color: #fff; } .mm10_button_style_primary_alternate_background_1.disabled .mm9_button_image, .mm10_button_style_primary_alternate_background_1.disabled:hover .mm9_button_image, .mm10_button_style_primary_alternate_background_1.disabled.focus .mm9_button_image, .mm10_button_style_primary_alternate_background_1.disabled.active .mm9_button_image, .mm10_button_style_primary_alternate_background_1.disabled .mm9_button_text, .mm10_button_style_primary_alternate_background_1.disabled:hover .mm9_button_text, .mm10_button_style_primary_alternate_background_1.disabled.focus .mm9_button_text, .mm10_button_style_primary_alternate_background_1.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.disabled .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.disabled .mm9_button_text { color: #9bbdff; } .mm10_button_style_primary_alternate_background_1.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_alternate_background_1.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_menubutton_container_style_common .mm10_button_style_primary_alternate_background_1.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_primary_alternate_background_1.menubutton:hover .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common .mm10_button_style_primary_alternate_background_1.menubutton.active .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_primary_alternate_background_1.menubutton.active .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_alternate_background_1.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #9bbdff; } .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown::before { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::after, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after { background-color: #9bbdff; } .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_alternate_background_1.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_alternate_background_1.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.tertiary. .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_alternate_background_1.tertiary. .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_alternate_background_1.tertiary. .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_primary_alternate_background_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_alternate_background_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_alternate_background_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_alternate_background_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #9bbdff; } /* Alternative button styles */ .mm10_button_style_alternative_1 { background-color: #f0f5ff; border: 1px solid #d3e2ff; } .mm10_button_style_alternative_1.focus { background-color: #f2f4f7; border-color: #d3e2ff; box-shadow: 0 0 0 3px #f2f4f7; } .mm10_button_style_alternative_1:hover { background-color: #2f75ff; border-color: #2f75ff; box-shadow: 0 8px 15px rgba( 47, 117, 255, 0.36 ); } .mm10_button_style_alternative_1.active, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1 { background-color: #f2f4f7; border-color: #2f75ff; box-shadow: none; } .mm10_button_style_alternative_1.disabled, .mm10_button_style_alternative_1.disabled:hover, .mm10_button_style_alternative_1.disabled.focus, .mm10_button_style_alternative_1.disabled.active, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.disabled { background-color: #f0f5ff; border-color: #d3e2ff; box-shadow: none; } .mm10_button_style_alternative_1 .mm9_button_image, .mm10_button_style_alternative_1 .mm9_button_text { color: #2f75ff; } .mm10_button_style_alternative_1:hover .mm9_button_image, .mm10_button_style_alternative_1:hover .mm9_button_text { color: #fff; } .mm10_button_style_alternative_1.active .mm9_button_image, .mm10_button_style_alternative_1.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1 .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1 .mm9_button_text { color: #2f75ff; } .mm10_button_style_alternative_1.disabled .mm9_button_image, .mm10_button_style_alternative_1.disabled:hover .mm9_button_image, .mm10_button_style_alternative_1.disabled.focus .mm9_button_image, .mm10_button_style_alternative_1.disabled.active .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.disabled .mm9_button_image, .mm10_button_style_alternative_1.disabled .mm9_button_text, .mm10_button_style_alternative_1.disabled:hover .mm9_button_text, .mm10_button_style_alternative_1.disabled.focus .mm9_button_text, .mm10_button_style_alternative_1.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.disabled .mm9_button_text { color: #add0ff; } .mm10_button_style_alternative_1.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_alternative_1.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_menubutton_container_style_common .mm10_button_style_alternative_1.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_alternative_1.menubutton:hover .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_menubutton_container_style_common .mm10_button_style_alternative_1.menubutton.active .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_alternative_1.menubutton.active .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_button_style_alternative_1.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_button_style_alternative_1.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #add0ff; } .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #d3e2fe; } .mm10_button_style_alternative_1.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown::before { background-color: #fff; } .mm10_button_style_alternative_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown::before, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #2f75ff; } .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_alternative_1.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_alternative_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_alternative_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_alternative_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_alternative_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after { background-color: #add0ff; } .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_alternative_1.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_alternative_1.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_alternative_1.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_alternative_1.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_alternative_1.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_alternative_1.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_alternative_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_alternative_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_alternative_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_alternative_1.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #add0ff; } /* Primary (muted) button styles */ .mm10_button_style_primary_muted { background-color: #fff; border-color: #d3e2ff; } .mm10_button_style_primary_muted.focus { background-color: #fff; border-color: #d3e2ff; box-shadow: 0 0 0 3px #f2f4f7; } .mm10_button_style_primary_muted:hover { background-color: #2f75ff; border-color: #2f75ff; box-shadow: 0 8px 15px rgba( 47, 117, 255, 0.36 ); } .mm10_button_style_primary_muted.active, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted { background-color: #fff; border-color: #2f75ff; box-shadow: none; } .mm10_button_style_primary_muted.disabled, .mm10_button_style_primary_muted.disabled:hover, .mm10_button_style_primary_muted.disabled.focus, .mm10_button_style_primary_muted.disabled.active, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.disabled { background-color: #fff; border-color: #f2f4f7; box-shadow: none; } .mm10_button_style_primary_muted .mm9_button_image, .mm10_button_style_primary_muted .mm9_button_text { color: #2f75ff; } .mm10_button_style_primary_muted:hover .mm9_button_image, .mm10_button_style_primary_muted:hover .mm9_button_text { color: #fff; } .mm10_button_style_primary_muted.active .mm9_button_image, .mm10_button_style_primary_muted.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted .mm9_button_text { color: #2f75ff; } .mm10_button_style_primary_muted.disabled .mm9_button_image, .mm10_button_style_primary_muted.disabled:hover .mm9_button_image, .mm10_button_style_primary_muted.disabled.focus .mm9_button_image, .mm10_button_style_primary_muted.disabled.active .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.disabled .mm9_button_image, .mm10_button_style_primary_muted.disabled .mm9_button_text, .mm10_button_style_primary_muted.disabled:hover .mm9_button_text, .mm10_button_style_primary_muted.disabled.focus .mm9_button_text, .mm10_button_style_primary_muted.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.disabled .mm9_button_text { color: #add0ff; } .mm10_button_style_primary_muted.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_muted.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_menubutton_container_style_common .mm10_button_style_primary_muted.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_primary_muted.menubutton:hover .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_menubutton_container_style_common .mm10_button_style_primary_muted.menubutton.active .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_primary_muted.menubutton.active .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_button_style_primary_muted.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_muted.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #d3e2fe; } .mm10_button_style_primary_muted.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown::before { background-color: #fff; } .mm10_button_style_primary_muted.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #2f75ff; } .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_primary_muted.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_primary_muted.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_primary_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after { background-color: #add0ff; } .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_primary_muted.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_primary_muted.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_primary_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #add0ff; } /* Secondary button styles */ .mm10_button_style_secondary { background: #fff; border-color: #e0e1e4; } .mm10_button_style_secondary.focus { box-shadow: 0 0 0 3px #e9ecf0; } .mm10_button_style_secondary:hover { border-color: #d3e2ff; box-shadow: none; } .mm10_button_style_secondary.active, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary { border-color: #2f75ff; box-shadow: none; } .mm10_button_style_secondary .mm9_button_image, .mm10_button_style_secondary .mm9_button_text { color: #6a6e79; } .mm10_button_style_secondary.focus .mm9_button_image, .mm10_button_style_secondary.focus .mm9_button_text { color: #6a6e79; } .mm10_button_style_secondary:hover .mm9_button_image, .mm10_button_style_secondary:hover .mm9_button_text { color: #2f75ff; } .mm10_button_style_secondary.active .mm9_button_image, .mm10_button_style_secondary.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary .mm9_button_text { color: #2f75ff; } .mm10_button_style_secondary.disabled, .mm10_button_style_secondary.disabled:hover, .mm10_button_style_secondary.disabled.focus, .mm10_button_style_secondary.disabled.active, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.disabled { border-color: #e0e1e4; } .mm10_button_style_secondary.disabled .mm9_button_image, .mm10_button_style_secondary.disabled:hover .mm9_button_image, .mm10_button_style_secondary.disabled.focus .mm9_button_image, .mm10_button_style_secondary.disabled.active .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.disabled .mm9_button_image, .mm10_button_style_secondary.disabled .mm9_button_text, .mm10_button_style_secondary.disabled:hover .mm9_button_text, .mm10_button_style_secondary.disabled.focus .mm9_button_text, .mm10_button_style_secondary.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.disabled .mm9_button_text { color: #cfd2d6; } .mm10_button_style_secondary.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_secondary.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #6a6e79; } .mm10_menubutton_container_style_common .mm10_button_style_secondary.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_secondary.menubutton:hover .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_menubutton_container_style_common .mm10_button_style_secondary.menubutton.active .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_secondary.menubutton.active .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_button_style_secondary.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_button_style_secondary.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background: #e0e1e4; } .mm10_button_style_secondary.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown::before { background-color: #d3e2ff; } .mm10_button_style_secondary.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown::before, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #2f75ff; } .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #6a6e79; } .mm10_button_style_secondary.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_secondary.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_secondary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown::before, .mm10_button_style_secondary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after { background-color: #e0e1e4; } .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #6a6e79; } .mm10_button_style_secondary.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_secondary.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_secondary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #cfd2d6; } /* Secondary (borderless) button styles */ .mm10_button_style_secondary_borderless { background: #fff; border: none; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm10_button_style_secondary_borderless.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm10_button_style_secondary_borderless:hover { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm10_button_style_secondary_borderless.active, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm10_button_style_secondary_borderless .mm9_button_image, .mm10_button_style_secondary_borderless .mm9_button_text { color: #6a6e79; } .mm10_button_style_secondary_borderless:hover .mm9_button_image, .mm10_button_style_secondary_borderless:hover .mm9_button_text { color: #2f75ff; } .mm10_button_style_secondary_borderless.active .mm9_button_image, .mm10_button_style_secondary_borderless.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless .mm9_button_text { color: #2f75ff; } .mm10_button_style_secondary_borderless.disabled, .mm10_button_style_secondary_borderless.disabled:hover, .mm10_button_style_secondary_borderless.disabled.focus, .mm10_button_style_secondary_borderless.disabled.active, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.disabled { background: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.05 ); } .mm10_button_style_secondary_borderless.disabled .mm9_button_image, .mm10_button_style_secondary_borderless.disabled:hover .mm9_button_image, .mm10_button_style_secondary_borderless.disabled.focus .mm9_button_image, .mm10_button_style_secondary_borderless.disabled.active .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.disabled .mm9_button_image, .mm10_button_style_secondary_borderless.disabled .mm9_button_text, .mm10_button_style_secondary_borderless.disabled:hover .mm9_button_text, .mm10_button_style_secondary_borderless.disabled.focus .mm9_button_text, .mm10_button_style_secondary_borderless.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.disabled .mm9_button_text { color: #e0e1e4; } .mm10_button_style_secondary_borderless.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_secondary_borderless.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #6a6e79; } .mm10_menubutton_container_style_common .mm10_button_style_secondary_borderless.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_secondary_borderless.menubutton:hover .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_menubutton_container_style_common .mm10_button_style_secondary_borderless.menubutton.active .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_secondary_borderless.menubutton.active .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_button_style_secondary_borderless.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_button_style_secondary_borderless.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background: #e0e1e4; } .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown::before { background-color: #d3e2ff; } .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown::before, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #2f75ff; } .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #6a6e79; } .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after { background-color: #e0e1e4; } .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #6a6e79; } .mm10_button_style_secondary_borderless.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary_borderless.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary_borderless.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_secondary_borderless.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary_borderless.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary_borderless.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_secondary_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_secondary_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_secondary_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_secondary_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #e0e1e4; } /* Primary (muted / borderless) button styles */ .mm10_button_style_primary_muted_borderless { background: #fff; border: none; } .mm10_button_style_primary_muted_borderless.focus { box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ), 0 0 0 3px #c7dfff; } .mm10_button_style_primary_muted_borderless:hover { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm10_button_style_primary_muted_borderless.active, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm10_button_style_primary_muted_borderless .mm9_button_image, .mm10_button_style_primary_muted_borderless .mm9_button_text { color: #2f75ff; } .mm10_button_style_primary_muted_borderless:hover .mm9_button_image, .mm10_button_style_primary_muted_borderless:hover .mm9_button_text { color: #2f75ff; } .mm10_button_style_primary_muted_borderless.active .mm9_button_image, .mm10_button_style_primary_muted_borderless.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless .mm9_button_text { color: #2f75ff; } .mm10_button_style_primary_muted_borderless.disabled, .mm10_button_style_primary_muted_borderless.disabled:hover, .mm10_button_style_primary_muted_borderless.disabled.focus, .mm10_button_style_primary_muted_borderless.disabled.active, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.disabled { box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm10_button_style_primary_muted_borderless.disabled .mm9_button_image, .mm10_button_style_primary_muted_borderless.disabled:hover .mm9_button_image, .mm10_button_style_primary_muted_borderless.disabled.focus .mm9_button_image, .mm10_button_style_primary_muted_borderless.disabled.active .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.disabled .mm9_button_image, .mm10_button_style_primary_muted_borderless.disabled .mm9_button_text, .mm10_button_style_primary_muted_borderless.disabled:hover .mm9_button_text, .mm10_button_style_primary_muted_borderless.disabled.focus .mm9_button_text, .mm10_button_style_primary_muted_borderless.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.disabled .mm9_button_text { color: #e0e1e4; } .mm10_button_style_primary_muted_borderless.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_muted_borderless.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_menubutton_container_style_common .mm10_button_style_primary_muted_borderless.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_primary_muted_borderless.menubutton:hover .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_menubutton_container_style_common .mm10_button_style_primary_muted_borderless.menubutton.active .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_primary_muted_borderless.menubutton.active .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #2f75ff; } .mm10_button_style_primary_muted_borderless.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_button_style_primary_muted_borderless.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #d3e2fe; } .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown::before { background-color: #d3e2fe; } .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #2f75ff; } .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #2f75ff; } .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after { background-color: #e0e1e4; } .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_primary_muted_borderless.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted_borderless.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted_borderless.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_primary_muted_borderless.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted_borderless.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted_borderless.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #2f75ff; } .mm10_button_style_primary_muted_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_primary_muted_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_primary_muted_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_primary_muted_borderless.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #e0e1e4; } /* Negative button styles */ .mm10_button_style_negative { background: #ed6671; border: none; } .mm10_button_style_negative.focus { box-shadow: 0 0 0 3px #fde2e4; } .mm10_button_style_negative:hover { background-color: #ed6671; box-shadow: 0 8px 15px rgba( 237, 102, 113, 0.36 ); } .mm10_button_style_negative.active, .mm10_menubutton_container_style_common.active .mm10_button_style_negative { background: #f42434; box-shadow: none; } .mm10_button_style_negative.disabled, .mm10_button_style_negative.disabled:hover, .mm10_button_style_negative.disabled.focus, .mm10_button_style_negative.disabled.active, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.disabled { background: #fde2e4; box-shadow: none; } .mm10_button_style_negative .mm9_button_image, .mm10_button_style_negative .mm9_button_text { color: #fff; } .mm10_button_style_negative.active .mm9_button_image, .mm10_button_style_negative.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_negative .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_negative .mm9_button_text { color: #fff; } .mm10_button_style_negative.disabled .mm9_button_image, .mm10_button_style_negative.disabled:hover .mm9_button_image, .mm10_button_style_negative.disabled.focus .mm9_button_image, .mm10_button_style_negative.disabled.active .mm9_button_image, .mm10_button_style_negative.disabled .mm9_button_text, .mm10_button_style_negative.disabled:hover .mm9_button_text, .mm10_button_style_negative.disabled.focus .mm9_button_text, .mm10_button_style_negative.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.disabled .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.disabled .mm9_button_text { color: #fef8f8; } .mm10_button_style_negative.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_negative.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_menubutton_container_style_common .mm10_button_style_negative.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_negative.menubutton:hover .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_menubutton_container_style_common .mm10_button_style_negative.menubutton.active .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_negative.menubutton.active .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_button_style_negative.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_button_style_negative.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #fef8f8; } .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background: #fff; } .mm10_button_style_negative.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown::before { background-color: #fff; } .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_negative.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_negative.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_negative.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown::before, .mm10_button_style_negative.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after { background-color: #fef8f8; } .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_negative.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_negative.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_negative.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fef8f8; } /* Negative (muted) button styles */ .mm10_button_style_negative_muted { background-color: #fff; border-color: #e0e1e4; } .mm10_button_style_negative_muted.focus { background-color: #fff; border-color: #e0e1e4; box-shadow: 0 0 0 3px #fde2e4; } .mm10_button_style_negative_muted:hover { background-color: #ed6671; border-color: #ed6671; box-shadow: 0 8px 15px rgba( 237, 102, 113, 0.36 ); } .mm10_button_style_negative_muted.active, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted { background-color: #fff; border-color: #ed6671; box-shadow: none; } .mm10_button_style_negative_muted.disabled, .mm10_button_style_negative_muted.disabled:hover, .mm10_button_style_negative_muted.disabled.focus, .mm10_button_style_negative_muted.disabled.active, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.disabled { background-color: #fff; border-color: #e0e1e4; box-shadow: none; } .mm10_button_style_negative_muted .mm9_button_image, .mm10_button_style_negative_muted .mm9_button_text { color: #ed6671; } .mm10_button_style_negative_muted:hover .mm9_button_image, .mm10_button_style_negative_muted:hover .mm9_button_text { color: #fff; } .mm10_button_style_negative_muted.active .mm9_button_image, .mm10_button_style_negative_muted.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted .mm9_button_text { color: #ed6671; } .mm10_button_style_negative_muted.disabled .mm9_button_image, .mm10_button_style_negative_muted.disabled:hover .mm9_button_image, .mm10_button_style_negative_muted.disabled.focus .mm9_button_image, .mm10_button_style_negative_muted.disabled.active .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.disabled .mm9_button_image, .mm10_button_style_negative_muted.disabled .mm9_button_text, .mm10_button_style_negative_muted.disabled:hover .mm9_button_text, .mm10_button_style_negative_muted.disabled.focus .mm9_button_text, .mm10_button_style_negative_muted.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.disabled .mm9_button_text { color: #fde2e4; } .mm10_button_style_negative_muted.menubutton .mm9_menubutton_dropdown_bg1, .mm10_button_style_negative_muted.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #ed6671; } .mm10_menubutton_container_style_common .mm10_button_style_negative_muted.menubutton:hover .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_negative_muted.menubutton:hover .mm9_menubutton_dropdown_bg2 { background-color: #fff; } .mm10_menubutton_container_style_common .mm10_button_style_negative_muted.menubutton.active .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common .mm10_button_style_negative_muted.menubutton.active .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.menubutton .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.menubutton .mm9_menubutton_dropdown_bg2 { background-color: #ed6671; } .mm10_button_style_negative_muted.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_button_style_negative_muted.menubutton.disabled .mm9_menubutton_dropdown_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.menubutton.disabled .mm9_menubutton_dropdown_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.menubutton.disabled .mm9_menubutton_dropdown_bg2 { background-color: #fde2e4; } .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #e0e1e4; } .mm10_button_style_negative_muted.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown::before { background-color: #fff; } .mm10_button_style_negative_muted.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown::before, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown::before { background-color: #ed6671; } .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #ed6671; } .mm10_button_style_negative_muted.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button:hover .mm9_menubutton_dropdown_bg1::after { background-color: #fff; } .mm10_button_style_negative_muted.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.active .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.mm_hybridmenubutton_button .mm9_menubutton_dropdown_bg1::after { background-color: #ed6671; } .mm10_button_style_negative_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_button_style_negative_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::before, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.mm_hybridmenubutton_button.disabled .mm9_menubutton_dropdown_bg1::after { background-color: #fde2e4; } .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #ed6671; } .mm10_button_style_negative_muted.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative_muted.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative_muted.tertiary:hover .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fff; } .mm10_button_style_negative_muted.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative_muted.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative_muted.tertiary.active .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #ed6671; } .mm10_button_style_negative_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_button_style_negative_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_button_style_negative_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg1, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg2, .mm10_menubutton_container_style_common.active .mm10_button_style_negative_muted.disabled.tertiary .mm10_button_style_xxx_tertiary_icon_bg3 { background-color: #fde2e4; } /* Link button styles */ .mm10_button_style_link, .mm10_button_style_link_negative { position: relative; display: inline-flex; vertical-align: middle; text-align: center; line-height: 1; background: transparent; align-items: center; justify-content: center; cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm10_button_style_link .mm9_button_image, .mm10_button_style_link .mm9_button_text, .mm10_button_style_link_negative .mm9_button_image, .mm10_button_style_link_negative .mm9_button_text { font-size: 14px; font-weight: bold; transition: color 0.2s linear; } .mm10_button_style_link .mm9_button_text, .mm10_button_style_link_negative .mm9_button_text { padding: 0; font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: 500; letter-spacing: 0.010em; } .mm10_button_style_link.small .mm9_button_text, .mm10_button_style_link_negative.small .mm9_button_text { font-size: 12px; } .mm10_button_style_link.font_weight_normal .mm9_button_text, .mm10_button_style_link_negative.font_weight_normal .mm9_button_text { font-weight: normal; } .mm10_button_style_link.focus .mm9_button_text::before, .mm10_button_style_link_negative.focus .mm9_button_text::before { position: absolute; right: 0; bottom: -6px; left: 0; height: 3px; border-radius: 2px; background-color: transparent; content: ''; } .mm10_button_style_link.disabled .mm9_button_image, .mm10_button_style_link.disabled:hover .mm9_button_image, .mm10_button_style_link.disabled.focus .mm9_button_image, .mm10_button_style_link.disabled.active .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_link.disabled .mm9_button_image, .mm10_button_style_link.disabled .mm9_button_text, .mm10_button_style_link.disabled:hover .mm9_button_text, .mm10_button_style_link.disabled.focus .mm9_button_text, .mm10_button_style_link.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_link.disabled .mm9_button_text, .mm10_button_style_link_negative.disabled .mm9_button_image, .mm10_button_style_link_negative.disabled:hover .mm9_button_image, .mm10_button_style_link_negative.disabled.focus .mm9_button_image, .mm10_button_style_link_negative.disabled.active .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_link_negative.disabled .mm9_button_image, .mm10_button_style_link_negative.disabled .mm9_button_text, .mm10_button_style_link_negative.disabled:hover .mm9_button_text, .mm10_button_style_link_negative.disabled.focus .mm9_button_text, .mm10_button_style_link_negative.disabled.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_link_negative.disabled .mm9_button_text { color: #e0e1e4; } .mm10_button_style_link .mm9_button_image, .mm10_button_style_link .mm9_button_text { color: #2f75ff; } .mm10_button_style_link.focus .mm9_button_image, .mm10_button_style_link.focus .mm9_button_text { color: #2f75ff; } .mm10_button_style_link.focus .mm9_button_text::before { background-color: #c7dfff; } .mm10_button_style_link:hover .mm9_button_image, .mm10_button_style_link:hover .mm9_button_text { color: #1a5cde; } .mm10_button_style_link.active .mm9_button_image, .mm10_button_style_link.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_link .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_link .mm9_button_text { color: #1f4389; } .mm10_button_style_link_negative .mm9_button_image, .mm10_button_style_link_negative .mm9_button_text { color: #ed6671; } .mm10_button_style_link_negative.focus .mm9_button_image, .mm10_button_style_link_negative.focus .mm9_button_text { color: #ed6671; } .mm10_button_style_link_negative.focus .mm9_button_text::before { background-color: #fde2e4; } .mm10_button_style_link_negative:hover .mm9_button_image, .mm10_button_style_link_negative:hover .mm9_button_text { color: #f42434; } .mm10_button_style_link_negative.active .mm9_button_image, .mm10_button_style_link_negative.active .mm9_button_text, .mm10_menubutton_container_style_common.active .mm10_button_style_link_negative .mm9_button_image, .mm10_menubutton_container_style_common.active .mm10_button_style_link_negative .mm9_button_text { color: #c71d2a; } .mm10_button_style_close_borderless { position: relative; display: inline-flex; margin: 0; padding: 0; width: 30px; height: 30px; background-color: #fff; border-radius: 4px; box-shadow: none; box-sizing: border-box; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; } .mm10_button_style_close_borderless .mm9_button_title, .mm10_button_style_close_borderless .mm9_button_image, .mm10_button_style_close_borderless .mm9_button_text { display: none; } .mm10_button_style_close_borderless .mm9_button_custom { position: absolute; display: block !important; top: 50%; left: 50%; width: 15px; height: 15px; transform: translate(-50%, -50%); } .mm10_button_style_close_borderless .mm9_button_custom::before { position: absolute; top: 7px; left: -1px; width: 18px; height: 2px; background-color: #8b8f98; border-radius: 1px; transform: rotate(45deg); transition: scale 0.15s linear, background-color, 0.15s linear; content: ''; } .mm10_button_style_close_borderless:hover .mm9_button_custom::before { background-color: #2f75ff; transform: rotate(45deg) scale(1.1); } .mm10_button_style_close_borderless.active .mm9_button_custom:active::before { background-color: #2f75ff; } .mm10_button_style_close_borderless.disabled .mm9_button_custom:disabled::before { background-color: #e0e1e4; } .mm10_button_style_close_borderless .mm9_button_custom::after { position: absolute; top: 7px; left: -1px; width: 18px; height: 2px; background-color: #8b8f98; border-radius: 1px; transform: rotate(-45deg); transition: scale 0.15s linear, background-color, 0.15s linear; content: ''; } .mm10_button_style_close_borderless:hover .mm9_button_custom::after { background-color: #2f75ff; transform: rotate(-45deg) scale(1.1); } .mm10_button_style_close_borderless.active .mm9_button_custom::after { background-color: #2f75ff; } .mm10_button_style_close_borderless.disabled .mm9_button_custom::after { background-color: #e0e1e4; } .mm10_menubutton_container_style_common_menu { position: absolute; display: none; top: 46px; right: auto; left: 0; margin: 11px 0; padding: 10px 0; text-align: left; background: #fff; border: none; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; overflow: auto; z-index: 99999; } .mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item { position: relative; display: flex; height: 29px; padding: 0 24px; align-items: center; white-space: nowrap; text-align: left; font-weight: normal; font-size: 13px; color: #6a6e79; cursor: pointer; } .mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_toggle_active .mm9_menubutton_menu_toggle_toggle.mm9_mivaicon, .mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_toggle_active .mm9_menubutton_menu_toggle_item { color: #2f75ff; } .mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { color: #2f75ff; background-color: #f0f5ff; } .mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected.negative { color: #ed6671; background-color: #fde2e4; } .mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled { color: #c3c4c9; background-color: transparent; } .mm10_menubutton_container_style_common_menu .mm9_menubutton_menu_divider { margin: 5px 15px; background-color: #e0e1e4; } .mm_hybridmenubutton, .mm_hybridmenubutton_style_primary, .mm_hybridmenubutton_style_primary_alternate_background_1, .mm_hybridmenubutton_style_alternative_1, .mm_hybridmenubutton_style_primary_muted, .mm_hybridmenubutton_style_secondary, .mm_hybridmenubutton_style_secondary_borderless, .mm_hybridmenubutton_style_primary_muted_borderless, .mm_hybridmenubutton_style_negative, .mm_hybridmenubutton_style_negative_muted { position: relative; display: inline-flex; vertical-align: middle; padding: 0; line-height: 1; background: none; border: none; border-radius: 0; align-items: stretch; justify-content: center; box-shadow: none; cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_hybridmenubutton.whole, .mm_hybridmenubutton_style_primary.whole, .mm_hybridmenubutton_style_primary_alternate_background_1.whole, .mm_hybridmenubutton_style_alternative_1.whole, .mm_hybridmenubutton_style_primary_muted.whole, .mm_hybridmenubutton_style_secondary.whole, .mm_hybridmenubutton_style_secondary_borderless.whole, .mm_hybridmenubutton_style_primary_muted_borderless.whole, .mm_hybridmenubutton_style_negative.whole, .mm_hybridmenubutton_style_negative_muted.whole { display: flex; width: auto; } .mm_hybridmenubutton .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button { position: relative; display: inline-flex; vertical-align: middle; padding: 0 25px; height: 44px; text-align: center; line-height: 1; background: transparent; border-top: 1px solid transparent; border-right: none; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-radius: 4px 0 0 4px; align-items: center; justify-content: center; box-shadow: none; flex-grow: 1; cursor: pointer; outline: none; transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_hybridmenubutton.menubutton_hidden .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary.menubutton_hidden .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.menubutton_hidden .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_alternative_1.menubutton_hidden .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted.menubutton_hidden .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary.menubutton_hidden .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary_borderless.menubutton_hidden .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.menubutton_hidden .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative.menubutton_hidden .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative_muted.menubutton_hidden .mm_hybridmenubutton_button { border: 1px solid transparent; border-radius: 4px; } .mm_hybridmenubutton.small .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary.small .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.small .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_alternative_1.small .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted.small .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary.small .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary_borderless.small .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.small .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative.small .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative_muted.small .mm_hybridmenubutton_button { padding: 0 15px; height: 30px; } .mm_hybridmenubutton.regular .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary.regular .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.regular .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_alternative_1.regular .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted.regular .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary.regular .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary_borderless.regular .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.regular .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative.regular .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative_muted.regular .mm_hybridmenubutton_button { padding: 0 25px; height: 40px; } .mm_hybridmenubutton.medium .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary.medium .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.medium .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_alternative_1.medium .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted.medium .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary.medium .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary_borderless.medium .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.medium .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative.medium .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative_muted.medium .mm_hybridmenubutton_button { padding: 0 25px; height: 44px; } .mm_hybridmenubutton.large .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary.large .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.large .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_alternative_1.large .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted.large .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary.large .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary_borderless.large .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.large .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative.large .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative_muted.large .mm_hybridmenubutton_button { padding: 0 25px; height: 50px; } .mm_hybridmenubutton .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button .mm9_button_text { color: transparent; font-size: 14px; font-weight: 500; transition: color 0.2s linear; } .mm_hybridmenubutton .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button .mm9_button_text { padding: 0; font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: 500; letter-spacing: 0.010em; } .mm_hybridmenubutton.small .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary.small .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary_alternate_background_1.small .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_alternative_1.small .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary_muted.small .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_secondary.small .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_secondary_borderless.small .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_primary_muted_borderless.small .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_negative.small .mm_hybridmenubutton_button .mm9_button_text, .mm_hybridmenubutton_style_negative_muted.small .mm_hybridmenubutton_button .mm9_button_text { font-size: 12px; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton { position: relative; display: inline-flex; align-items: stretch; justify-content: center; box-sizing: border-box; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button { position: relative; display: inline-flex; vertical-align: middle; padding: 0; width: 44px; height: 44px; text-align: center; line-height: 1; background: transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-left: none; border-radius: 0 4px 4px 0; align-items: center; justify-content: center; box-shadow: none; flex-shrink: 1; cursor: pointer; outline: none; transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_hybridmenubutton.button_hidden .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary.button_hidden .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.button_hidden .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_alternative_1.button_hidden .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted.button_hidden .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary.button_hidden .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary_borderless.button_hidden .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.button_hidden .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative.button_hidden .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative_muted.button_hidden .mm_hybridmenubutton_menubutton_button { border: 1px solid transparent; border-radius: 4px; } .mm_hybridmenubutton.small .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary.small .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.small .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_alternative_1.small .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted.small .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary.small .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary_borderless.small .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.small .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative.small .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative_muted.small .mm_hybridmenubutton_menubutton_button { width: 30px; height: 30px; } .mm_hybridmenubutton.regular .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary.regular .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.regular .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_alternative_1.regular .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted.regular .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary.regular .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary_borderless.regular .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.regular .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative.regular .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative_muted.regular .mm_hybridmenubutton_menubutton_button { width: 40px; height: 40px; } .mm_hybridmenubutton.medium .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary.medium .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.medium .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_alternative_1.medium .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted.medium .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary.medium .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary_borderless.medium .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.medium .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative.medium .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative_muted.medium .mm_hybridmenubutton_menubutton_button { width: 44px; height: 44px; } .mm_hybridmenubutton.large .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary.large .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1.large .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_alternative_1.large .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted.large .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary.large .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_secondary_borderless.large .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless.large .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative.large .mm_hybridmenubutton_menubutton_button, .mm_hybridmenubutton_style_negative_muted.large .mm_hybridmenubutton_menubutton_button { width: 50px; height: 50px; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button::before { position: absolute; display: block; top: 50%; left: 0; width: 1px; height: 18px; background-color: transparent; transform: translateY(-50%); transition: background-color 0.2s linear, height 0.2s linear; content: ''; } .mm_hybridmenubutton.button_hidden .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary.button_hidden .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_alternate_background_1.button_hidden .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_alternative_1.button_hidden .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted.button_hidden .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary.button_hidden .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary_borderless.button_hidden .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted_borderless.button_hidden .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative.button_hidden .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative_muted.button_hidden .mm_hybridmenubutton_menubutton_button::before { display: none; } .mm_hybridmenubutton.small .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary.small .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_alternate_background_1.small .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_alternative_1.small .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted.small .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary.small .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary_borderless.small .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted_borderless.small .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative.small .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative_muted.small .mm_hybridmenubutton_menubutton_button::before { height: 16px; } .mm_hybridmenubutton.regular .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary.regular .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_alternate_background_1.regular .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_alternative_1.regular .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted.regular .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary.regular .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary_borderless.regular .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted_borderless.regular .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative.regular .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative_muted.regular .mm_hybridmenubutton_menubutton_button::before { height: 18px; } .mm_hybridmenubutton.medium .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary.medium .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_alternate_background_1.medium .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_alternative_1.medium .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted.medium .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary.medium .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary_borderless.medium .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted_borderless.medium .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative.medium .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative_muted.medium .mm_hybridmenubutton_menubutton_button::before { height: 20px; } .mm_hybridmenubutton.large .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary.large .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_alternate_background_1.large .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_alternative_1.large .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted.large .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary.large .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary_borderless.large .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted_borderless.large .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative.large .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative_muted.large .mm_hybridmenubutton_menubutton_button::before { height: 22px; } .mm_hybridmenubutton.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_alternate_background_1.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_alternative_1.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary_borderless.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted_borderless.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative_muted.button_focus .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.focus:not(.disabled)::before, .mm_hybridmenubutton:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_alternate_background_1:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_alternative_1:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary_borderless:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted_borderless:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative_muted:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_alternate_background_1:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_alternative_1:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary_borderless:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted_borderless:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative_muted:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { height: calc( 100% + 2px ); } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display { position: relative; display: block; width: 9px; height: 6px; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before { position: absolute; top: 2px; left: 4px; width: 6px; height: 2px; background-color: transparent; transform: rotate(-40deg); transition: all 0.2s linear; content: ''; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { position: absolute; top: 2px; left: 0px; width: 6px; height: 2px; background-color: transparent; transform: rotate(40deg); transition: all 0.2s linear; content: ''; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before { transform: rotate(40deg); } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { transform: rotate(-40deg); } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button .mm9_menubutton_dropdown { display: none; } /* Default hybridmenubutton styles */ .mm_hybridmenubutton .mm_hybridmenubutton_button, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button { background: #fff; border-color: #e0e1e4; } .mm_hybridmenubutton .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.focus { background-color: #fff; border-color: #d3e2ff; box-shadow: none; } .mm_hybridmenubutton .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button:hover { border-color: #d3e2ff; box-shadow: none; } .mm_hybridmenubutton .mm_hybridmenubutton_button.active, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.active, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { border-color: #2f75ff; box-shadow: none; } .mm_hybridmenubutton .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton .mm_hybridmenubutton_button .mm9_button_text { color: #6a6e79; } .mm_hybridmenubutton .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_hybridmenubutton .mm_hybridmenubutton_button.focus .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_hybridmenubutton .mm_hybridmenubutton_button:hover .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton .mm_hybridmenubutton_button.active .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { border-color: #e0e1e4; } .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #cfd2d6; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button::before { background: #e0e1e4; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2ff; } .mm_hybridmenubutton:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2ff; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.active::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_hybridmenubutton:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #2f75ff; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #e0e1e4; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #6a6e79; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #e0e1e4; } /* Primary hybridmenubutton styles */ .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button { background: #2f75ff; border-color: #2f75ff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.focus { background-color: #1a5cde; box-shadow: none; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button:hover { background-color: #1a5cde; border-color: #1a5cde; box-shadow: 0 8px 15px rgba( 31, 67, 137, 0.36 ); } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.active, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.active, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #1f4389; border-color: #1f4389; box-shadow: none; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #add0ff; border-color: #add0ff; box-shadow: none; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.focus .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.active .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #d9e8ff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button::before { background-color: #1a5cde; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton_style_primary.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #1a5cde; } .mm_hybridmenubutton_style_primary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #1a5cde; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.active::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_hybridmenubutton_style_primary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #1f4389; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #d9e8ff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled .mm9_menubutton_dropdown::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #d9e8ff; } /* Primary hybridmenubutton styles when displayed on blue background */ .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button { background: #4f8aff; border-color: #4f8aff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.focus { background-color: #4281ff; border-color: #4281ff; box-shadow: none; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button:hover { background: #4f8aff; border-color: #4f8aff; box-shadow: 0 8px 15px rgba( 16, 62, 154, 0.25 ); } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.active, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.active, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background: #4f8aff; border-color: #4f8aff; box-shadow: 0 8px 15px rgba( 16, 62, 154, 0.25 ); } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #4281ff; border-color: #4281ff; box-shadow: none; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.focus .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.active .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #9bbdff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button::before { background-color: #fff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton_style_primary_alternate_background_1.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #4281ff; } .mm_hybridmenubutton_style_primary_alternate_background_1:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_alternate_background_1:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.active::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_alternate_background_1:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_hybridmenubutton_style_primary_alternate_background_1:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #fff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #9bbdff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_alternate_background_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #9bbdff; } /* Alternative hybridmenubutton styles */ .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button { background-color: #f0f5ff; border-color: #d3e2ff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.focus { background-color: #2f75ff; border-color: #2f75ff; box-shadow: none; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button:hover { background-color: #2f75ff; border-color: #2f75ff; box-shadow: 0 8px 15px rgba( 47, 117, 255, 0.36 ); } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.active, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.active, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #f2f4f7; border-color: #2f75ff; box-shadow: none; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #f0f5ff; border-color: #d3e2ff; box-shadow: none; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.focus .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button:hover .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.active .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #add0ff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2fe; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton_style_alternative_1.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #2f75ff; } .mm_hybridmenubutton_style_alternative_1:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_alternative_1:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #2f75ff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.active::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_alternative_1:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_hybridmenubutton_style_alternative_1:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #2f75ff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #d3e2ff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_alternative_1 .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #add0ff; } /* Primary (muted) hybridmenubutton styles */ .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button { background-color: #fff; border-color: #d3e2ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.focus { background-color: #f0f5ff; border-color: #d3e2ff; box-shadow: none; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button:hover { background-color: #f0f5ff; border-color: #d3e2ff; box-shadow: 0 4px 8px rgba( 47, 117, 255, 0.15 ); } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.active, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.active { background-color: #2f75ff; border-color: #2f75ff; box-shadow: none; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #f0f5ff; border-color: #d3e2ff; box-shadow: none; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #fff; border-color: #f2f4f7; box-shadow: none; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.focus .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button:hover .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.active .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #add0ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2fe; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton_style_primary_muted.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #f0f5ff; } .mm_hybridmenubutton_style_primary_muted:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.active::before, .mm_hybridmenubutton_style_primary_muted:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #f2f4f7; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #add0ff; } /* Secondary hybridmenubutton styles */ .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button { background: #fff; border-color: #e0e1e4; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.focus { background-color: #fff; border-color: #d3e2ff; box-shadow: none; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button:hover { border-color: #d3e2ff; box-shadow: none; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.active, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.active, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { border-color: #2f75ff; box-shadow: none; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button .mm9_button_text { color: #6a6e79; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.focus .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button:hover .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.active .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { border-color: #e0e1e4; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #cfd2d6; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button::before { background: #e0e1e4; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton_style_secondary.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2ff; } .mm_hybridmenubutton_style_secondary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2ff; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.active::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_hybridmenubutton_style_secondary:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #2f75ff; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #e0e1e4; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #6a6e79; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #e0e1e4; } /* Secondary (borderless) hybridmenubutton styles */ .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button { background: #fff; border-color: #fff; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.focus { box-shadow: none; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button:hover { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.active, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.active, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button .mm9_button_text { color: #6a6e79; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.focus .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button:hover .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.active .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background: #fff; border-color: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.05 ); } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #e0e1e4; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button::before { background: #e0e1e4; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton_style_secondary_borderless.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #e0e1e4; } .mm_hybridmenubutton_style_secondary_borderless:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_secondary_borderless:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2ff; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.active::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_secondary_borderless:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_hybridmenubutton_style_secondary_borderless:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2ff; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #e0e1e4; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #6a6e79; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_secondary_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #e0e1e4; } /* Primary (muted / borderless) hybridmenubutton styles */ .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button { background: #fff; border-color: #fff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.focus { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button:hover { background-color: #f0f5ff; border-color: #f0f5ff; box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.active, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.active { background-color: #2f75ff; border-color: #2f75ff; box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #f0f5ff; border-color: #f0f5ff; box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.focus .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button:hover .mm9_button_text { color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.active .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #fff; border-color: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.05 ); } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #add0ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2fe; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton_style_primary_muted_borderless.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #d3e2fe; } .mm_hybridmenubutton_style_primary_muted_borderless:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_primary_muted_borderless:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2fe; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.active::before, .mm_hybridmenubutton_style_primary_muted_borderless:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_primary_muted_borderless:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #d3e2ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #e0e1e4; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #2f75ff; } .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_primary_muted_borderless .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #add0ff; } /* Negative hybridmenubutton styles */ .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button { background-color: #ed6671; border-color: #ed6671; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.focus { background-color: #f42434; border-color: #f42434; box-shadow: none; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button:hover { background-color: #ed6671; box-shadow: 0 8px 15px rgba( 237, 102, 113, 0.36 ); } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.active, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.active, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #f42434; border-color: #f42434; box-shadow: none; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #fde2e4; border-color: #fde2e4; box-shadow: none; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.active .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #fef8f8; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button::before { background: #fff; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton_style_negative.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #f42434; } .mm_hybridmenubutton_style_negative:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #fff; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #fef8f8; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fef8f8; } /* Negative (muted) hybridmenubutton styles */ .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button { background-color: #fff; border-color: #e0e1e4; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.focus, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.focus { background-color: #ed6671; border-color: #ed6671; box-shadow: none; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button:hover, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button:hover { background-color: #ed6671; border-color: #ed6671; box-shadow: 0 8px 15px rgba( 237, 102, 113, 0.36 ); } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.active, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.active, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button { background-color: #fff; border-color: #ed6671; box-shadow: none; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled:hover, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled:hover, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled.focus, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled.focus, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled.active, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled.active, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled { background-color: #fff; border-color: #e0e1e4; box-shadow: none; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button .mm9_button_image, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button .mm9_button_text { color: #ed6671; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.focus .mm9_button_image, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.focus .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button:hover .mm9_button_image, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button:hover .mm9_button_text { color: #fff; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.active .mm9_button_image, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.active .mm9_button_text { color: #ed6671; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled .mm9_button_image, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled:hover .mm9_button_image, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled.focus .mm9_button_image, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled.active .mm9_button_image, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled .mm9_button_text, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled:hover .mm9_button_text, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled.focus .mm9_button_text, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_button.disabled.active .mm9_button_text { color: #fde2e4; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button::before { background-color: #e0e1e4; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.focus::before, .mm_hybridmenubutton_style_negative_muted.button_focus .mm_hybridmenubutton_menubutton_button::before { background-color: #ed6671; } .mm_hybridmenubutton_style_negative_muted:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button:not(.disabled)::before, .mm_hybridmenubutton_style_negative_muted:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #ed6671; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.active::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button::before, .mm_hybridmenubutton_style_negative_muted:hover:not(.button_disabled) .mm_hybridmenubutton_menubutton_button.active:not(.disabled)::before, .mm_hybridmenubutton_style_negative_muted:not(.menubutton_disabled) .mm_hybridmenubutton_menubutton.active:hover .mm_hybridmenubutton_menubutton_button:not(.disabled)::before { background-color: #ed6671; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled.focus::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled:hover::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled.active::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled::before { background-color: #e0e1e4; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #ed6671; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.focus .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button:hover .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fff; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.active .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button .mm_hybridmenubutton_menubutton_button_display::after { background-color: #ed6671; } .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::before, .mm_hybridmenubutton_style_negative_muted .mm_hybridmenubutton_menubutton.active .mm_hybridmenubutton_menubutton_button.disabled .mm_hybridmenubutton_menubutton_button_display::after { background-color: #fde2e4; } .mm_legacy_input_button_style_primary { position: relative; display: inline-flex; vertical-align: middle; padding: 0 25px; height: 44px; text-align: center; color: #fff; font-size: 14px; font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: 500; letter-spacing: 0.010em; line-height: 1; background: #2f75ff; border-radius: 4px; align-items: center; justify-content: center; border: none; box-shadow: none; cursor: pointer; outline: none; transition: background-color 0.2s linear, box-shadow 0.2s linear, color 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_legacy_input_button_style_primary:focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_legacy_input_button_style_primary:hover { background-color: #1a5cde; box-shadow: 0 8px 15px rgba( 31, 67, 137, 0.36 ); } .mm_legacy_input_button_style_primary:active { color: #fff; background-color: #1f4389; box-shadow: none; } .mm_legacy_input_button_style_primary:disabled { color: #d9e8ff; background-color: #add0ff; box-shadow: none; } .mm_legacy_input_button_style_secondary { position: relative; display: inline-flex; vertical-align: middle; padding: 0 25px; height: 44px; text-align: center; color: #6a6e79; font-size: 14px; font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: 500; letter-spacing: 0.010em; line-height: 1; background: #fff; border-radius: 4px; border: 1px solid #e0e1e4; align-items: center; justify-content: center; transition: background-color 0.2s linear, box-shadow 0.2s linear, border-color 0.2s linear, color 0.2s linear; cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_legacy_input_button_style_secondary:focus { color: #6a6e79; box-shadow: 0 0 0 3px #e9ecf0; } .mm_legacy_input_button_style_secondary:hover { color: #2f75ff; border-color: #d3e2ff; } .mm_legacy_input_button_style_secondary:active { color: #2f75ff; border-color: #2f75ff; } .mm_legacy_input_button_style_secondary:disabled { color: #cfd2d6; border-color: #e0e1e4; } .mm_legacy_input_button_style_negative { position: relative; display: inline-flex; vertical-align: middle; padding: 0 25px; height: 44px; text-align: center; color: #fff; font-size: 14px; font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: 500; letter-spacing: 0.010em; line-height: 1; background: #ed6671; border-radius: 4px; align-items: center; justify-content: center; border: none; box-shadow: none; cursor: pointer; outline: none; transition: background-color 0.2s linear, box-shadow 0.2s linear, color 0.2s linear; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_legacy_input_button_style_negative:focus { box-shadow: 0 0 0 3px #fde2e4; } .mm_legacy_input_button_style_negative:hover { background-color: #ed6671; box-shadow: 0 8px 15px rgba( 237, 102, 113, 0.36 ); } .mm_legacy_input_button_style_negative:active { color: #fff; background-color: #f42434; box-shadow: none; } .mm_legacy_input_button_style_negative:disabled { color: #fef8f8; background-color: #fde2e4; box-shadow: none; } .mm_legacy_input_button_style_negative_muted { position: relative; display: inline-flex; vertical-align: middle; padding: 0 25px; height: 44px; text-align: center; color: #ed6671; font-size: 14px; font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: 500; letter-spacing: 0.010em; line-height: 1; border-radius: 4px; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #e0e1e4; box-shadow: none; transition: background-color 0.2s linear, box-shadow 0.2s linear, border-color: 0.2s linear, color 0.2s linear; cursor: pointer; outline: none; box-sizing: border-box; transition: all 0.2s linear; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_legacy_input_button_style_negative_muted:focus { background-color: #fff; border-color: #e0e1e4; box-shadow: 0 0 0 3px #fde2e4; } .mm_legacy_input_button_style_negative_muted:hover { color: #fff; background-color: #ed6671; border-color: #ed6671; box-shadow: 0 8px 15px rgba( 237, 102, 113, 0.36 ); } .mm_legacy_input_button_style_negative_muted:active { color: #ed6671; background-color: #fff; border-color: #ed6671; box-shadow: none; } .mm_legacy_input_button_style_negative_muted:disabled { color: #fde2e4; background-color: #fff; border-color: #fde2e4; box-shadow: none; } .mm9_dialog_actionbar .mm_legacy_input_button_style_secondary, .mm9_dialog_actionbar .mm_legacy_input_button_style_negative, .mm9_dialog_actionbar .mm_legacy_input_button_style_negative_muted, .mm9_dialog_actionbar .mm_legacy_input_button_style_primary { margin-left: 10px; } .mm_button_style_fullscreen_end { position: relative; display: inline-flex; vertical-align: middle; margin: 6px 11px 0 0; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 1; background: #fff; border-radius: 4px; align-items: center; justify-content: center; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); cursor: pointer; outline: none; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_button_style_fullscreen_end.focus { box-shadow: 0 0 0 3px #c7dfff; } .mm_button_style_fullscreen_end:hover { box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 ); } .mm_button_style_fullscreen_end.active { background: #fff; box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 ); } .mm_button_style_fullscreen_end.disabled, .mm_button_style_fullscreen_end.disabled:hover, .mm_button_style_fullscreen_end.disabled.focus, .mm_button_style_fullscreen_end.disabled.active { background: #fff; box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 ); } .mm_button_style_fullscreen_end .mm9_button_image { display: none; } .mm_button_style_fullscreen_end .mm9_button_text { position: relative; display: block !important; margin: 0; padding: 0; width: 16px; height: 16px; } .mm_button_style_fullscreen_end .mm9_button_text::before { position: absolute; top: 7px; left: -2px; width: 19px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(45deg); transition: 0.2s all linear; content: ''; } .mm_button_style_fullscreen_end .mm9_button_text::after { position: absolute; top: 7px; left: -2px; width: 19px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-45deg); transition: 0.2s all linear; content: ''; } .mm_button_style_fullscreen_end:hover .mm9_button_text::before, .mm_button_style_fullscreen_end:hover .mm9_button_text::after { background-color: #2f75ff; } .mm_button_style_fullscreen_end.active .mm9_button_text::before, .mm_button_style_fullscreen_end.active .mm9_button_text::after { background-color: #2f75ff; } .mm_button_style_fullscreen_end.disabled .mm9_button_text::before, .mm_button_style_fullscreen_end.disabled:hover .mm9_button_text::before, .mm_button_style_fullscreen_end.disabled.focus .mm9_button_text::before, .mm_button_style_fullscreen_end.disabled.active .mm9_button_text::before, .mm_button_style_fullscreen_end.disabled .mm9_button_text::after, .mm_button_style_fullscreen_end.disabled:hover .mm9_button_text::after, .mm_button_style_fullscreen_end.disabled.focus .mm9_button_text::after, .mm_button_style_fullscreen_end.disabled.active .mm9_button_text::after { color: #e0e1e4; } .mm_input_common { position: relative; display: inline-flex; vertical-align: middle; margin: 0; padding: 0 15px; width: 250px; height: 40px; background: #fff; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; align-items: center; transition: border-color 0.1s linear; } .mm_input_common.borderless { border: none; box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15); } .mm_input_common.search { padding-left: 50px; } .mm_input_common.title_visible, .mm_input_common.show_hide_password_visible { margin-top: 23px; } .mm_input_common.small { height: 30px; } .mm_input_common.regular { height: 40px; } .mm_input_common.medium { height: 44px; } .mm_input_common.large { height: 50px; } .mm_input_common.fixed_extranarrow_width { width: 75px; } .mm_input_common.fixed_narrow_width { width: 125px; } .mm_input_common.fixed_narrow_medium_width { width: 175px; } .mm_input_common.fixed_default_width { width: 250px; } .mm_input_common.fixed_wide_width { width: 400px; } .mm_input_common.whole_width { display: flex; width: auto; } .mm_input_common.focus { border-color: #539cff; } .mm_input_common.borderless:hover { box-shadow: 0 3px 4px rgba(47, 117, 255, 0.2); } .mm_input_common.borderless.focus { box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15), 0 0 0 2px #539cff; } .mm_input_common.invalid, .mm_input_common.invalid.focus { border-color: #ea6570; } .mm_input_common.search::before { position: absolute; top: 12px; left: 20px; width: 13px; height: 13px; background-color: transparent; border: 1px solid #c9ced8; border-radius: 50%; box-sizing: border-box; transition: 0.15s all linear; content: ''; } .mm_input_common.borderless.search::before { top: 13px; left: 21px; } .mm_input_common.small.search::before { top: 7px; left: 21px; } .mm_input_common.borderless.small.search::before { top: 8px; left: 21px; } .mm_input_common.regular.search::before { top: 12px; left: 20px; } .mm_input_common.borderless.regular.search::before { top: 13px; left: 21px; } .mm_input_common.medium.search::before { top: 14px; left: 21px; } .mm_input_common.borderless.medium.search::before { top: 15px; left: 21px; } .mm_input_common.large.search::before { top: 17px; left: 21px; } .mm_input_common.borderless.large.search::before { top: 18px; left: 21px; } .mm_input_common.search::before:hover { border-color: #969da8; } .mm_input_common.search.focus::before { border-color: #2f75ff; } .mm_input_common.search.disabled::before, .mm_input_common.search.disabled::before:hover, .mm_input_common.search.disabled.focus::before, .mm_input_common.search.disabled.invalid.focus::before { border-color: #e0e1e4; } .mm_input_common.search::after { position: absolute; top: 22px; left: 31px; width: 1px; height: 4px; background-color: #c9ced8; border-radius: 1px; transform: rotate(-45deg); transition: 0.15s all linear; content: ''; } .mm_input_common.borderless.search::after { top: 23px; left: 32px; } .mm_input_common.small.search::after { top: 17px; left: 31px; } .mm_input_common.borderless.small.search::after { top: 18px; left: 31px; } .mm_input_common.regular.search::after { top: 22px; left: 31px; } .mm_input_common.borderless.regular.search::after { top: 22px; left: 31px; } .mm_input_common.medium.search::after { top: 24px; left: 31px; } .mm_input_common.borderless.medium.search::after { top: 25px; left: 31px; } .mm_input_common.large.search::after { top: 27px; left: 31px; } .mm_input_common.borderless.large.search::after { top: 29px; left: 31px; } .mm_input_common.search::after:hover { background-color: #969da8; } .mm_input_common.search.focus::after { background-color: #2f75ff; } .mm_input_common.search.disabled::after, .mm_input_common.search.disabled::after:hover, .mm_input_common.search.disabled.focus::after, .mm_input_common.search.disabled.invalid.focus::after { background-color: #e0e1e4; } .mm_input_common.label_visible .mm_input_label { position: relative; display: inline-block; margin-left: 10px; color: #969da8; font-size: 15px; } .mm_input_common .mm_input_title, .mm_input_common .mm_input_title_tooltip { display: none; } .mm_input_common.title_visible .mm_input_title { position: absolute; display: flex; top: -24px; left: 0; color: #494a53; font-size: 13px; font-weight: 500; text-transform: none; align-items: center; } .mm_input_common.title_visible.tooltip_visible .mm_input_title_tooltip { position: relative; display: inline-block; margin-left: 6px; } .mm_input_common.show_hide_password_visible .mm_input_show_hide_password_toggle { position: absolute; top: -22px; right: 0; } .mm_input_common .mm_input_title.normal { font-weight: normal; } .mm_input_common.required .mm_input_title { font-weight: 700; } .mm_input_common.optional .mm_input_title { font-weight: normal; font-style: italic; } .mm_input_common .mm_input { position: relative; margin: 0; padding: 0; border: none; background: transparent; box-sizing: border-box; font-size: 12px; font-family: 'Neue Haas Grotesk Text', sans-serif; font-weight: normal; text-align: left; letter-spacing: 0.010em; color: #494a53; flex-grow: 1; outline: none; } .mm_input_common .mm_input::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm_input_common .mm_input::-ms-input-placeholder /* Microsoft Edge */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #969da8; opacity: 1; } .mm_input_common.readonly { background: #fafbfc; } .mm_input_common.readonly.focus { border-color: #969da8; } .mm_input_common.readonly .mm_input, .mm_input_common.readonly.focus .mm_input { color: #494a53; } .mm_input_common.disabled, .mm_input_common.disabled.focus, .mm_input_common.disabled.invalid.focus { background: #fafbfc; border-color: #e0e1e4; } .mm_input_common.disabled .mm_input, .mm_input_common.disabled.focus .mm_input, .mm_input_common.disabled.invalid.focus .mm_input { color: #b4b9bf; } .mm_input_common.borderless.disabled .mm_input, .mm_input_common.borderless.disabled.focus .mm_input, .mm_input_common.borderless.disabled:hover .mm_input, .mm_input_common.borderless.disabled.invalid.focus .mm_input { box-shadow: none; } .mm_input_common .mm_input_tooltip { position: relative; display: block; margin-top: 1px; } .mm_input_common .mm_input_tooltip_button, .mm_weight_input_container .mm_weight_input .mm_input_tooltip_button { position: relative; display: flex; align-items: center; background-color: transparent; box-sizing: border-box; transition: color 0.2s linear; cursor: pointer; outline: none; user-select: none; } .mm_input_common .mm_input_tooltip .mm_input_tooltip_button .mm9_button_custom, .mm_weight_input_container .mm_weight_input .mm_input_tooltip .mm_input_tooltip_button .mm9_button_custom { position: relative; display: flex; } .mm_input_common .mm_input_tooltip .mm_input_tooltip_button .mm9_button_custom svg, .mm_weight_input_container .mm_weight_input .mm_input_tooltip .mm_input_tooltip_button .mm9_button_custom svg { width: 13px; height: 13px; } .mm_input_common .mm_input_tooltip .mm_input_tooltip_button .mm10_svg_icon_color, .mm_weight_input_container .mm_weight_input .mm_input_tooltip .mm_input_tooltip_button .mm10_svg_icon_color { fill: #6a6e79; transition: fill 0.2s linear; } .mm_input_common .mm_input_tooltip .mm_input_tooltip_button:hover .mm10_svg_icon_color, .mm_input_common .mm_input_tooltip .mm_input_tooltip_button.focus .mm10_svg_icon_color, .mm_input_common .mm_input_tooltip .mm_input_tooltip_button.active .mm10_svg_icon_color, .mm_input_common .mm_input_tooltip.active .mm_input_tooltip_button .mm10_svg_icon_color, .mm_weight_input_container .mm_weight_input .mm_input_tooltip .mm_input_tooltip_button:hover .mm10_svg_icon_color, .mm_weight_input_container .mm_weight_input .mm_input_tooltip .mm_input_tooltip_button.focus .mm10_svg_icon_color, .mm_weight_input_container .mm_weight_input .mm_input_tooltip .mm_input_tooltip_button.active .mm10_svg_icon_color, .mm_weight_input_container .mm_weight_input .mm_input_tooltip.active .mm_input_tooltip_button .mm10_svg_icon_color { fill: #494a53; } .mm_input_tooltip_menu { position: absolute; display: none; top: 0; left: 0; margin: 9px 0 6px -63px; text-align: left; background-color: #fff; flex-direction: column; border: 1px solid #ecedf2; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; z-index: 99999; } .mm_input_tooltip_menu::before { position: absolute; top: -6px; left: 63px; width: 9px; height: 9px; background-color: #fff; border: 1px solid #ecedf2; border-right-color: transparent; border-bottom-color: transparent; transform: rotate( 45deg ); content: ''; } .mm_input_tooltip_menu.above::before { top: auto; bottom: -6px; border-top-color: transparent; border-right-color: #ecedf2; border-bottom-color: #ecedf2; border-left-color: transparent; } .mm_input_tooltip_menu .mm9_menubutton_menu_item { position: relative; display: flex; min-width: 120px; height: auto; padding: 10px 15px; align-items: center; white-space: normal; text-align: left; font-weight: normal; font-size: 12px; line-height: 18px; color: #494a53; cursor: default; background-color: transparent; } .mm_input_tooltip_menu .mm9_menubutton_menu_item .mm_input_tooltip_menu_item_default { max-width: 450px; } .mm_weight_input_container { position: relative; display: inline-flex; vertical-align: middle; margin: 0; align-items: center; } .mm_weight_input_container .mm_weight_input { position: relative; display: inline-flex; vertical-align: middle; margin: 0; padding: 0 15px; width: 138px; height: 40px; background: #fff; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; align-items: center; transition: border-color 0.1s linear; flex-grow: 1; } .mm_weight_input_container .mm_weight_input.mm_weight_input_smaller_units_input { padding-right: 0; width: 160px; } .mm_weight_input_container .mm_weight_input.mm_weight_input_mixed_units_input { width: 120px; } .mm_weight_input_container .mm_weight_input + .mm_weight_input { margin-left: 10px; } .mm_weight_input_container .mm_weight_input.title_visible { margin-top: 23px; } .mm_weight_input_container.small .mm_weight_input { height: 30px; } .mm_weight_input_container.regular .mm_weight_input { height: 40px; } .mm_weight_input_container.medium .mm_weight_input { height: 44px; } .mm_weight_input_container.large .mm_weight_input { height: 50px; } .mm_weight_input_container.auto_width .mm_weight_input, .mm_weight_input_container.auto_width .mm_weight_input.mm_weight_input_smaller_units_input, .mm_weight_input_container.auto_width .mm_weight_input.mm_weight_input_mixed_units_input { width: auto; } .mm_weight_input_container.whole_width { display: flex; width: auto; min-width: auto; } .mm_weight_input_container .mm_weight_input.focus { border-color: #539cff; } .mm_weight_input_container .mm_weight_input.invalid, .mm_weight_input_container .mm_weight_input.invalid.focus { border-color: #ea6570; } .mm_weight_input_container .mm_weight_input .mm_input_label { position: relative; display: inline-block; margin-left: 10px; color: #969da8; font-size: 13px; } .mm_weight_input_container .mm_weight_input.disabled .mm_input_label { color: #b4b9bf; } .mm_weight_input_container .mm_weight_input.mm_weight_input_smaller_units_input .mm_input_label { display: none; } .mm_weight_input_container .mm_weight_input .mm_input_title { display: none; } .mm_weight_input_container .mm_weight_input.title_visible .mm_input_title { position: absolute; display: flex; top: -24px; left: 0; color: #494a53; font-size: 13px; font-weight: 500; text-transform: none; white-space: nowrap; align-items: center; } .mm_weight_input_container .mm_weight_input .mm_input_title.normal { font-weight: normal; } .mm_weight_input_container .mm_weight_input.title_visible.tooltip_visible .mm_input_title_tooltip { position: relative; display: inline-block; margin-left: 6px; } .mm_weight_input_container .mm_weight_input .mm_input, .mm_weight_input_container .mm_weight_input::after { position: relative; margin: 0; padding: 0; border: none; background: transparent; box-sizing: border-box; font-size: 12px; font-family: 'Neue Haas Grotesk Text', sans-serif; font-weight: normal; text-align: left; letter-spacing: 0.010em; color: #494a53; flex-grow: 1; outline: none; } .mm_weight_input_container .mm_weight_input .mm_input::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */ .mm_weight_input_container .mm_weight_input .mm_input::-ms-input-placeholder /* Microsoft Edge */ { font-family: 'Neue Haas Grotesk Text', sans-serif; letter-spacing: 0.02em; line-height: 21px; color: #969da8; opacity: 1; } .mm_weight_input_container .mm_weight_input.readonly { background: #fafbfc; border-color: #e0e1e4; } .mm_weight_input_container .mm_weight_input.readonly.focus, .mm_weight_input_container .mm_weight_input.readonly.invalid.focus { background: #fafbfc; border-color: #969da8; } .mm_weight_input_container .mm_weight_input.readonly .mm_input, .mm_weight_input_container .mm_weight_input.readonly.focus .mm_input, .mm_weight_input_container .mm_weight_input.readonly.invalid.focus .mm_input { color: #494a53; } .mm_weight_input_container .mm_weight_input.disabled, .mm_weight_input_container .mm_weight_input.disabled.focus, .mm_weight_input_container .mm_weight_input.disabled.invalid.focus { background: #fafbfc; border-color: #e0e1e4; } .mm_weight_input_container .mm_weight_input.disabled .mm_input, .mm_weight_input_container .mm_weight_input.disabled.focus .mm_input, .mm_weight_input_container .mm_weight_input.disabled.invalid.focus .mm_input { color: #b4b9bf; } .mm_weight_input_container .mm_weight_input_units { position: relative; display: inline-flex; margin-left: 16px; height: 100%; align-items: stretch; justify-content: center; box-sizing: border-box; } .mm_weight_input_container .mm_weight_input_units_button { position: relative; display: inline-flex; vertical-align: middle; padding: 0 12px; text-align: center; line-height: 1; align-items: center; justify-content: center; box-shadow: none; flex-shrink: 1; cursor: pointer; outline: none; box-sizing: border-box; user-select: none; } .mm_weight_input_container .mm_weight_input_units_button::before { position: absolute; display: block; top: 50%; left: 0; width: 1px; height: 18px; background-color: #e0e1e4; transform: translateY(-50%); transition: background-color 0.2s linear, height 0.2s linear; content: ''; } .mm_weight_input_container.small .mm_weight_input_units_button::before { height: 16px; } .mm_weight_input_container.regular .mm_weight_input_units_button::before { height: 18px; } .mm_weight_input_container.medium .mm_weight_input_units_button::before { height: 20px; } .mm_weight_input_container.large .mm_weight_input_units_button::before { height: 22px; } .mm_weight_input_container .mm_weight_input_units_button .mm9_button_image { display: none; } .mm_weight_input_container .mm_weight_input_units_button .mm9_button_text { padding: 0 16px 0 0; min-width: 2ch; color: #494a53; font-family: 'Neue Haas Grotesk Display', sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.010em; transition: color 0.2s linear; } .mm_weight_input_container .mm_weight_input.readonly .mm_weight_input_units_button .mm9_button_text { color: #494a53; } .mm_weight_input_container .mm_weight_input.disabled .mm_weight_input_units_button .mm9_button_text { color: #b4b9bf; } .mm_weight_input_container.small .mm_weight_input_units_button .mm9_button_text { font-size: 12px; } .mm_weight_input_container .mm_weight_input_units.active .mm_weight_input_units_button .mm9_button_text, .mm_weight_input_container .mm_weight_input_units .mm_weight_input_units_button.focus .mm9_button_text, .mm_weight_input_container .mm_weight_input_units .mm_weight_input_units_button.active .mm9_button_text { color: #2f75ff; } .mm_weight_input_container .mm_weight_input_units_button .mm9_menubutton_dropdown { display: none; } .mm_weight_input_container .mm_weight_input_units_button .mm9_button_text::before { position: absolute; top: 50%; right: 3px; width: 5px; height: 2px; background-color: #6a6e79; border-radius: 2px 0 0 2px; transform: translateY(-50%) rotate(40deg); transition: all 0.2s linear; content: ''; } .mm_weight_input_container .mm_weight_input_units_button .mm9_button_text::after { position: absolute; top: 50%; right: 0px; width: 5px; height: 2px; background-color: #6a6e79; border-radius: 0 2px 2px 0; transform: translateY(-50%) rotate(-40deg); transition: all 0.2s linear; content: ''; } .mm_weight_input_container .mm_weight_input.disabled .mm_weight_input_units_button .mm9_button_text::before, .mm_weight_input_container .mm_weight_input.disabled .mm_weight_input_units_button .mm9_button_text::after { background-color: #e0e1e4; } .mm_weight_input_container .mm_weight_input_units.active .mm_weight_input_units_button .mm9_button_text::before { transform: rotate(-40deg); } .mm_weight_input_container .mm_weight_input_units.active .mm_weight_input_units_button .mm9_button_text::after { transform: rotate(40deg); } .mm_weight_input_container .mm_weight_input_units.active .mm_weight_input_units_button .mm9_button_text::before, .mm_weight_input_container .mm_weight_input_units .mm_weight_input_units_button.focus .mm9_button_text::before, .mm_weight_input_container .mm_weight_input_units .mm_weight_input_units_button.active .mm9_button_text::before, .mm_weight_input_container .mm_weight_input_units.active .mm_weight_input_units_button .mm9_button_text::after, .mm_weight_input_container .mm_weight_input_units .mm_weight_input_units_button.focus .mm9_button_text::after, .mm_weight_input_container .mm_weight_input_units .mm_weight_input_units_button.active .mm9_button_text::after { background-color: #2f75ff; } .mm_weight_input_units_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected, .mm_weight_input_units_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected { color: #2f75ff; font-weight: bold; } .mm_select_common { position: relative; display: inline-block; } .mm_select_common.fixed_narrow_width { width: 125px; } .mm_select_common.fixed_default_width { width: 250px; } .mm_select_common.fixed_wide_width { width: 400px; } .mm_select_common.auto_width { display: inline-block; width: unset; } .mm_select_common.whole_width { display: block; width: auto; } .mm_select_common .mm_select_common_button { position: relative; display: flex; margin: 0; padding: 0 40px 0 15px; height: 40px; line-height: 1; text-align: left; background: #fff; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; transition: 0.2s border-color linear; align-items: center; cursor: pointer; outline: none; } .mm_select_common.small .mm_select_common_button { height: 30px; } .mm_select_common.regular .mm_select_common_button { height: 40px; } .mm_select_common.medium .mm_select_common_button { height: 44px; } .mm_select_common.large .mm_select_common_button { height: 50px; } .mm_select_common .mm_select_common_button.focus { border-color: #539cff; } .mm_select_common .mm_select_common_button:hover { border-color: #cfd2d6; } .mm_select_common .mm_select_common_button.active, .mm_select_common.active .mm_select_common_button { border-color: #539cff; } .mm_select_common.invalid .mm_select_common_button, .mm_select_common.invalid .mm_select_common_button.active, .mm_select_common.invalid.active .mm_select_common_button { border-color: #ea6570; } .mm_select_common.title_visible { margin-top: 23px; } .mm_select_common.title_visible .mm9_button_title { position: absolute; display: flex; top: -24px; left: 0; color: #494a53; font-size: 13px; font-weight: 500; line-height: normal; text-transform: none; align-items: center; } .mm_select_common .mm9_button_title.normal { font-weight: normal; } .mm_select_common.required .mm9_button_title { font-weight: 700; } .mm_select_common.optional .mm9_button_title { font-weight: normal; font-style: italic; } .mm_select_common.title_visible.tooltip_visible .mm9_button_title_tooltip { position: relative; display: inline-block; margin-left: 6px; } .mm_select_common .mm_select_common_button .mm9_button_text, .mm_select_common.active .mm_select_common_button .mm9_button_text { padding: 0; line-height: 1.2em; text-align: left; font-size: 12px; font-weight: 400; color: #494a53; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mm_select_common.invalid .mm_select_common_button .mm9_button_text, .mm_select_common.invalid .mm_select_common_button:hover .mm9_button_text { color: #ea6570; } .mm_select_common_button .mm9_menubutton_dropdown { position: absolute; display: block; top: 50%; right: 15px; width: 10px; height: 6px; border: none; background: none; transform: translateY(-50%); } .mm_select_common_button .mm9_menubutton_dropdown_bg1 { position: absolute; top: 2px; left: 3px; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(-45deg); transition: all 0.2s linear; } .mm_select_common.active .mm_select_common_button .mm9_menubutton_dropdown_bg1 { transform: rotate(45deg); } .mm_select_common_button .mm9_menubutton_dropdown_bg2 { position: absolute; top: 2px; left: -1px; width: 7px; height: 2px; background-color: #6a6e79; border-radius: 1px; transform: rotate(45deg); transition: all 0.2s linear; } .mm_select_common.active .mm_select_common_button .mm9_menubutton_dropdown_bg2 { transform: rotate(-45deg); } .mm_select_common .mm_select_common_button.disabled, .mm_select_common .mm_select_common_button.disabled:hover, .mm_select_common .mm_select_common_button.disabled.focus, .mm_select_common.active .mm_select_common_button.disabled, .mm_select_common.active .mm_select_common_button.disabled:hover, .mm_select_common.active .mm_select_common_button.disabled.focus { border-color: #e0e1e4; background-color: #fafbfc; cursor: default; } .mm_select_common .mm_select_common_button.disabled .mm9_button_text { color: #b4b9bf; } .mm_select_common_button.disabled .mm9_menubutton_dropdown_bg1, .mm_select_common_button.disabled .mm9_menubutton_dropdown_bg2, .mm_select_common.active .mm_select_common_button.disabled .mm9_menubutton_dropdown_bg1, .mm_select_common.active .mm_select_common_button.disabled .mm9_menubutton_dropdown_bg2 { background-color: #e0e1e4; } .mm_select_common_menu { position: absolute; display: none; top: 57px; left: 3px; padding: 10px 0; min-width: calc( 100% - 6px ); max-width: calc( 100% - 6px ); text-align: left; background: #fff; border: 1px solid #ecedf2; border-radius: 4px; box-shadow: 0 12px 20px rgba(127, 155, 211, 0.25); box-sizing: border-box; overflow: auto; z-index: 99999; } .mm_select_common_menu.root { margin-top: 10px; margin-bottom: 10px; min-width: auto; max-width: auto; } .mm_select_common_menu .mm9_menubutton_menu_item { position: relative; display: flex; padding: 0 25px; height: 30px; white-space: nowrap; text-align: left; font-size: 13px; font-weight: 500; color: #6a6e79; background-color: #fff; align-items: center; cursor: pointer; } .mm_select_common_menu.wrap_items .mm9_menubutton_menu_item { padding-top: 6px; padding-bottom: 6px; height: auto; white-space: normal; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; line-height: 18px; box-sizing: border-box; } .mm_select_common_menu .mm9_menubutton_menu_item.selected_option { color: #2f75ff; background-color: #f5f7fa; font-weight: bold; } .mm_select_common_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected { background-color: #2f75ff; color: #fff; } .mm_select_common_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled { background-color: #fff; color: #cfd2d6; cursor: default; } .mm_select_common_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled.selected_option { background-color: #f5f7fa; } .mm_select_common .mm_button_tooltip { position: relative; display: block; margin-top: 1px; } .mm_select_common .mm_button_tooltip_button { position: relative; display: flex; align-items: center; background-color: transparent; box-sizing: border-box; transition: color 0.2s linear; cursor: pointer; outline: none; user-select: none; } .mm_select_common .mm_button_tooltip .mm_button_tooltip_button .mm9_button_custom { position: relative; display: flex; } .mm_select_common .mm_button_tooltip .mm_button_tooltip_button .mm9_button_custom svg { width: 13px; height: 13px; } .mm_select_common .mm_button_tooltip .mm_button_tooltip_button .mm10_svg_icon_color { fill: #6a6e79; transition: fill 0.2s linear; } .mm_select_common .mm_button_tooltip .mm_button_tooltip_button:hover .mm10_svg_icon_color, .mm_select_common .mm_button_tooltip .mm_button_tooltip_button.focus .mm10_svg_icon_color, .mm_select_common .mm_button_tooltip .mm_button_tooltip_button.active .mm10_svg_icon_color, .mm_select_common .mm_button_tooltip.active .mm_button_tooltip_button .mm10_svg_icon_color { fill: #494a53; } .mm_select_common .mm_button_tooltip .mm_button_tooltip_button .mm9_menubutton_dropdown { display: none; } .mm_button_tooltip_menu { position: absolute; display: none; top: 0; left: 0; margin: 9px 0 6px -63px; text-align: left; background-color: #fff; flex-direction: column; border: 1px solid #ecedf2; border-radius: 4px; box-shadow: 0 2px 10px rgba(47, 117, 255, 0.15); box-sizing: border-box; z-index: 99999; } .mm_button_tooltip_menu::before { position: absolute; top: -6px; left: 63px; width: 9px; height: 9px; background-color: #fff; border: 1px solid #ecedf2; border-right-color: transparent; border-bottom-color: transparent; transform: rotate( 45deg ); content: ''; } .mm_button_tooltip_menu.above::before { top: auto; bottom: -6px; border-top-color: transparent; border-right-color: #ecedf2; border-bottom-color: #ecedf2; border-left-color: transparent; } .mm_button_tooltip_menu .mm9_menubutton_menu_item { position: relative; display: flex; min-width: 120px; height: auto; padding: 10px 15px; align-items: center; white-space: normal; text-align: left; font-weight: normal; font-size: 12px; line-height: 18px; color: #494a53; cursor: default; background-color: transparent; } .mm_button_tooltip_menu .mm9_menubutton_menu_item .mm_button_tooltip_menu_item_default { max-width: 450px; } .mm_datetimepickerdisplay { position: relative; display: inline-flex; padding: 0 15px; height: 44px; background-color: #fff; border: 1px solid #e0e1e4; border-radius: 4px; box-sizing: border-box; align-items: center; cursor: pointer; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mm_datetimepickerdisplay.small { height: 30px; } .mm_datetimepickerdisplay.regular { height: 40px; } .mm_datetimepickerdisplay.medium { height: 44px; } .mm_datetimepickerdisplay.large { height: 50px; } .mm_datetimepickerdisplay.whole_width { display: flex; width: auto; } .mm_datetimepickerdisplay.focus { border-color: #539cff; } .mm_datetimepickerdisplay:hover { ; } .mm_datetimepickerdisplay.active { ; } .mm_datetimepickerdisplay.invalid, .mm_datetimepickerdisplay.invalid.focus, .mm_datetimepickerdisplay.invalid:hover, .mm_datetimepickerdisplay.invalid.active { border-color: #ea6570; } .mm_datetimepickerdisplay.disabled, .mm_datetimepickerdisplay.disabled.focus, .mm_datetimepickerdisplay.disabled:hover, .mm_datetimepickerdisplay.disabled.active, .mm_datetimepickerdisplay.disabled.invalid { background-color: #f5f7fa; border-color: #e0e1e4; } .mm_datetimepickerdisplay_date_container, .mm_datetimepickerdisplay_time_container { position: relative; display: inline-flex; align-items: center; flex-grow: 1; } .mm_datetimepickerdisplay.dateonly .mm_datetimepickerdisplay_time_container { display: none; } .mm_datetimepickerdisplay_date_icon, .mm_datetimepickerdisplay_time_icon { position: relative; display: inline-block; margin-right: 12px; width: 15px; height: 15px; color: #2f75ff; flex-shrink: 0; } .mm_datetimepickerdisplay.invalid .mm_datetimepickerdisplay_date_icon, .mm_datetimepickerdisplay.invalid.focus .mm_datetimepickerdisplay_date_icon, .mm_datetimepickerdisplay.invalid:hover .mm_datetimepickerdisplay_date_icon, .mm_datetimepickerdisplay.invalid.active .mm_datetimepickerdisplay_date_icon, .mm_datetimepickerdisplay.invalid .mm_datetimepickerdisplay_time_icon, .mm_datetimepickerdisplay.invalid.focus .mm_datetimepickerdisplay_time_icon, .mm_datetimepickerdisplay.invalid:hover .mm_datetimepickerdisplay_time_icon, .mm_datetimepickerdisplay.invalid.active .mm_datetimepickerdisplay_time_icon { color: #ea6570; } .mm_datetimepickerdisplay.disabled .mm_datetimepickerdisplay_date_icon, .mm_datetimepickerdisplay.disabled .mm_datetimepickerdisplay_time_icon { color: #cfd2d6; } .mm_datetimepickerdisplay_date, .mm_datetimepickerdisplay_time { position: relative; display: inline-block; font-size: 13px; font-weight: normal; color: #6a6e79; } .mm_datetimepickerdisplay.disabled .mm_datetimepickerdisplay_date, .mm_datetimepickerdisplay.disabled .mm_datetimepickerdisplay_time { color: #969da8; } .mm_datetimepickerdisplay_divider { position: relative; display: inline-block; margin: 0 15px; width: 1px; height: 26px; background-color: #e0e1e4; } .mm_datetimepickerdisplay.dateonly .mm_datetimepickerdisplay_divider { display: none; } .mm_datetimepickerdisplay.small .mm_datetimepickerdisplay_divider { height: 16px; } .mm_datetimepickerdisplay.regular .mm_datetimepickerdisplay_divider { height: 24px; } .mm_datetimepickerdisplay.medium .mm_datetimepickerdisplay_divider { height: 26px; } .mm_datetimepickerdisplay.large .mm_datetimepickerdisplay_divider { height: 32px; } /* MM10 Dashboard Styles */ .mm10_dashboard { position: relative; display: block; margin: 0 auto; max-width: 1300px; } .mm10_dashboard_group { position: relative; display: none; box-sizing: border-box; } .mm10_dashboard_group.visible { display: inline-flex; } .mm10_dashboard_group:empty { display: none; } .mm10_dashboard_group.mm10_dashboard_group_small { padding-right: 5px; width: 40%; } .mm10_dashboard_group.mm10_dashboard_group_medium { padding-left: 5px; width: 60%; } .mm10_dashboard_group.mm10_dashboard_group_large { width: auto; flex-grow: 1; } .mm10_dashboard_group.mm10_dashboard_group_large.visible { display: flex; } .mm10_dashboard_group.mm10_dashboard_group_column { flex-direction: column; } .mm10_dashboard_item { position: relative; display: flex; margin-bottom: 10px; padding: 30px 30px 40px; background-color: #fff; border-radius: 4px; box-shadow: 0 7px 12px rgba( 202, 214, 237, .20 ); box-sizing: border-box; overflow: hidden; flex-direction: column; } .mm10_dashboard_item.inactive { background-color: #f5f7fa; } .mm10_dashboard_item.nopermissions { background-color: #f5f7fa; border: 1px solid #e1e5eb; box-shadow: none; } .mm10_dashboard_item.no_content { padding: 30px; } .mm10_dashboard_item.hidden { display: none; } .mm10_dashboard_item_header { position: relative; display: flex; margin-bottom: 35px; align-items: center; overflow: hidden; flex-shrink: 0; } .mm10_dashboard_item.no_content .mm10_dashboard_item_header { margin-bottom: 0; } .mm10_dashboard_item_title { position: relative; display: inline-block; font-size: 18px; font-weight: 500; color: #5b5c67; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex-grow: 1; } .mm10_dashboard_item.inactive .mm10_dashboard_item_title, .mm10_dashboard_item.nopermissions .mm10_dashboard_item_title { color: #969da8; } .mm10_dashboard_item_title_text { position: relative; display: inline; } .mm10_dashboard_item_title_count { position: relative; display: inline; margin-left: 5px; font-weight: normal; } .mm10_dashboard_item_title_count:empty { display: none; } .mm10_dashboard_item_actions { position: relative; display: inline-flex; white-space: nowrap; flex-shrink: 0; align-items: center; } .mm10_dashboard_item_actions .mm10_button_style_primary, .mm10_dashboard_item_actions .mm10_button_style_alternative_1, .mm10_dashboard_item_actions .mm10_button_style_primary_muted, .mm10_dashboard_item_actions .mm10_button_style_secondary, .mm10_dashboard_item_actions .mm10_button_style_secondary_borderless, .mm10_dashboard_item_actions .mm10_button_style_primary_muted_borderless, .mm10_dashboard_item_actions .mm10_button_style_link, .mm10_dashboard_item_actions .mm10_button_style_negative, .mm10_dashboard_item_actions .mm10_button_style_negative_muted, .mm10_dashboard_item_actions .mm_hybridmenubutton_style_primary, .mm10_dashboard_item_actions .mm_hybridmenubutton_style_alternative_1, .mm10_dashboard_item_actions .mm_hybridmenubutton_style_primary_muted, .mm10_dashboard_item_actions .mm_hybridmenubutton_style_secondary, .mm10_dashboard_item_actions .mm_hybridmenubutton_style_secondary_borderless, .mm10_dashboard_item_actions .mm_hybridmenubutton_style_primary_muted_borderless, .mm10_dashboard_item_actions .mm_hybridmenubutton_style_link, .mm10_dashboard_item_actions .mm_hybridmenubutton_style_negative, .mm10_dashboard_item_actions .mm_hybridmenubutton_style_negative_muted { margin-left: 12px; } .mm10_dashboard_item_content { position: relative; display: flex; flex-grow: 1; flex-direction: column; } .mm10_dashboard_item.inactive .mm10_dashboard_item_content, .mm10_dashboard_item.nopermissions .mm10_dashboard_item_content { color: #8b8f98; } .mm10_dashboard_item_nopermission_container { position: relative; display: flex; align-items: center; justify-content: flex-start; white-space: nowrap; } .mm10_dashboard_item_actions .mm10_dashboard_item_nopermission_container { justify-content: flex-end; } .mm10_dashboard_item_nopermission_container.box { background-color: #f2f4f7; border: 1px solid #e1e5eb; border-radius: 4px; justify-content: center; flex-grow: 1; } .mm10_dashboard_item_nopermission_icon { position: relative; display: inline-block; margin-right: 10px; font-size: 16px; color: #ffa700; } .mm10_dashboard_item_nopermission_container.box .mm10_dashboard_item_nopermission_icon { font-size: 20px; } .mm10_dashboard_item_nopermission_message { position: relative; display: inline-block; font-size: 13px; color: #8b8f98; } .mm10_dashboard_item_nopermission_container.box .mm10_dashboard_item_nopermission_message { font-size: 18px; font-weight: 500; } .mm10_dashboard_item_loading_container { position: relative; display: none; width: 100%; align-items: center; justify-content: center; flex-direction: column; box-sizing: border-box; flex-grow: 1; } .mm10_dashboard_item_loading_container.fixed { height: 200px; } .mm10_dashboard_group_small > .mm10_dashboard_item .mm10_dashboard_item_loading_container.fixed { height: 100px; } .mm10_dashboard_item_loading_container.visible { display: flex; } .mm10_dashboard_item_empty_container { position: relative; display: none; width: 100%; align-items: center; justify-content: center; flex-direction: column; background-color: #f5f7fa; border-radius: 4px; box-sizing: border-box; flex-grow: 1; } .mm10_dashboard_item_empty_container.fixed { height: 200px; } .mm10_dashboard_group_small > .mm10_dashboard_item .mm10_dashboard_item_empty_container.fixed { height: 100px; } .mm10_dashboard_item_empty_container.visible { display: flex; } .mm10_dashboard_item_empty_message_icon { position: relative; display: block; margin-bottom: 40px; width: 133px; height: 130px; background-image: url('graphics/en-US/admin/mm10_dashboard_empty_icon.png'); background-repeat: no-repeat; background-position: center center; } .mm10_dashboard_item_empty_message_text { position: relative; display: block; font-size: 18px; font-weight: 500; color: #6a6e79; } .mm10_dashboard_group_small > .mm10_dashboard_item .mm10_dashboard_item_empty_message_text { font-size: 14px; } .mm10_dashboard_item_list_container { position: relative; display: none; box-sizing: border-box; } .mm10_dashboard_item_list_container.visible { display: block; } .mm10_dashboard_item_list_row { position: relative; display: flex; height: 50px; border-bottom: 1px solid #f2f4f7; align-items: center; overflow: hidden; } .mm10_dashboard_item_list_row:nth-child(even) { background-color: #f5f7fa; } .mm10_dashboard_item_list_row.header { height: 36px; background: transparent; font-family: 'Neue Haas Grotesk Display', sans-serif; letter-spacing: 0.01em; } .mm10_dashboard_item_list_cell { position: relative; display: inline-block; margin-left: 30px; font-size: 13px; font-weight: normal; color: #6a6e79; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mm10_dashboard_item_list_row .mm10_dashboard_item_list_cell:last-child { margin-right: 30px; } .mm10_dashboard_item_list_row.header .mm10_dashboard_item_list_cell { font-size: 11px; font-weight: bold; color: #969da8; text-transform: uppercase; }