Your IP : 216.73.216.224

Current Path : /var/www/html/administrator/components/com_jchat/css/
Upload File :
Current File : /var/www/html/administrator/components/com_jchat/css/bootstrap-interface.css

/**
 * Generic interface styles
 */
#content {
	padding: 0;
}

#content>.row {
    margin-right: 0;
    margin-left: 0;
}

:root {
    scroll-behavior: auto !important;
}

select#limit {
	padding: 2px;
	min-height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input, textarea {
    padding: 4px 6px;
}

label.badge {
	color: #FFF;
	font-size: 100%;
}

label.badge.marked {
	font-size: 120%;
}

label.badge a, span.badge a {
	color: #FFF;
}

span.badge.large {
	font-size: 12px;
	padding: 2px 20px;
}

a.badge.badge-font100 {
    font-size: 100%;
    padding: .25rem .4rem;
    line-height: 12px;
    white-space: nowrap;
    border-radius: 3px;
}

#content *.bg-success,
#content *.badge-success {
    color: #fff !important;
    background-color: #2f7d32 !important;
}

#content *.bg-warning,
#content *.badge-warning {
    color: #fff !important;
    background-color: #d43900 !important;
}

#content *.bg-primary,
#content *.badge-primary {
    color: #fff !important;
    background-color: #132f53 !important;
}

#content *.bg-info,
#content *.badge-info {
    color: #fff !important;
    background-color: #108193 !important;
}

#content *.bg-secondary,
#content *.badge-secondary {
    color: #fff !important;
    background-color: #495057 !important;
}

#content *.bg-danger,
#content *.badge-danger,
ul.errorlist *.bg-danger {
    color: #fff !important;
    background-color: #c52827 !important;
    margin: 1px 5px;
}

#content a {
	text-decoration: none;
}

.nav.nav-pills a {
	padding: 8px;
	cursor: default;
	min-width: 235px;
}

.input-group {
	max-width: 330px;
}

table.admintable td div.input-group {
	max-width: 100%;
}

table.admintable td div.field-calendar div.input-group {
	max-width: fit-content;
}

.input-group.active {
	cursor: pointer;
}

.input-group-text {
	padding: 4px 12px;
	line-height: 18px;
}

span.input-group-text-sideborder {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	cursor: pointer;
}

div.editor, div[class*=js-editor] {
	width: 600px;
} 

div.editor iframe, div[class*=js-editor] iframe {
	max-height: 250px;
}

div.editor > div, div[class*=js-editor] > div {
    width: auto !important;
}

div.accordion-heading h4.accordion-title {
	color: #555;
	font-weight: normal;
	font-size: 18px;
}

div.accordion-heading.opened h4.accordion-title {
	font-weight: bold;
}

.accordion-heading .accordion-toggle {
	display: block;
	padding: 2px 15px;
}

#adminForm div.accordion-heading.card-header {
	padding: 0;
}

.nav-tabs a {
	cursor: pointer;
}

div.clr.vspacer {
	height: 10px;
}

*.hidden {
	display: none;
}

*.label-icon {
	padding-left: 10px;
}

tfoot div.container {
	width: auto !important;
}

#content div.card {
    border: 1px solid #ccc;
}

.card-default .card-header.opened h4 {
	font-weight: normal;
	color: #3a87ad;
}

.card-default div.card-block-whitebg {
	background-color: #FFF;
}

.card-default .card-header h4 {
	font-weight: normal;
	color: #555;
}

.card-default .card-header.noaccordion h4 {
	font-weight: normal;
	color: #3a87ad;
	font-size: 18px;
}

.card-body.card-block {
	padding: 5px;	
}

.pull-left {
	float: left;
}

.pull-right {
    float: right;
}

#content a[target=_blank]:before {
	content: none;
}

/**
 * Radio buttons style
 */
fieldset.radio.btn-group label.radio.btn {
	padding: .4rem 1rem;
}

