.minwidth180 { min-width: 175px !important; }
div.login_block_other { max-width: unset; }

#login_right #entity {
	min-width: 190px !important;
}

#login_right .multicompany-trinputlogin .select2-container {
	padding-left: inherit;
}
#login_right .nowrap {
	white-space: nowrap!important;
}
#login_right .multicompany-trinputlogin {
	padding-top: 10px
}
.icon-multicompany-blue {
	background-image: url(/dolimims/htdocs/custom/multicompany/img/object_multicompany.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.icon-multicompany-white {
	background-image: url(/dolimims/htdocs/custom/multicompany/img/object_multicompany_eldy.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.icon-multicompany-black {
	background-image: url(/dolimims/htdocs/custom/multicompany/img/object_multicompany_md.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.topmenu-mc-header-label {
	font-weight: bold;
	font-size: large;
}
.multicompany_select {
	font-family: roboto,arial,tahoma,verdana,helvetica !important;
}
#multicompany_title .opacityhigh {
	opacity: 0.8 !important;
}
.multicompany_block .fa-globe,
.modify-entity {
	cursor:pointer;
}
.modify-entity-disabled {
	cursor:not-allowed!important;
}
div.entity_box {
	margin-top: 10px;
}
div#login_right {
	min-width:0!important;
}
#changeentity, #entitythirdparty, #entitycontact, #referring_entity {
	width: 200px;
}
#select2-changeentity-container {
	color: #444!important;
}
#entity_box #entity, #search_entity {
	width: 135px;
}
#entity_box .select2-container {
	margin-left: 8px!important;
}
.padding-left5 {
	padding-left: 5px;
}
.padding-top3 {
	padding-top: 3px;
}
.padding-left15 {
	padding-left: 15px!important;
}
.fifty-percent {
	width: 50%;
}
.seventy-percent {
	width: 70%;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.valign-middle {
	vertical-align: middle;
}
.text-align-right {
	text-align: right;
}
.text-align-center {
	text-align: center;
}
.text-align-left {
	text-align: left;
}
.button-align-right {
	text-align: right;
	padding-right: 30px;
}
.button-not-allowed {
	cursor: not-allowed !important;
	opacity: 0.6;
}
/* The field group never shrinks (flex-shrink: 0) - a squashed, half-readable input is
   worse than the toggle wrapping onto its own line below when the column gets narrow
   (small screens, sidebar expanded, etc.). Both stay right-aligned in all cases. */
.cache-row-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}
.cache-row-field {
	flex: 0 0 auto;
}
.cache-row-toggle {
	flex: 0 0 auto;
}
div.mc-upgrade-alert {
  color: #302020;
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin: 0.5em 1.5em 0.5em 1.5em;
  border: 1px solid #e0d0b0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #EFCFCF;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.multicompany_checker div.ok {
	color: #000;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 0.5em 0em 0.5em 0em;
	border: 1px solid #339933;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #33CC33;
	opacity: 0.7;
}
.multicompany_checker div.error {
	color: #000;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 0.5em 0em 0.5em 0em;
	border: 1px solid #CB1515;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #FE7E7E;
	opacity: 0.7;
}
.dataTables_length select {
	font-size: unset;
}
table.dataTable thead tr {
    background-color: rgb(220,220,223)!important;
}
table.dataTable tbody tr.odd {
    background-color: #f8f8f8!important;
    border-bottom: 1px solid #ddd;
}
table.dataTable tbody tr.even {
    background-color: #ffffff!important;
    border-bottom: 1px solid #ddd;
}
table.dataTable tbody tr:hover {
    background-color: #edf4fb!important;
}
.multicompany-entity-container {
	font-size: smaller;
	background: #e1e7e1;
	padding: 2px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-radius: 10px;
	display: inline-block;
}
.multicompany-entity-card-container {
	background: #e1e7e1;
	padding-left: 4px!important;
	padding-right: 5px!important;
	padding-bottom: 2px!important;
	margin-top: 5px!important;
	border-radius: 10px;
	display: inline-block;
}
.multicompany-entity-container:hover,
.multicompany-entity-card-container:hover {
	background: #d5dbd5;
}
.multicompany-button-disabled,
.multicompany-switch-disabled,
.multicompany-switch-on-not-allowed,
.multicompany-switch-off-not-allowed {
	margin: 5px;
	cursor: not-allowed;
	opacity: 0.5;
}
.multicompany-switch-on,
.multicompany-switch-off,
.multicompany-button-active-on,
.multicompany-button-active-off,
.multicompany-button-visible-on,
.multicompany-button-visible-off {
	margin: 5px;
	cursor: pointer;
}
.multicompany-button-template,
.multicompany-button-lock-on {
	margin: 5px;
}
.multicompany-button-template {
	color: rgb(59, 91, 152);
}
.multicompany-master-entity-icon {
	color: #b8860b;
}
.multicompany-template-entity-icon {
	color: rgb(59, 91, 152);
}
.multicompany-master-entity-row {
	background-color: rgba(184, 134, 11, 0.08) !important; /* very diffuse version of the crown's gold, must stay subtle enough not to compete with the icon itself */
}
/* Full-strength outline around the row, unlike the diffuse background above - borders on <tr>
   itself are unreliable across browsers in a table, so applied per-cell instead. */
