#attrwin i.fa-question-circle {float:left;margin: 2px 5px 0px 0px;color: blue}
#attrwin {width: 450px; font-family: Arial; font-size: 14px; bottom: 8.5em}
#attrwin b {font-size: 16px; margin-bottom: 0px; display: block;}
#attrwin button {color: white !important;}
.attr_wrap {width: 100%; display: flex;}
.attr_wrap .attr_label {float: none !important;  flex: 0 0 auto;}
.attr_wrap .attr_values {flex: 1 1 auto;display: flex; gap: 4px;} 
.attr_wrap .attr_values input, .attr_wrap .attr_values select, .attr_wrap .attr_values label, .attr_wrap .attr_values textarea {float: none !important;width: 100% !important;} 
.attr_wrap:nth-child(even) {background-color: #eee;}
.attr_wrap:hover {background-color: #fff0f0;}
.attr_wrap:nth-child(even):hover {background-color: #eddfdf;}
#layerwin #selectlayername {height: 300px;}

.attr_wrap > select, .attr_wrap > input, .attr_wrap > textarea {float: none !important; width: 100% !important; flex: 1 1 auto;}

#attrwin label {width: 110px; height: 20px;padding-top: 6px;}
#attrwin label .fa-info-circle {color: #bbb; cursor: help;}
/*#attrwin input {width: 342px; height: 26px;}/*318*/
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

    #attrwin.mobile-device {width: 100% !important; left: 0 !important; bottom: 180px !important;}
	#attrwin.mobile-device .btn {font-size: 1rem !important; padding: 4px 6px !important;}
	
	#layerwin.mobile-device {width: 100% !important; left: 0 !important;}
	#layerwin.mobile-device .fa {font-size: 1.3rem !important; padding: 6px !important;}
	#attrwin.mobile-device .fa-trash {font-size: 1.3rem !important; padding: 0 !important;}
	#layerwin.mobile-device #selectlayername {height: 40px !important; width: 100% !important;}