[data-bs-toggle=buttons]>.btn input[type=checkbox], [data-bs-toggle=buttons]>.btn input[type=radio], [data-bs-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-bs-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.btn-group .btn:not([disabled]):not(.disabled):not(.active):not(:active) {
	box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.5);
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

fieldset.btn-group:not(.mutex) label:not(:first-child), fieldset.btn-group:not(.mutex) div.controls label:not(:first-child) {
	clip-path: inset(-5px -5px -5px 0px);
}

.btn-group .btn-outline-success:not([disabled]):not(.disabled).active, .btn-group .btn-outline-success:not([disabled]):not(.disabled):active {
    color: #ffffff;
	background-color: #457d54;
    border-color: #457d54;
    box-shadow: 0 0 0 0.2rem rgba(67,130,67,.5);
}

.btn-group .btn-outline-danger:not([disabled]):not(.disabled).active, .btn-group .btn-outline-danger:not([disabled]):not(.disabled):active {
    color: #ffffff;
    background-color: #c52827;
    border-color: #c52827;
    box-shadow: 0 0 0 0.2rem rgba(217,83,79,.5);
}

.btn-group .btn-outline-primary:not([disabled]):not(.disabled).active, .btn-group .btn-outline-primary:not([disabled]):not(.disabled):active {
    color: #ffffff;
	background-color: #132f53;
    border-color: #132f53;
    box-shadow: 0 0 0 0.2rem rgb(19 47 83 / 43%);
}

/**
 * Admin list entities header
 */
table.headerlist span.label {
	font-size: 12px;
}

table.headerlist {
	margin-bottom: 5px;
	width: 100%;
}

table.headerlist td.right {
    vertical-align: top;
}

table.headerlist td.right div.input-group > *:not(.input-group-text){
	flex-direction: row;
}

table.headerlist td.right div.input-group > span.input-group-text ~ select:nth-child(2){
    margin-left: -4px;
}

select#filter_state,
select#limit {
	background: #FFF;
}

select.form-select, select.custom-select {
	width: auto;
}

select.form-select[multiple],
select.custom-select[multiple] {
	background: #FFF;
}

@media (max-width: 767px) {
	div.input-group {
	    margin-bottom: 5px;
	}
}

@media (max-width: 1399px) {
	table.headerlist td.right.d-flex, table.headerlist td.right.d-flex *.input-group {
		flex-wrap: wrap;
	}
}

table.headerlist td.right select {
	border-radius: 0px !important;
	height: 36px !important;
	min-height: 0;
}

table.headerlist td.left *.input-group {
    display: inline-flex !important;
    justify-content: flex-start;
	flex-wrap: nowrap;
}

table.headerlist td *.input-group {
	flex-wrap: nowrap;
    margin-bottom: 5px;
}

table.headerlist td *.input-group.flex-end {
    justify-content: flex-end;
}

table.headerlist td *.input-group.flex-end select:focus {
    box-shadow: 0 0 0 0.2rem rgba(26,70,107,.25);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

table.headerlist *.input-group span.input-group-text {
    padding: 4px 12px;
    display: inline-block;
	line-height: 26px;
}

table.headerlist td.left *.input-group span.input-group-text {
	line-height: inherit;
}

table.headerlist *.input-group select.form-control {
	padding: 0 .5rem;
}

table.headerlist input {
    width: 100%;
}

table.headerlist #limit.form-control {
	width: auto;
	min-width: 80px;
    border-color: #999;
}

table.headerlist .input-group > .form-control {
	width: auto;
}

table.full.headerlist {
	width: 100%;
}

table.full.headerlist td {
	position: relative;
}

/**
 * Admin list entities
 */
table.table.adminlist th {
	color: #333;
}