.multicompany-master-entity-row > td {
	border-top: 1px solid #b8860b !important;
	border-bottom: 1px solid #b8860b !important;
}
.multicompany-master-entity-row > td:first-child {
	border-left: 1px solid #b8860b !important;
}
.multicompany-master-entity-row > td:last-child {
	border-right: 1px solid #b8860b !important;
}
/* Template entities (Visible column's clone icon, .multicompany-button-template): same treatment
   as the master entity row above, but in that icon's own colour, so the two stay visually distinct. */
.multicompany-template-entity-row {
	background-color: rgba(59, 91, 152, 0.08) !important;
}
.multicompany-template-entity-row > td {
	border-top: 1px solid rgb(59, 91, 152) !important;
	border-bottom: 1px solid rgb(59, 91, 152) !important;
}
.multicompany-template-entity-row > td:first-child {
	border-left: 1px solid rgb(59, 91, 152) !important;
}
.multicompany-template-entity-row > td:last-child {
	border-right: 1px solid rgb(59, 91, 152) !important;
}
.multicompany-button-setup {
	margin: 5px;
	cursor: pointer;
}
.multicompany-button-clonerights {
	cursor: pointer;
}
.multicompany-dialog-delete-label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.multicompany-dialog-delete-label-text {
	/* Take all the remaining width so the checkbox always sits flush at the far right of the
	   row, whatever line the text wraps on (without this, the checkbox would just trail right
	   after wherever the text's own box ends, which differs between browsers). */
	flex: 1;
}
.multicompany-button-delete {
	margin: 5px;
	cursor: pointer;
}
.multicompany-button-setmaster {
	margin: 5px;
	cursor: pointer;
}
.multicompany-flag-language,
.multicompany-flag-country {
	margin-top: 5px;
}
.multicompany-reorder-handle {
	margin: 5px;
	color: rgb(150, 150, 150);
	cursor: move;
}
.multicompany-remove-from-link {
	padding-left: 10px;
	padding-right: 5px;
}
#dialog-duplicate {
	overflow-x: hidden;
}
.multiselect-title {
	padding-left: 5px;
}
.multiselect-available-title, .multiselect-selected-title {
	padding-bottom: 5px;
	color: #73808c;
}
.multiselect-available-title-text, .multiselect-selected-title-text {
	padding-left: 5px;
}
.multiselect-menu {
	/*padding-top: 23px;*/
	padding-top: 20px;
}
.multiselect-menu-btn-color {
	background-color: #e2e2e2!important;
}
.multiselect-menu-btn-color:hover {
	background-color: #f2f2f2!important;
}
.multiselect-select {
	overflow-y:auto;
	padding: 6px 6px!important;
}
.multiselect-option {
	background-color: #f2f2f2!important;
	cursor: pointer;
	border: 5px;
}
.multiselect-min-height {
	min-height: 140px;
}
.multiselect-byelement-min-height {
	min-height: 190px;
}
.multicompany-margin-right-5 {
	margin-right: 5px;
}
tr.multiselect-separator td {
	padding: 1px!important;
	line-height: 1px!important;
	height: 10px!important;
}

.mc-three-state-switch-container {
	display: flex;
	justify-content: center;
	border: 3px solid #999;
	border-radius: 50px;
	width: 55px;
}
.mc-three-state-switch-button {
	height: 18px;
	width: 18px;
	appearance: none;
	background-color: white;
	border-style: inherit;
	border-radius: 50%;
	border-color: #999;
	cursor: pointer;
	border-width: 3px;
	opacity: 0;
	/*transform: translate(-15%,0);*/
	/*transition: all 0.3s linear;*/
}
.mc-three-state-switch-active {
	opacity: 1;
}

/*
 * Colours of the three positions, driven by the state class the javascript swaps on the container
 * (see ajaxThreeStateSwitch()). Keeping them here rather than in inline styles means the switch,
 * and the picture of it shown in the tooltip below, read their colours from the same place.
 * The orange is the flat hexadecimal of rgba(219,102,0,0.5) over white.
 */
