#pluginInfo .border-bottom {
    border-width:0 !important;
}


.input-group-prepend .input-group-text {
    min-width:250px;
    text-overflow:ellipsis;
    overflow:hidden;
    display:block;
}

.css-plugin-panel .panel-title {
    padding:5px 10px;
    background-color:#f9f9f9;
    margin-bottom:5px;
}

.content-header .inner {
    display:none;
}

.content-header.well {
    padding-bottom:0px;
}

.content-header.well .actions .btn{
    padding-top:0px;
}
.content-header.well h1 {
    font-size:20px;
    margin-bottom:0px;
}


.content-header > .css-more-button .fa {
    position:relative;
    top:8px;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;}

.content-header.in > .css-more-button .fa {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

}
#content input,
#content select {
    height: auto !important;
}

.content-header > .css-more-button {
    cursor:pointer;
    font-size:20px;
    color:#1c9dd9;
    font-weight:bold;
    padding-bottom:5px;
}


.css-plugin-panel .panel-title {
    padding:5px 10px;
    background-color:#f1f1f1;
    margin-bottom:5px;
}

.content-header .inner {
    display:none;
}

.content-header.well {
    padding-bottom:0px;
}

.content-header.well .actions .btn{
    padding-top:0px;
}
.content-header.well h1 {
    font-size:20px;
    margin-bottom:0px;
}


.content-header > .css-more-button .fa {
    position:relative;
    top:8px;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;}

.content-header.in > .css-more-button .fa {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

}


.content-header > .css-more-button {
    cursor:pointer;
    font-size:20px;
    color:#1c9dd9;
    font-weight:bold;
    padding-bottom:5px;
}

.form-group.required input, .form-group.required select, .form-group.required input, .form-group.required textarea, .form-group.required .bootstrap-select .btn {
    background-image: url("asterisk.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 32px 32px;
}

.css-infobox h3 {
    margin:0px 0px 10px 0px;
}
.css-infobox .border-bottom {
    margin:0px 0px;
}
.css-infobox .border-bottom hr {
    border-bottom:1px solid #c3c3c3;
    padding:0px;
    margin:7px 0px;
}

.panel-heading {
    padding:0px 0px 0px 0px;
}
.panel-title {
    height:30px;
}

.panel-title a {
    padding:0px 15px;
    line-height:30px;
    display:block;
    height:100%;
    text-decoration:none !important;
}

.panel-title a.InfoCollapsed {
    background-color:transparent;
}
.panel-title a ,
.panel-title a:hover {
    background-color:#f1f1f1;
}


.panel-heading [data-toggle="collapse"]:after
{

    font-family: "Font Awesome 5 Pro";
    content: "\f103"; /* "play" icon */
    float: right;
    color: #b0c5d8;
    font-size: 18px;
    line-height: 30px;

    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(0deg);
    -moz-transform:    rotate(0deg);
    -ms-transform:     rotate(0deg);
    -o-transform:      rotate(0deg);
    transform:         rotate(0deg);
    transition: all 1.0s ease-in-out;
}
.panel-heading [data-toggle="collapse"].collapsed:after
{
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(-90deg);
    -moz-transform:    rotate(-90deg);
    -ms-transform:     rotate(-90deg);
    -o-transform:      rotate(-90deg);
    transform:         rotate(-90deg);
    transition: all 1.0s ease-in-out;
}

.alert {
    padding:3px 5px;
}


#pluginList .headline h4 {
    margin-bottom:0;
}
#pluginList .headline {
    padding: 5px 15px;
    background-color:#f1f1f1;
    margin-bottom:10px;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.css-config-form .form-control {
    height:auto;
}

#pluginActive[data-active="Y"] {
    background-color:#0f9d48;
    color:#fff;
}

#pluginActive[data-active="N"] {
    background-color:#ff0000;
    color:#fff;
}

#pluginActive option[value="Y"] {
    color:#0f9d48;
    background-color:#fff;
}

#pluginActive option[value="N"] {
    color:#ff0000;
    background-color:#fff;
}

.input-group-text {
    white-space: normal !important;
}

.ace_content {
    background-color:#fff !important;
    color:#000 !important;
}

[data-section]:hover .input-group-text {
    cursor:pointer;
    background-color:#3098d6;
    color:#fff;
}
[data-section] .fa-info-circle:before {
    content: "\f02d";

}
.fa-info-circle {
    cursor:pointer;
}
#pluginInfo h4 a,
#pluginInfo .panel-title a, #pluginInfo .panel-title a:hover {
    color: #000 !important;
    background-color: #dcdcdc;
}

.panel-heading [data-toggle="collapse"]:after {
    color:#000 !important;
}
.ace-xcode .ace_print-margin {
    width: 1px;
    background: #e8e8e8;
    display: none;
}

.select2-container--default .select2-selection--multiple {
    height:100%;
}


.select2-container {
    height:100%;
}

.cm-s-ayu-dark .CodeMirror-linenumber {
    color: #fff;
}

.CodeMirror {
    width:100%;
}
.CodeMirror-fullscreen {
    z-index:99999;
}

html:not(.theme-dark) .input-group-prepend {
//    background-color:#dcdcdc
}
html.theme-light .select2-container--default .select2-selection--multiple,
html.theme-light .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px !important;
}

.multiconfig input,
.multiconfig select {
    border-radius: 0 !important;
}
.multiconfig {
    flex:1 1 0;
    display:flex;
}

html:not(.theme-light) .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background-color:#2b3035;
    border-color:#5CBCF6
}

.alert pre {
    color:#000;
}

#sortable h3.panel-title  {
    color:#5CBCF6;
}
#pluginInfo .panel-title a, .panel-title a {
    background-color:#5F96D3;
    color:#fff;
}

legend {
	position: relative;
}

#pluginActive {
	color: #fff;
}

#pluginActive:focus {
	color: #000;
}

.pluginActive-N:focus,
.pluginActive-N {
	background-color: #fb0000;
	color: #fff !important;
}

.pluginActive-Y:focus,
.pluginActive-Y {
	background-color: #0f9d48;
	color: #fff !important;
}

.css-close {
	position: absolute;
	right: 10px;
	top: 3px;
	cursor: pointer;
}

.css-tooltip {
	max-width: unset;
	left: 100%;
	bottom: 11px;
	position: absolute;
	width: 300px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.css-tooltip {
	--s: 1.5em; /* triangle size */
	--r: 1em; /* the radius */
	opacity: 0;
	padding: 1.5em;
	border: var(--s) solid #0000;
	border-radius: calc(var(--r) + var(--s));
	border-bottom-left-radius: 0;
	background: border-box #1ca2f2;
	-webkit-mask: radial-gradient(100% 100% at 0 0, #0000 99%, #000 102%) 0 calc(100% - var(--s))/var(--s) var(--s) no-repeat border-box,
	linear-gradient(#000 0 0) padding-box;
}
