#annotationLimit {
	font-size:0.8em;
	color:#999;
	font-style:italic;
}
.ui-dialog label {
	text-align:right;
}
#annotationText {
	width:250px !important;
}
.measurementIcon, .paintbrushIcon {
	width:32px;
	height:32px;
}
.mButtonMargin {
	float:left;
	margin:3px;
	overflow:hidden;
}
#textAnnotationText {
    width: calc(100% - 1em);
    display: block;
}
.measurementButton .ui-button-text {
	padding:3px 4px !important;
	margin:3px;
}
#MeasurementWidgetPanel {
	width:320px;
}
.measurementButtonMargin {
	margin:2px 1px;
	overflow:hidden;
	float:left;
}
.measurementTools {
	padding:2px;
	/* overflow:hidden; */
}
#measurementBottomButtonsCTNR {
	padding:5px;
	overflow:hidden;
}
#fontSizeCTNR {
    width: 150px;
    display: inline-block;
    margin-left: .25em;
}
#fontFormOpts > div {
    padding: .5em .5em;
}
#textAnnotationFontSize{
	clear:both;
	width:30px;
}

@media (max-width: 1023px) {

	.measurementIcon {
		width:16px ;
		height:16px ;
	}

}


/* annotation form  */
.minicolors input[type="text"],
#fontColorSelector input[type="text"] {
	font-family: monospace;
	font-size: 11px;
	padding: 0 0 0 28px;
	/* margin: 0 1.3em 0 0; */
	height: 28px;
}
#fontColorSelector .minicolors-theme-default .minicolors-input {
	height: 28px;
}
.minicolors-theme-default.minicolors {
    border: 1px solid #666;
    margin: 0 1em 0 0;
}

#MeasurementPaintPalette .minicolors-swatch-color {
	opacity: 1 !important; /* force an color picker box that is opaque */
}