/* experimental - USE: 'settings.js' for basic colors */

.selbach-pm-panel {
    border-radius: 5px;
    /*overflow: hidden;*/	/* never use this! it messes with drag-bars! */
}
#selbach-drag-dummy {
    border-radius: 5px;
    border-width: 1px;
}

.selbach-pm-child-container.has-content {
    outline: 0;
}
.jsPanel:not(.static) .jsPanel-content { /*:not(.snapped)*/
    /*border: 0 !important;*/
	border-radius: 4px;
}

.jsPanel-title {
    font-size: 14px;
}
.jsPanel-headerlogo i, .jsPanel-headerlogo span {
	font-size: 18px;
}
.jsPanel-controlbar .jsPanel-btn:not(.selbach-header-btn) span.material-icons,
.selbach-pm-smallified-menu .jsPanel-btn:not(.selbach-header-btn) .material-icons {
    /*background: #f00;*/
    font-size: 14px !important;
}

.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md.jsPanel-btn-close span.material-icons,
.selbach-pm-smallified-menu .jsPanel-btn.small-btn-close .material-icons {
	border-radius: 9px;
    background: #e5e5e5;
    color: #444;
    height: 13px !important;
    width: 13px !important;
	padding: 3px !important;
    /*font-size: 7px !important;*/
	font-size: 0px !important;
	background-image: url(../img/ui/close-button-dark-2.svg) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.selbach-pm-container-panel > .jsPanel-hdr .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-close span,
.selbach-pm-container-panel > .jsPanel-hdr .selbach-pm-smallified-menu .jsPanel-btn.small-btn-close .material-icons {
	background: #fff;
	color: #000;
}
.jsPanel.pm-theme-tool > .jsPanel-hdr .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-close span {
	background: #777;
	color: #fff;
}

.jsPanel-hdr.smallified {
    border-radius: 5px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}
.jsPanel-hdr.smallified .jsPanel-headerbar {
    justify-content: center;
}
.selbach-pm-container-panel > .jsPanel-hdr.smallified {
    border-color: #269af2;
    border-radius: 3px;
}

.selbach-pm-panel > .selbach-pm-panel-options, 
.selbach-pm-panel > .selbach-pm-panel-content .selbach-pm-panel-options {
    background: #f5f5f5;
    color: #333;
	border-radius: 5px;
}

.selbach-pm-taskbar .jsPanel-replacement {
	border-radius: 3px;
    border-right: 1px solid #d6d6d6;
}
.selbach-pm-taskbar .jsPanel-replacement .jsPanel-headerbar {
	border: 0;
    /*min-height: 32px;*/
}

.selbach-grid-selector {
    /*background: #47b6ed !important;*/
    /*color: #fff !important;*/
    border-radius: 5px;
}

.jsPanel-content.highlight {
    outline: 0;
    border-color: #ccc !important;
}
.flat-framed.jsPanel-depth-3 > .jsPanel-content.highlight, 
.snapped.jsPanel-depth-3 > .jsPanel-content.highlight {
    /*border-color: #69eeff !important;*/
    /*outline-color: #69eeff;*/
	border-color: transparent !important;
    outline-color: transparent;
    filter: brightness(0.94);
}

.selbach-pm-drop-anchor {
    border: 1px solid rgba(150,150,150, 0.50);
    background: rgb(150 150 150 / 4%);
    border-radius: 5px;
    box-shadow: 0 1px 6px rgb(150 150 150 / 15%);
}

/* loaders */

.lds-dual-ring:after {
    border: 5px solid #4ab9ed;
    border-color: #49b8ec transparent #35a6f0 transparent;
}

/* start page */

.selbach-pm-master-container-start-btn {
    background: #fff;
    color: #000;
    border-color: #000;
    box-shadow: 0 2px 4px 0 #aaa;
}