table.adminlist th,table.adminlist td {
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

table.adminlist th span[class^=icon-]{
	margin-left: 4px;
}

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

table.adminlist tbody td > div {
	word-break: break-word;
}

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

table.adminlist td label.hasTooltip {
	float: left;
}

table.adminlist input[type=text],
tr.gu-mirror input.ordering_input  {
	max-width: 40px;
}

table.adminlist td.word-break-all a {
	word-break: break-all;
}

tr.gu-mirror input.ordering_input {
	height: 28px;
}

table.adminlist th span[class^=icon-]{
	margin-left: .5em;
}

dd.message.fade {
	opacity: 1 !important;
}

table.adminlist th.order {
	width: 140px;
	min-width: 140px;
}

tr.gu-mirror td.sortable-adminlist-verysmall {
	width: 7%;
	text-align: center;
	vertical-align: middle;
}

tr.gu-mirror td.sortable-adminlist-small {
	width: 10%;
	text-align: center;
	vertical-align: middle;
}

tr.gu-mirror td.sortable-adminlist-medium {
	width: 13%;
	text-align: center;
	vertical-align: middle;
}

tr.gu-mirror td.sortable-adminlist-large {
	width: 20%;
	text-align: center;
	vertical-align: middle;
}

tr.gu-mirror td.sortable-adminlist-verylarge {
	width: 32%;
	text-align: center;
	vertical-align: middle;
}

tr.gu-mirror td.sortable-adminlist-quitelarge {
	width: 40%;
	text-align: center;
	vertical-align: middle;
}

tr.gu-mirror td.sortable-adminlist-extralarge {
	width: 52%;
	text-align: center;
	vertical-align: middle;
}

tr.gu-mirror span {
    background-color: transparent;
}

tr.gu-mirror img {
	padding: 0;
    background: transparent;
}

table.adminlist input.ordering_input,
tr.gu-mirror input.ordering_input {
	float: right;
}

table.adminlist span.catlevel {
	font-size: 20px;
}

table.adminlist a.preview {
	word-wrap: break-word;
	white-space: normal;
}

table.adminlist a.google_translate {
	position: absolute;
    right: 2px;
    top: 2px;
	cursor: pointer;
}

#updatebtn span.icon-upload {
	display: inline-block;
}

table.adminlist tbody td > div > video {
	max-height: 100px;
}

/**
 * Admin table edit entities
 */
table.admintable {
	width: 75%;
}

table.admintable tr:not(.calendar-head-row):not(.daysrow):not(.time) {
	height: 50px;
}

table.admintable td:not(.day):not(.time) {
	height: 35px;
	font-size: 16px;
}

table.admintable tr.calendar-head-row > td {
	height: auto;
}

div.calendar-container tr.calendar-head-row > td a,
div.calendar-container tr.calendar-head-row > td span {
	font-size: 1.3em;
}

div.calendar-container select.time {
	font-size: 1.3em;
}

table.admintable td.left_title {
	width: 28% !important;
	background-color: #f6f6f6;
	text-align: right;
	width: 140px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

table.admintable td.left_title label {
	font-weight: bold;
	float: right;
	font-size: 16px;
}

table.admintable.response td.left_title label {
	font-weight: bold;
	float: none;
	margin: 4px;
}

table.admintable.response td.left_title p {
	margin: auto;
}

table.admintable.response td.right_details div.card-block {
	min-height: 90px;
	margin: 5px;
	padding: 5px;
	background: #f0f0f0;
    font-style: italic;
}

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

table.admintable td.right_details button[data-role=copyclipboard] {
	margin: 3px;
}

table.admintable td.right_details input[data-role=copyclipboard] {
	font-size: 13px;	
}

table.admintable td div.controls,table.admintable td span.controls {
	font-size: 0;
}

table.admintable td select,table.admintable td textarea {
	float: left;
	width: 300px;
}

table.admintable tr.nomessage td {
	border-bottom: 0px;
}

table.admintable div#element-box div.m {
	background-color: #FFF;
}

fieldset.adminform legend {
	border: none;
	margin-bottom: 0;
	width: auto;
}

table.admintable.paramlist td.paramlist_value {
	font-size: 0;
}

