/**
 * webEdition CMS
 *
 * $Rev$
 * $Author$
 * $Date$
 *
 * This source is part of webEdition CMS. webEdition CMS is
 * free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * any later version.
 *
 * The GNU General Public License can be found at
 * https://www.gnu.org/licenses/gpl-3.0.html.
 * A copy is found in the textfile
 * webEdition/licenses/webEditionCMS/License.txt
 *
 * @license	https://www.gnu.org/licenses/gpl-3.0.html  GPL
*/
@charset "utf-8";
#footerBody,
div.editFooterDiv,
div.editorButtonFrame{
	/*make button on main window dependent on actual window size*/
	button{
		&.ui-button,
		&.weBtn{
			@media (max-width: 850px /*$footerSmallScreenWidth*/) {/*we may be are inside a frame*/
				span.text{
					display:none;
				}
			}
		}
	}
}

button{
	&.weBtn{
		height: 25px;
		cursor:pointer;
		border-collapse: collapse;
		padding: 0 10px;
		color: var(--WEDarkGrey);
		background-color: var(--WEButtonGrey);
		font-family: var(--WEFont);
		font-size: var(--WEmedfont);
		text-align: center;
		margin: 0 0.5em 1ex 0.5em;
		white-space: nowrap;
		min-width: 2.5em;
		width: auto;
		border:none;
		box-shadow: 1px 1px 2px var(--WEDarkGrey);
		@media (max-screen-width: 800px /*$smallScreenWidth*/) {/*we may be are inside a frame*/
			span.text{
				display:none;
			}
		}
		&:focus{
			background-color: var(--WEButtonDarkerGrey);
			border:1px solid var(--WEButtonBlue);
		}
		&:active{
			color: var(--WEWhite);
			background: var(--WEButtonBlue);
			box-shadow: none;
		}
		&:hover,
			button.multiicon:hover {
			color: var(--WEWhite);
			background: var(--WEButtonBlue);
		}
		&.active{
			color: var(--WEWhite);
			background: var(--WEButtonBlue);
			box-shadow: none;
		}
		&[disabled],
		&[disabled]:hover{
			color: var(--WEGrey);
			box-shadow: none;
			background: var(--WEGreyGradient);
		}
		span.text{
			padding-left:.5em;
		}
		i.fa-moreicon {
			padding-left: 0.3em;
		}
		i.fa-folder{
			color: var(--WEDarkBlue);
		}
	}

	&.noMarginLeft {
		margin-left:0;
	}
	&.weIconButton {
		width: 3em;
		padding-left: 0.5em !important;
		padding-right: 0.5em !important;
	}
	&.multiicon{
		min-width: 4em;
		width: auto;
		cursor: pointer;
		font-size: 13px;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		color: var(--WEDarkGrey);
		white-space: nowrap;
		box-shadow: 1px 1px 2px var(--WEDarkGrey);
		border: none;
		&:hover {
			color: var(--WEWhite);
		}
	}
}

button {
	.fa-stack {
		height: 1.3em;
		line-height: 1.3em;
		width: 1.3em;
	}
	.fa-stack-2x {
		font-size: 1.3em;
	}
}

#footerBody,
div.editorButtonFrame{
	.footertable{
		overflow: hidden;
		width: 100%;

		.main,.optional{
			display:inline-block;
			div.progress{
				display: inline-block;
				vertical-align: bottom;
				margin: 0 0 0 20px;
			}
		}
		.main{
			div.progress{
				display: inline-block;
				vertical-align: bottom;
				margin: 0 0 0 20px;
			}
		}
		.optional {
			float: right;
			position: relative;
		}
		button.weBtn {
			height: 35px;
			padding: 0 1em;
			background: var(--WEButtonGrey);
			font-size: 13px;
			text-align: center;
			margin-left: 0.5em;
			margin-right: 0.5em;
			margin-bottom: 1ex;
			min-width: 2.5em;
			color: var(--WEDarkGrey);
			white-space: nowrap;

			&:hover {
				color: var(--WEWhite) !important;
				background: var(--WEButtonBlue);
				.fa-inverse {
					color: var(--WEDarkGrey) !important;
				}
			}

			&.weBtnUnpublish{
				color:var(--WENotPublishedColor);
			}
			&.weBtnIn_workflow,
			&.weBtnSave,
			&.weBtnSaveversion{
				color:var(--WEModifiedColor);
			}
			&.weBtnPublish{
				color:black;
			}
		}
		button.switchButton{
			width:25px;
			height:25px;
		}
		/*disable some checkboxes and have "buttons instead"*/
		input[type=checkbox]:checked + div >label + button.switchButton{
			color:blue !important;
			box-shadow:none;
			background: var(--WEButtonDarkGrey);
		}
		#autoRebuild{
			display:none;
		}
	}
}

#treeContent #bm_searchField #search,
#moduleContent #lframeDiv #left{
	button.weBtn{
		height: 30px ! important;
		width: 30px;
		padding: 0;
		color: var(--WEWhite);
		background: var(--WEDarkBlue);
		font-family: var(--WEFont);
		font-size: 11px ! important;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		min-width: 2.5em;
		border: none;
		padding-left: 0.5em !important;
		padding-right: 0.5em !important;
	}
}

body.home button.weBtn{
	width:80%;
}