.mapContainer{display:flex;justify-content:center;position:relative;vertical-align:middle}.cross{height:35px;top:50%;transform:translateY(-50%);width:35px}.cross,.marker{position:absolute;z-index:9999}.marker{text-align:center}.markerText{background-color:#fff;border:1px solid #000;color:#000;font-size:16px;font-style:bold;padding:2px}.column{background-color:#ddd}.column,.columnLegend{float:left;height:40px;margin:2px;width:40px}.columnLegend{padding-top:5px;text-align:center}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gridWrapper{overflow-x:auto}.first,.highLight{border:1px solid "#000000"}.highLight{background-color:#e238ec}.columnInput{height:40px;outline:none;padding:2px;text-align:center;width:40px}.columnEmpty{background-color:#ddd}.columnEmpty,.columnEmptyDark{float:left;height:40px;margin:2px;width:40px}.columnEmptyDark{background-color:#777}.row:after{clear:both;content:"";display:table}.patternGrid{width:"100%"}.inputBorder{background-color:#1565c0}.inputBorder,.inputBorder:hover{cursor:pointer;position:absolute}.inputBorder:hover{background-color:#4dd2ff}.triangle-left{border-right:5px solid #fff;margin-left:9px}.triangle-left,.triangle-right{border-bottom:5px solid #0000;border-top:5px solid #0000;height:0;margin-top:20px;width:0}.triangle-right{border-left:5px solid #fff;margin-left:5px}.triangle-top{border-bottom:5px solid #fff;margin:auto;padding-top:9px}.triangle-bottom,.triangle-top{border-left:5px solid #0000;border-right:5px solid #0000;height:0;width:0}.triangle-bottom{border-top:5px solid #fff;margin-left:40px;margin-top:5px}