table.adminlist span.moveup a.tbody-icon span.icon-uparrow,
table.adminlist span.movedown a.tbody-icon span.icon-downarrow,
table.adminlist span.moveup a.tbody-icon span.icon-uparrow_disabled,
table.adminlist span.movedown a.tbody-icon span.icon-downarrow_disabled,
tr.gu-mirror span.moveup a.tbody-icon span.icon-uparrow,
tr.gu-mirror span.movedown a.tbody-icon span.icon-downarrow {
    width: 20px;
    height: 20px;
    color: #000;
    line-height: 18px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background-color: #e6e6e6;
}

table.adminlist span.moveup a.tbody-icon span.icon-uparrow_disabled::before,
table.adminlist span.movedown a.tbody-icon span.icon-downarrow_disabled::before {
	content: "\f077";
	color: #CCC;
}

table.adminlist span.icon-uparrow, table.adminlist span.icon-downarrow,
tr.gu-mirror span.icon-uparrow, tr.gu-mirror span.icon-downarrow {
	margin: 0;
}

table.adminlist span.moveup a.tbody-icon, 
table.adminlist span.movedown a.tbody-icon,
tr.gu-mirror span.moveup a.tbody-icon, 
tr.gu-mirror span.movedown a.tbody-icon {
    padding: 0;
}

#content a.saveorder {
	padding: 1px 2px;
}

#content a.saveorder:hover {
	background-color: #495057;
}

table.adminlist th a.saveorder span[class^=icon-] {
    margin-left: .5em;
    margin-right: .5em;
}

#subhead joomla-toolbar-button button[disabled=true] {
	opacity: .4;
}

#content span.input-group-text > span[class^=icon] {
	margin: 0;
}

#configParams table.admintable td.paramlist_key {
	width: 200px !important;
	text-align: left !important;
}

dl.tabs dt {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 8px 16px !important;
}

dl.tabs dt.open {
	background-color: #FFF !important;
}

header.header h1.page-title {
	margin: 2px 0;
	background: url("../images/jchat-32x32.png") no-repeat 0 0;
	padding-left: 36px;
	height: 32px;
	line-height: 36px;
	margin-left: 15px;
}

h1.page-title span[class^=icon-] {
	display: none;
}

header.header div.header-title {
	width: 100%;
}

header.header div.header-title div.d-flex:last-child {
	max-width: 100%;
}

/**
 * Generic control fieldset bootstrap style
 */
textarea,textarea.form-control,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input
	{
	background-color: #fff;
	border: 1px solid #ccc;
	width: auto;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
}

textarea:focus,textarea.form-control:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus
	{
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(82, 168, 236, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(82, 168, 236, .6);
}

input[readonly],select[readonly],textarea[readonly] {
	cursor: not-allowed;
	background-color: #eee;
}

input.inputbox {
    padding: 6px 8px;
    border-radius: 2px;
    font-size: 16px;
}

label.btn-default {
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#e6e6e6) );
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffe5e5e5', GradientType=0 );
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  
		             
		             false );
	border: 1px solid #bbb;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px
		rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px
		rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px
		rgba(0, 0, 0, .05);
}

#toolbar button.btn-primary,#toolbar button.btn-primary span[class^="icon-"],a.btn.btn-primary,a.btn.btn-primary:link,a.btn.btn-primary:visited,a.btn.btn-primary:hover,a.btn.btn-primary span[class^="icon-"]
	{
	color: #FFF !important;
	transition: none;
}

#toolbar button.btn-primary, #toolbar button.btn-primary span[class^="icon-"], #toolbar a.btn-primary span[class^="icon-"] {
    background-color: #2384d3;
}

#toolbar button.btn-primary:hover,
#toolbar button.btn-primary span[class^="icon-"]:hover,
#toolbar button.btn-primary:hover span[class^="icon-"], #toolbar a.btn-primary:hover span[class^="icon-"] {
    background-color: #185b91;
}

button.absolute, a.absolute {
	position: absolute;
	top: 0;
	right: 10px;
}

button.btn {
	margin-top: 0;
}

