/***** SUGGESTED TO CHANGE CAREFULLY *****/

/* Recommended if panel "height"  unset or smaller then your theme default button height */
button {
    margin: 2px;
    background: none;
    border: none
}

/* SwayTaskBar and SwayWorkspaces use custom widgets, that need this and the next name
   to highlight currently focused task / workspace. */
#task-box {
    padding-left: 4px;
    padding-right: 4px
}
#task-box-focused {
    background-color: rgba(255, 255, 255, 0.12);
    padding-left: 4px;
    padding-right: 4px
}


/***** MODIFY TO YOUR TASTE *****/

* { border-radius: 0 }

/* Default custom button */
#button-custom {
    background: rgba(0, 0, 0, 0.0);
    border: 0
}

#button-custom:hover {
    border: none;
    border-radius: 3px;
    background: #cd7ebf;
    color: #fff
}

/* Top panel in sample config uses this name */
#panel-top {
    background: #030303;
    border-radius: 0;
    color: #eeeeee
}

/* Bottom panel in sample config uses this name */
#panel-bottom {
    background-color: #213540;
    border-radius: 0;
    color: #eeeeee
}

/* Controls window in sample config uses this name */
#controls-window {
    background-color: rgba(23, 53, 63, 0.95);
    color: #eeeeee
}

/* Executors usually behave better in monospace fonts */
#executor-label {
    font-family: DejaVu Sans Mono, monospace;
    font-size: 16px
}

/* and so does the Clock */
#clock {
    font-family: DejaVu Sans Mono, monospace;
    font-size: 16px
}

/* Sample executor-weather uses "css-name": "weather" */
#weather {
    font-size: 16px
}

/* dwl module */
#dwl-tag-box {
	padding-top: 4px;
	padding-bottom: 4px
}

#dwl-tag-occupied {
	font-family: monospace;
	color: #eee;
    background-color: #006699;
    padding-left: 3px;
    padding-right: 3px;
}

#dwl-tag-free {
	font-family: monospace;
	color: #eee;
    background-color: rgba(32, 50, 90, 1.0);
    padding-left: 3px;
    padding-right: 3px;
}

#dwl-tag-urgent {
	font-family: monospace;
	color: #eee;
    background-color: #ee6600;
    padding-left: 3px;
    padding-right: 3px;
}

#dwl-tag-selected {
    border: 2px solid #81a1c1;
}

/* Selected (hovered) UI elements */
*:selected {
    border: none;
    border-radius: 3px;
    background: #cd7ebf;
    color: #fff
}