.mc-three-state-switch-state-0 { background-color: white;   border-color: #999; }
.mc-three-state-switch-state-1 { background-color: #25A580; border-color: #25A580; }
.mc-three-state-switch-state-2 { background-color: #edb27f; border-color: #edb27f; }

.mc-three-state-switch-state-0 .mc-three-state-switch-button {
	border-color: #999;
	border-width: 3px;
}
.mc-three-state-switch-state-1 .mc-three-state-switch-button {
	border-color: #25A580;
	border-width: 2px;
}
.mc-three-state-switch-state-2 .mc-three-state-switch-button {
	border-color: #edb27f;
	border-width: 2px;
}

/*
 * Outline of the group. It is drawn around the whole group rather than around a knob, since the
 * positions that are not selected are transparent.
 *
 * Grey on hover, to show what the pointer is about to act on. Blue on keyboard focus, and
 * :focus-visible rather than :focus so a mouse click does not leave a lasting outline behind,
 * while a user moving with the tab and arrow keys still sees where they are.
 */
.mc-three-state-switch-button:focus {
	outline: none;
}
.mc-three-state-switch-container:hover {
	outline: 2px solid #ccc;
	outline-offset: 2px;
}
.mc-three-state-switch-container:has(.mc-three-state-switch-button:focus-visible) {
	outline: 2px solid #2b6ca3;
	outline-offset: 2px;
}
/* Browsers without :has() would leave keyboard users with no focus indicator at all, so fall back
 * to :focus-within there. It also outlines on a mouse click, which is the behaviour we just moved
 * away from, but a redundant outline is a far smaller problem than an invisible focus. */
@supports not selector(:has(*)) {
	.mc-three-state-switch-container:focus-within {
		outline: 2px solid #2b6ca3;
		outline-offset: 2px;
	}
}

/*
 * Static picture of the three-state switch, used to illustrate each of its positions inside a
 * tooltip (see mcThreeStateSwitchExample()). The real widget gets its colours from javascript,
 * which never runs on the content of a tooltip, so the three positions are plain CSS here.
 *
 * Each element carries a single class name, and the knobs carry none at all: a tooltip goes
 * through a title attribute where the quotes do not survive escaping, so an attribute holding a
 * space would be cut short by the HTML parser.
 */
.mc-switch-example-0,
.mc-switch-example-1,
.mc-switch-example-2 {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	border-width: 3px;
	border-style: solid;
	border-radius: 50px;
	width: 55px;
	height: 24px;
}
.mc-switch-example-0 { border-color: #999;    background-color: white; }
.mc-switch-example-1 { border-color: #25A580; background-color: #25A580; }
.mc-switch-example-2 { border-color: #edb27f; background-color: #edb27f; }

/* 12px plus a 3px border on each side makes 18px per knob, so the three of them take 54px and fit
   the 55px of the container. Without a fixed size they would be shrunk by the flex layout and
   would show up as ellipses. */
.mc-switch-example-0 > span,
.mc-switch-example-1 > span,
.mc-switch-example-2 > span {
	height: 12px;
	width: 12px;
	flex-shrink: 0;
	border-width: 3px;
	border-style: solid;
	border-color: inherit;
	border-radius: 50%;
	background-color: white;
	opacity: 0;
}
/* Only the knob of the shown position is visible */
.mc-switch-example-0 > span:nth-child(1),
.mc-switch-example-1 > span:nth-child(2),
.mc-switch-example-2 > span:nth-child(3) {
	opacity: 1;
}

.mc-switch-example-table,
.mc-switch-example-table td {
	border: none;
	vertical-align: middle;
}
.mc-switch-example-table {
	margin: 0;
}
.mc-switch-example-table td:first-child {
	padding-right: 8px;
}

/*
 * Dictionary row of the master entity that the current entity overrides with a row of the same
 * natural key: it stays listed so it can be seen, but it is never offered in any list, so it is
 * dimmed to tell it apart from the rows really in use.
 */
tr.mc-dict-row-overridden > td {
	opacity: 0.55;
	font-style: italic;
}

[data-tooltip]:before {
	content: attr(data-tooltip);
}
[data-tooltip] {
	display: inline-block;
	position: relative;
	cursor: pointer;
	/*padding: 4px;*/
}
/* Tooltip styling */
[data-tooltip]:before {
	content: attr(data-tooltip);
	display: none;
	position: absolute;
	background: #fff;
	color: #444;
	border-top: solid 1px #BBBBBB;
	border-left: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	border-bottom: solid 1px #BBBBBB;
	padding: 4px 10px;
	border-radius: 0;
	box-shadow: 0 0 4px grey;
	margin: 2px;
	font-stretch: condensed;
	min-width: 320px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
	left: 50%;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
	top: 50%;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
	bottom: 100%;
	margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
	left: 100%;
	margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
	top: 100%;
	margin-top: 6px;
}
[data-tooltip-position="left"]:before {
	right: 100%;
	margin-right: 6px;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	display: block;
	z-index: 3000;
}

/* Confirm-swap-with-master / confirm-delete dialogs (admin/tpl/switch.tpl.php) */
.mc-typelabel-input {
	width: 100%;
}

/* User guide page (admin/guide.php) - MarkdownExtra outputs plain, class-less HTML
   (h1/h2/table/pre...), so it is styled here since Dolibarr's default CSS only targets
   its own table/box classes. */
.guideutilisateur { line-height: 1.6; max-width: 900px; }
/* Dolibarr top bar (#id-top) is sticky, ~53px tall, above the page content: without this,
   jumping to an anchor (table of contents, internal links, the technical note link icon)
   scrolls the target heading right underneath it, out of view. */
.guideutilisateur h1, .guideutilisateur h2, .guideutilisateur h3, .guideutilisateur h4, .guideutilisateur details { scroll-margin-top: 65px; }
.guideutilisateur h1 { font-size: 1.6em; border-bottom: 2px solid #ddd; padding-bottom: 8px; margin: 0 0 16px; }
.guideutilisateur h2 { font-size: 1.3em; margin: 30px 0 10px; border-bottom: 1px solid #e0e0e0; padding-bottom: 4px; display: flex; justify-content: space-between; align-items: baseline; }
.guideutilisateur h2 .back-to-top { font-size: 0.8em; font-weight: normal; color: #999; text-decoration: none; margin-left: 12px; white-space: nowrap; }
.guideutilisateur h2 .back-to-top:hover, .guideutilisateur h2 .back-to-top:focus { color: #666; }
.guideutilisateur h3 { font-size: 1.05em; margin: 18px 0 8px; text-transform: uppercase; letter-spacing: .03em; color: #666; }
.guideutilisateur p, .guideutilisateur ul, .guideutilisateur ol { margin: 0 0 12px; }
.guideutilisateur ul, .guideutilisateur ol { padding-left: 24px; }
.guideutilisateur li { margin-bottom: 4px; }
.guideutilisateur hr { border: none; border-top: 1px solid #e0e0e0; margin: 26px 0; }
.guideutilisateur img { max-width: 100%; border: 1px solid #ddd; border-radius: 4px; margin: 8px 0 18px; }
.guideutilisateur blockquote { border-left: 3px solid #d0a13a; background: #fdf8ee; margin: 12px 0; padding: 8px 16px; }
.guideutilisateur blockquote p { margin: 0; }
.guideutilisateur table { border-collapse: collapse; width: 100%; margin: 8px 0 18px; }
.guideutilisateur table th { background: #f0f0f0; text-align: left; padding: 6px 12px; border: 1px solid #ddd; }
.guideutilisateur table td { padding: 6px 12px; border: 1px solid #e5e5e5; }
.guideutilisateur table tr:nth-child(even) td { background: #fafafa; }
.guideutilisateur table td:first-child { font-weight: 600; color: #444; }
.guideutilisateur table:not(:has(td:nth-child(3))) td:first-child { width: 32%; }
.guideutilisateur pre { background: #2b2b2b; color: #eee; padding: 12px 16px; border-radius: 4px; overflow-x: auto; font-family: Consolas, "Courier New", monospace; font-size: 0.85em; line-height: 1.5; }
.guideutilisateur code { background: #f0f0f0; padding: 1px 5px; border-radius: 3px; font-family: Consolas, "Courier New", monospace; font-size: 0.9em; }
.guideutilisateur pre code { background: none; padding: 0; color: inherit; }
.guideutilisateur details { border: 1px solid #e0e0e0; border-radius: 4px; padding: 4px 16px; margin: 14px 0; background: #fafafa; }
.guideutilisateur summary { cursor: pointer; font-weight: 600; padding: 6px 0; }
.guideutilisateur summary .anchor-link { opacity: 0; margin-left: 6px; color: #999; font-size: 0.85em; text-decoration: none; }
.guideutilisateur summary:hover .anchor-link, .guideutilisateur summary .anchor-link:focus { opacity: 1; }

/* FormLdap (admin/ldap_auth.php) renders the Type/Version selects with the narrow default
   "minwidth75" class, which truncates labels such as "Version 3" or "activedirectory";
   widen them (select2 copies the origin select classes onto its container, so we can target
   them by name). */
.select2-container.ldap_server_type, .select2-container.ldap_server_protocolversion,
select.ldap_server_type, select.ldap_server_protocolversion { min-width: 200px !important; }

/* Entity selector on the login page (class/actions_multicompany.class.php,
   getLoginPageExtraOptions). The select is a sibling of its icon, not a wrapper around it, to
   match the markup used for the username/password fields in core's login.tpl.php - nesting the
   select inside the inline icon <span> broke the select2 100% width resolution (percentage
   width against an inline, shrink-to-content parent), making it narrower than the other fields.
   margin-left matches the gap the username/password inputs get for free from whitespace between
   their own icon and input in the core template - select2 replaces the select with its own
   markup so that whitespace is lost. It is applied to the outer select2-container (not the
   inner select2-selection box) so the visible bordered box and its dropdown arrow, both
   sized/positioned relative to that same container, shift and stay flush together. max-width is
   also removed since the "maxwidth200" utility class (baked into every select_entities() output)
   caps the visible box narrower than its container, which otherwise leaves the arrow sitting
   outside the rounded border. */
.multicompany-trinputlogin .select2-container { margin-left: 10px; }
.multicompany-trinputlogin .select2-selection.login-entity { max-width: none; }

/* Entity list (admin/tpl/list.tpl.php) - toolbar/footer layout and drag-to-reorder state */
#multicompany_entity_list_wrapper .multicompany-entity-list-toolbar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 15px;
}
#multicompany_entity_list_wrapper .multicompany-entity-list-toolbar .dt-length,
#multicompany_entity_list_wrapper .multicompany-entity-list-toolbar .dt-search {
	display: block;
	width: auto;
}
#multicompany_entity_list_wrapper .multicompany-entity-list-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 15px;
}
#multicompany_entity_list_wrapper .multicompany-entity-list-footer .dt-info,
#multicompany_entity_list_wrapper .multicompany-entity-list-footer .dt-paging {
	display: block;
	width: auto;
}
#multicompany_entity_list_wrapper.reorder-disabled span.multicompany-reorder-handle {
	opacity: .5;
	cursor: pointer;
}


/*
 Dropdown
*/

.open>.mc-dropdown-menu { /*, #topmenu-login-dropdown:hover .dropdown-menu*/
    display: block;
}

.mc-dropdown-menu {
    box-shadow: none;
    border-color: #eee;
}
.mc-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}



/*
* MENU Dropdown
*/
.login_block.usedropdown .logout-btn {
    display: none;
}

.login_block .open.mcdropdown, .login_block .mcdropdown:hover {
    background: rgba(0, 0, 0, 0.1);
}
.login_block .mc-dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    line-height:1.3em;
}
.login_block .mc-dropdown-menu .mc-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.mc-body {
    color: #333;
}
.side-nav-vert .mc-menu .mc-dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 300px;
}
.side-nav-vert .mc-menu .mc-dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.side-nav-vert .mc-menu .mc-dropdown-menu > .mc-header {
    height: 175px;
    padding: 10px;
    text-align: center;
    white-space: normal;
}

.dropdown-mc-image {
	font-size: 90px;
    border-radius: 50%;
    vertical-align: middle;
    z-index: 5;
    height: 90px;
    width: 90px;
    /*border: 3px solid;*/
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    max-width: 100%;
    max-height :100%;
}

.mc-dropdown-menu > .mc-header {
    background: rgb(60,156,252);
}

.mc-dropdown-menu > .mc-footer {
    background-color: #f9f9f9;
    padding: 10px;
}

.mc-footer:after {
    clear: both;
}

.mc-dropdown-menu > .mc-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #dddddd;
    white-space: normal;
}

#topmenu-mc-dropdown {
    padding: 0 5px 0 5px;
}
#topmenu-mc-dropdown a:hover {
    text-decoration: none;
}
.topmenu-mc-label {
	font-family: roboto,arial,tahoma,verdana,helvetica;
	font-size: 13px;
	padding-left: 4px;
}
.atoplogin #mc-dropdown-icon-down, .atoplogin #mc-dropdown-icon-up {
    font-size: 0.7em;
}
.atoplogin #mc-dropdown-icon {
	cursor:pointer;
}

#topmenumcmoreinfo-btn {
    display: block;
    text-aling: right;
    color:#666;
    cursor: pointer;
}

#topmenumcmoreinfo {
    display: none;
    clear: both;
    font-size: 0.95em;
}

.button-top-menu-dropdown {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.mc-footer .button-top-menu-dropdown {
    color: #666666;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
    background-color: #f4f4f4;
    border-color: #ddd;
}