button.close span.icon-remove {
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: normal;
}

span.icon-white:before {
	color: #FFF !important;
}

div.row-fluid .icon-delete::before {
	color: #E00;
}

#adminForm a.btn.btn-secondary,
tr.gu-mirror a.btn.btn-secondary {
	color: #FFF;
}

/**
 * Accordion toggle styles
 */
div.accordion-heading.card-header {
	font-size: 1.2em;
	display: block;
}

div.accordion-heading.opened {
	font-weight: bold;
	color: #555;
	font-size: 1.4em;
}

div.accordion-toggle {
	cursor: pointer;
	background: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

div.accordion-toggle:hover {
	background-color: #efefef;
}

#jchat_accordion_cpanel div.accordion-toggle {
	background: #f5f5f5;
}

#jchat_accordion_cpanel div.accordion-toggle:hover {
	background: #efefef;
}

div.modal-header .close {
	margin: 2px 5px 0 0;
}

div.accordion-toggle span[class^="icon-"] {
	margin-right: 10px;
	font-weight: 900;
}

div.accordion-toggle.noaccordion {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
	cursor: auto;
}

div.accordion-toggle.noaccordion h4 {
	font-weight: normal;
	margin: 7px 0 7px 0;
}

/**
 * Validation labels
 */
li.validation.label {
	color: #FFF;
}

/**
 * CPanel iconsets
 */
div#cpanel div.icon a {
	background-color: #f3f7fc;
    background-position: -30px;
    display: block;
    float: left;
    height: 110px;
    width: 200px;
    color: #565656;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 15px;
    border: 1px solid hsl(214,50%,93%);
    border-radius: 4px;
    transition-property: background, background-position, border-bottom-left-radius, box-shadow, color, border;
    transition-duration: 0.4s;
}

#cpanel div.icon a:hover,
#cpanel div.icon a:focus,
#cpanel div.icon a:active {
	background-position: 0;
    border-bottom-left-radius: 50% 20px;
    box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 10;
    background: #1f3047;
    color: #FFF;
    border: 1px solid hsl(215deg 39% 20%);
}

#cpanel span {
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-align: center;
}

#cpanel div.task {
	margin-top: 32px;
    font-size: 48px;
    color: #476285;
    min-height: 30px;
    width: 48px;
    line-height: 1rem;
    transition: color 0.6s;
}

#cpanel div.icon a:hover div.task,
#cpanel div.icon a:focus div.task,
#cpanel div.icon a:active div.task {
	color: #FEFEFE;
	transition: color 0.6s;
}

#cpanel span.task {
	margin-top: 8px;
}

#cpanel img {
	padding: 10px 0;
	margin: 0 auto;
}

#cpanel h4.card-title span {
    font-size: 18px;
    color: #3a87ad;
    display: inline-block;
}

/**
 * Configuration compliance
 */
ul#tab_configuration {
    display: flex;
    background-color: #f5f5f5;
    border-color: #ccc #ccc currentcolor;
    border-image: none;
    border-radius: .25rem .25rem 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    box-shadow: 0 1px #fff inset, 0 2px 3px -3px rgba(0,0,0,.15), 0 -4px 0 rgba(0,0,0,.05) inset, 0 0 3px rgba(0,0,0,.04);
    margin: 0;
    padding: 0;
    list-style: outside none none;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
	justify-content: flex-start;
}

ul#tab_configuration li {
    width: auto;
}

ul#tab_configuration li a {
    display: block;
    color: #0d1321;
    padding: .75em 1em;
    position: relative;
    box-shadow: 1px 0 0 rgba(0,0,0,.05);
    text-decoration: none;
}

ul#tab_configuration li a.active {
    background-color: rgba(0,0,0,.03);
    background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.05) 100%);
    border-left: 0 none;
    border-right: 0 none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 2px 0 1px -1px rgba(0,0,0,.08) inset, -2px 0 1px -1px rgba(0,0,0,.08) inset, 0 1px 0 rgba(0,0,0,.02) inset;
}

