/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Debug actions widget */

.monaco-workbench .debug-actions-widget {
	background-color: #F3F3F3;
	box-shadow: 0 5px 8px #A8A8A8;
	position: absolute;
	top: 0;
	z-index: 200;
	height: 32px;
	left: 50%;
	margin-left: -96px;
	display: flex;
	padding-left: 7px;
}

.monaco-workbench .debug-actions-widget .monaco-action-bar .action-item.select-container {
	margin-right: 7px;
}

.monaco-workbench .debug-actions-widget .monaco-action-bar .action-item .select-box {
	background-color: initial;
	margin-top: 6px;
}

.monaco-workbench .debug-actions-widget .drag-area {
	cursor: -webkit-grab;
	height: 32px;
	width: 10px;
	background: url('drag.svg') center center no-repeat;
}

.monaco-workbench .debug-actions-widget .drag-area.dragged {
	cursor: -webkit-grabbing;
}

.monaco-workbench  .debug-actions-widget .monaco-action-bar .action-item > .action-label {
	width: 32px;
	height: 32px;
	margin-right: 0;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

.vs-dark .monaco-workbench .debug-actions-widget {
	background-color: #333;
	box-shadow: 0 5px 8px #000;
}

.hc-black .monaco-workbench .debug-actions-widget {
	background-color: #000;
	box-shadow: unset;
	border: 1px solid #6FC3DF;
}

/* Debug actionbar actions */

.monaco-workbench .debug-actions-widget .debug-action.step-over,
.monaco-workbench .debug-actions-widget .debug-action.step-back {
	background-image: url('step-over.svg');
}

.monaco-workbench .debug-actions-widget .debug-action.step-into {
	background-image: url('step-into.svg');
}

.monaco-workbench .debug-actions-widget .debug-action.step-out {
	background-image: url('step-out.svg');
}

.monaco-workbench .debug-actions-widget .debug-action.step-back,
.monaco-workbench .debug-actions-widget .debug-action.reverse-continue {
	transform: scaleX(-1);
}

.monaco-workbench .debug-actions-widget .debug-action.continue,
.monaco-workbench .debug-actions-widget .debug-action.reverse-continue {
	background-image: url('continue.svg');
}

.monaco-workbench .debug-actions-widget .debug-action.restart {
	background-image: url('restart.svg');
}

.monaco-workbench .debug-actions-widget .debug-action.pause {
	background-image: url('pause.svg');
}

.monaco-workbench .debug-actions-widget .debug-action.stop {
	background-image: url('stop.svg');
}

.monaco-workbench .debug-actions-widget .debug-action.disconnect {
	background-image: url('disconnect.svg');
}

/* Dark and hc theme actions */

.vs-dark .monaco-workbench .debug-actions-widget .debug-action.step-over,
.vs-dark .monaco-workbench .debug-actions-widget .debug-action.step-back,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.step-over,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.step-back {
	background-image: url('step-over-inverse.svg');
}

.vs-dark .monaco-workbench .debug-actions-widget .debug-action.step-into,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.step-into {
	background-image: url('step-into-inverse.svg');
}

.vs-dark .monaco-workbench .debug-actions-widget .debug-action.step-out,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.step-out {
	background-image: url('step-out-inverse.svg');
}

.vs-dark .monaco-workbench .debug-actions-widget .debug-action.continue,
.vs-dark .monaco-workbench .debug-actions-widget .debug-action.reverse-continue,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.continue,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.reverse-continue {
	background-image: url('continue-inverse.svg');
}

.vs-dark .monaco-workbench .debug-actions-widget .debug-action.restart,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.restart {
	background-image: url('restart-inverse.svg');
}

.vs-dark .monaco-workbench .debug-actions-widget .debug-action.pause,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.pause {
	background-image: url('pause-inverse.svg');
}

.vs-dark .monaco-workbench .debug-actions-widget .debug-action.stop,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.stop {
	background-image: url('stop-inverse.svg');
}

.vs-dark .monaco-workbench .debug-actions-widget .debug-action.disconnect,
.hc-black .monaco-workbench .debug-actions-widget .debug-action.disconnect {
	background-image: url('disconnect-inverse.svg');
}
