/* Admin generic styles */

table.admintable {
	width: 100%;
}

table.admintable td.left_title {
	width: 20% !important;
}

table.admintable td.right_details {
	width: 80% !important;
}

table.admintable input, table.admintable textarea {
	width: 50% !important;
	min-width: 250px !important;
}
table.adminlist.emoticons td {
	padding: 10px;
}

table.adminlist td label.label-sources {
	margin-right: 5px;
}

table.adminlist td textarea.emoticons {
	width: 100%;
	height: 80px;
}

table.adminlist td select.robots_directive {
	width: 160px;
}

table.adminlist td.link_loc {
	word-break: break-word;
}

table.adminlist td.link_loc a {
	min-width: 100px;
}

table.adminlist td.emoticonimage div.controls {
	float: none;
}

table.adminlist tr.subtitles td {
	font-size: 12px;
}

table.adminlist tr td.order {
	text-align: left;
}

button[data-action=save_emoticon] {
	white-space: nowrap;
}

button[data-action=save_emoticon] span.icon-save:before {
	color: #FFF;
}

table.adminlist span.labelemoticons {
	font-size: 12px;
}

table.adminlist button.btn[disabled=disabled] {
	opacity: 0.3;
}

table#adminList td.emoticonimage div.field-media-preview,
tr.gu-mirror div.field-media-preview {
    max-width: fit-content;
    border-right: none;
    border-bottom: 1px solid #CCC;
    height: 100%;
    min-height: 45px;
    border-radius: .25rem 0 0 .25rem;
}

table#adminList td.emoticonimage div.field-media-preview span,
tr.gu-mirror div.field-media-preview span {
    height: 18px;
    width: 18px;
    background-size: auto;
}

    
table#adminList td.emoticonimage div.field-media-preview img {
    max-width: 18px !important;
}

table#adminList td.emoticonimage a.button-select {
	white-space: nowrap;
}

fieldset.radio.btn-group label.radio.btn,
button[data-action=save_emoticon] {
	padding: .2rem .5rem;
}

#alert_append .input-group {
	margin: 10px 0 10px 0;
}

#jchat_alert_message {
	position: fixed;
	top: 55px;
	right: 1%;
	z-index: 99999;
}

span.input-group {
	max-width: 380px;
}

div.input-group.mediaimagefield {
	width: 100%;
	max-width: 100%;
    margin: auto;
}

div.input-group.mediaimagefield input[id^=jform_media] {
	max-width: 100px;
}

div.input-group.mediaimagefield input[id^=jform_media],
table.adminlist input[type=text].field-media-input.mediaimagefield {
	width: 60%;
	max-width: 100%;
	border-radius: 0;
}

@media (min-width: 992px) and (max-width: 1390px) {
	table.adminlist input[type=text].field-media-input.mediaimagefield {
		display: none;
	}
}

@media (max-width: 980px) {
	div.input-group.mediaimagefield input[id^=jform_media],
	table.adminlist input[type=text].field-media-input.mediaimagefield {
		width: 30%;
		max-width: 100%;
	}
}

@media (max-width: 680px) {
	div.control-group div.controls {
		min-width: 0;
	}
}

table.adminlist td.emoticonimage div.control-label {
	display: none;
}

input.keycode_invalid {
	border: 1px solid #F00;
	margin-right: 2px;
}

div.popover-body img {
	width: auto;
	height: auto;
}

img[data-mediapreview] {
	max-width: 18px !important;
}

table td.emoticonimage div.control-group {
    margin: auto;
}

form:not(.form-no-margin) div.control-group div.controls {
	margin: auto;
}

joomla-field-media.field-media-wrapper {
	display: flex;
	max-width: calc(50vw - 18rem);
}

joomla-field-media div.input-group {
	max-width: none;
}

span.label-mediaidentifier.badge.bg-danger {
	height: 25px;
    border-radius: 3px !important;
}

button.btn.btn-secondary.button-clear {
	border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px  !important;
}

joomla-field-media button.button-clear {
	border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

/**
 * Drag and drop restyle
 */
tr.gu-mirror input,
tr.gu-mirror div.field-media-preview, 
tr.gu-mirror div.input-group-text {
	box-sizing: border-box;
}

tr.gu-mirror td {
	vertical-align: middle;
    padding: 10px;
}

tr.gu-mirror td img[data-mediapreview] {
	max-width: 120px !important;
}

tr.gu-mirror td.emoticonimage div.control-label {
	display: none;
}

tr.gu-mirror div.control-group div.controls {
	margin-left: 0;
    background: transparent;
}

tr.gu-mirror fieldset.btn-group div.controls {
    background: transparent;
}

tr.gu-mirror div.field-media-preview img {
    max-width: 18px !important;
}

tr.gu-mirror span.icon-save {
	padding: 0;
}