ul#tab_configuration li a.active:after {
    background-color: #006898;
    bottom: -1px;
    content: "";
    height: 5px;
    left: 0;
    opacity: .8;
    position: absolute;
    right: 0;
}

#config-jchat {
	background: #FFF;
	padding: 10px;
	border-left: 1px solid #CCC !important;
	border-bottom: 1px solid #CCC !important;
	border-right: 1px solid #CCC !important;
}

joomla-field-media.field-media-wrapper {
    max-width: 500px;
}

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

fieldset.radio {
	padding: 0;
	margin: 0;
	display: inline-block;
	border: none;
	min-width: 120px;
}

fieldset.radio label {
	clear: none;
	min-width: 45px;
	float: left;
}

fieldset.radio.small label {
	padding: 4px 8px;
}

fieldset.radio.btn-group div.controls label.btn input[type=radio] {
    display: none;
}

span.badge.spacer label {
	width: auto;
	min-width: 0;
	padding: 2px!important;
	margin: 0!important;
	cursor: auto;
}

div.controls input.wide, td input.wide {
	width: 450px;
}

div.controls span.icon-inline {
	margin-right: 8px;
}

div.controls span.label-large {
	font-size: 14px;
	padding: 4px 8px;
	font-weight: normal;
}

div.controls input.inputbox-large, div.controls textarea.inputbox-large {
	width: 450px;
    max-width: initial;
}

td.right_details input.inputbox-large {
	width: 500px;
}

td.right_details input.inputbox-large.meeting-link {
	width: 600px;
	font-size: 13px;
}

div.controls span.rightlabel, div.controls button.activation {
	margin-left: 10px;
}

div.control-group, div.controls, form:not(.form-no-margin) div.control-group {
	min-height: 32px;
	margin-bottom: 5px;
}

.admintable td.right_details div.control-group, .admintable td.right_details div.controls {
	min-height: 35px;
}

form.configform div.control-group div.control-label {
    width: 300px;
    border-bottom: 1px solid #EEE;
    margin: 10px 0 0 0;
    color: #666;
    display: block;
    float: left;
}

form.configform div.control-group div.controls {
    float: left;
	margin-left: 10px;
    margin-top: 10px;
}

form.configform div.current input, form.configform div.current textarea, form.configform div.current select {
	display: inline-block;
}

form.configform div.current select[multiple] {
	min-width: 200px;
}

form.configform ul.nav.nav-tabs a.nav-link {
	padding: .75em .1em;
}

form.configform small.form-text.text-muted {
	display: none;
}

form.configform tr.subform-repeatable-group div.control-group div.control-group {
	display: table;
}

form.configform tr.subform-repeatable-group div.control-group div.controls {
	min-width: 0;
}

form.configform tr.subform-repeatable-group div.control-group div.controls input[type=text],
form.configform tr.subform-repeatable-group div.control-group div.controls textarea {
	width: 100%;
}

form.configform joomla-field-subform th {
	width: 25% !important;
}

form.configform joomla-field-subform th span[class*=icon] {
	margin-left: 10px;
}

textarea.servers {
	width: 650px;
    max-width: 100%;
    font-size: 14px;
    padding: 5px;
}

