/* ====================================================== */
/* CSS for control sap.suite.ui.commons/NoteTaker.control */
/* ====================================================== */

.sapSuiteUiCommonsNoteTaker{
	border: 1px solid @sapUiLightBorder;
	height: 595px;
}

.sapSuiteUiCommonsNoteTakerFilterPane {
	color: @sapUiTextTitle;
	background-color: @sapUiMediumBG;
	font-size: 20px;
	height: 35px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	margin-bottom: 10px;
}

.suiteUiNtFilterSearchField,
.sapSuiteUiCommonsNoteTakerFilterPane button {
	margin-left: 1px;
	margin-right: 1px;
}

.sapSuiteUiCommonsNoteTakerFilterPane button {
	width: 28px;
	height: 28px;
	background-repeat:no-repeat;
}

.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterAllButton {
	min-width: 50px;
	width: auto;
	max-width: 70px;
	margin-left: 5px;
}

.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected {
	background-color: @sapUiDarkAltBG;
	box-shadow: 0 1px 0 @sapUiMediumAltBG inset;
}

.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected:hover,
.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected.sapUiBtnStdHover,
.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected:focus,
.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected.sapUiBtnStdFocus {
	background-color: @sapUiButtonHoverBackground;
}

.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapUiBtnAct.sapSuiteUiCommonsNoteTakerFilterButtonSelected {
	background-color: @sapUiDarkAltBG;
}

.sapSuiteUiCommonsNoteTakerFilterTagPanel {
	border: 10px solid @sapUiLightBorder;
	color: @sapUiTextColor;
	background-color: @sapUiWhite;
	position:relative;
	top: -554px;
	left: 123px;
	width: 175px;
	padding: 12px;
	display: none;
	z-index: 0;
}

.sapSuiteUiCommonsNoteTakerFilterTagArrow {
	display: block;
	width: 12px;
	height: 12px;
	background-color: @sapUiWhite;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: -6px;
	left: 12px;
}

.sapSuiteUiCommonsNoteTakerFilterTagButtons {
	margin-top: 5px;
}

.sapSuiteUiCommonsNoteTakerCancelFilterTagButton {
	float: right;
}

.sapSuiteUiCommonsNoteTakerFilterTagHeader {
	font-size: 14px;
	color: @sapUiText;
	margin-bottom: 5px;
}

.suiteUiNtFilterPaneLeftSection,
.suiteUiNtFilterPaneRightSection {
	height: 28px;
}

.suiteUiNtFilterPaneLeftSection {
	float: left;
}

.suiteUiNtFilterPaneRightSection {
	float: right;
}

.suiteUiNtFilterTitle {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

.suiteUiNtFilterSearchField {
	vertical-align: bottom;
	width: 200px;
}

.sapSuiteUiCommonsNoteTakerSearchPanel {
	border: 10px solid @sapUiLightBorder;
	color: @sapUiTextColor;
	background-color: @sapUiWhite;
	position:relative;
	top: -554px;
	left: 162px;
	width: 205px;
	padding: 6px;
	display: none;
	z-index: 2;
}

.sapSuiteUiCommonsNoteTakerSearchArrow {
	display: block;
	width: 12px;
	height: 12px;
	background-color: @sapUiWhite;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: -6px;
	left: 195px;
}

.sapSuiteUiCommonsNoteTaker .sapUiCrslHorizontal .sapUiCrslItm {
	vertical-align: bottom;
	position: relative;
}