.btn-group label:first-of-type {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.btn-group label:last-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

div.control-group,div.controls {
	min-height: 48px;
}

.admintable td.right_details div.control-group, .admintable td.right_details div.controls {
	min-height: 35px;
}

div.control-label {
	width: 300px;
	border-bottom: 1px solid #EEE;
	margin: 8px 0 0 0;
	color: #666;
	display: block;
	float: left;
	clear: left;
}

div.accordion-group div.control-label {
	margin: 8px 0 0 8px;
}

div.current {
	border: none !important;
}

input.inputbox-smallfont {
	font-size: 14px;
}

div.current fieldset.radio input {
	clear: none;
	min-width: 15px;
	float: left;
	margin: 3px 0 0 2px;
}

div.current fieldset.radio label {
	clear: none;
	min-width: 45px;
	float: left;
	margin: 3px 0 0 5px;
}

div.current label,div.current span.faux-label {
	display: block;
	min-width: 150px;
	float: left;
	clear: left;
	margin-top: 8px;
}

div.current input,div.current textarea,div.current select {
	clear: none;
	float: left;
}

div.control-label span.badge.spacer label {
    font-size: 1rem;
    color: #FFF;
}

div.control-label label {
	font-weight: bold;
	display: inline-block;
	margin-top: 5px !important;
}

div.control-label span.badge.spacer label {
    font-size: 0.9rem;
}

div.current fieldset.radio {
	float: left;
}

span.badge.spacer label {
	width: auto;
	min-width: 0;
	padding: 2px!important;
	margin: 0!important;
	cursor: auto;
}

#permissions div.control-label, #permissions div.control-label label {
	float: none;
}

#params_default_chatroom {
	height: auto;
}

div#element-box div.m {
	background-color: #FFF;
}

label.btn {
	margin: 0 !important;
	transition: background-color .2s ease-in-out;
}

.adderbtn {
	cursor: pointer;
	margin-right: 10px;
	height: 16px;
	padding-left: 20px;
	display: inline-block;
	background: url("../images/addicon.png") no-repeat;
	display: inline-block;
}

.dialog_trigger,.deleterbtn {
	float: left;
	margin-left: 5px;
}

#module_images input {
	min-height: 0;
}

#module_images div.control-group {
	min-height: 0;
	margin-bottom: 0;
}

#module_images div.control-group:nth-child(3) {
	padding-bottom: 20px;
}

#module_images div.control-group:nth-child(3) div.control-label {
	margin-top: 20px;
}

#module_images input,#module_images textarea {
	width: 35%;
}

#module_images img.preview {
	float: right;
	max-width: 240px;
	margin-top: 10px;
	max-height: 156px;
	border: 3px dotted #CCC;
	padding: 10px;
}

#sortable {
	margin: 10px 0 0 0;
}

#sortable li {
	list-style-type: none;
	background-color: #FFF;
}

#sortable li.ui-sortable-helper {
	border: 2px solid #CCC;
	padding: 10px;
	height: 200px !important;
	width: 90% !important;
}

#sortable li.ui-sortable-helper label {
	color: #CCC
}

#sortable li.ui-sortable-helper div.controls {
	min-height: 0;
}

#sortable li.ui-state-highlight {
	height: 250px;
}

#sortable span.handler {
	display: block;
	width: 10px;
	cursor: move;
	margin-top: 10px;
}

#sortable li {
	cursor: move;
}

.input-prepend.calendar {
	display: block;
}

.input-prepend.active, span.jchatbtn {
	cursor: pointer;
}

.input-prepend span.add-on {
	min-width: 70px;
	float: left;
}

.input-prepend span.add-on.field-media-preview {
	min-width: 20px;
}

.input-prepend span.add-on.pop-helper.field-media-preview {
	float: none;
}

.label-info[href], .badge-primary[href] {
	color: #FFF;
}

.badge-inverse-info {
	background-color: #FFF !important;
	color: #3a87ad !important;
	margin-left: 5px;
}

/**
 * Select2 styles override
 */
span.select2-container {
	width: auto !important;
	min-width: 220px;
	overflow: auto;
}

span.select2-container--default span.select2-selection--multiple li.select2-selection__choice, input.select2-search__field  {
	float: none;
    width: fit-content;
    max-width: 400px;
    white-space: normal;
	word-break: break-all;
}

span.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, span.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
span.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, span.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-radius: 4px;
}

span.select2-selection__choice__copy {
	cursor: pointer;
    width: 16px !important;
    height: 16px !important;
    margin-right: .3em;
	color: #a8a8a8;
}

span.select2-selection__choice__copy:hover {
	color: #333;
}

input.select2-search__field {
	min-width: 200px;
}