inital commit

public/dist/css/danger-point.css

@@ -0,0 +1,181 @@
+#main-table-points thead tr th {
+    background-color: #015688;
+    color: #fff;
+}
+
+.fieldsetstyle legend {
+    width: auto;
+    padding: 0px 10px;
+}
+
+.fieldsetstyle {
+    border: 2px solid #ff5c0f;
+    border-radius: 10px;
+}
+
+.project-map {
+    width: 100%;
+    height: 350px;
+}
+
+.accident-participant-list {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 1rem;
+}
+
+.accident-participant {
+    flex: 1;
+    margin: 5px;
+}
+
+.accident-participant label {
+    font-size: 12px;
+}
+
+.imgbox {
+    border: 1px solid #ccc;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    padding: 30px;
+    margin: 0;
+    color: #666;
+    font-size: 12px;
+}
+
+.img-preview {
+    max-width: 100%;
+}
+
+
+/* start */
+
+.pin-marker {
+    position: relative;
+    width: 45px;
+    height: 71px;
+    font-family: "IRANSans";
+}
+
+.pin-marker.pin-move>.map-pin-marker {
+    transform: scale(0.75);
+}
+
+.pin-marker.pin-set>.map-pin-marker>.pin-title-circle {
+    background-color: #009900;
+}
+
+.pin-marker.pin-warn>.map-pin-marker>.pin-title-circle {
+    background-color: #e90a0a;
+}
+
+.pin-marker.pin-move>.pin-main-shadow {
+    transform: scale(1.35);
+}
+
+.leaflet-div-icon {
+    background: transparent !important;
+    border: none !important;
+}
+
+.map-pin-marker {
+    position: relative;
+    width: 45px;
+    height: 65px;
+    z-index: 10;
+    transform-origin: 22.5px 0;
+    transition: transform 0.2s;
+}
+
+.map-pin-marker>.pin-main-circle {
+    position: absolute;
+    width: 45px;
+    height: 45px;
+    left: 0;
+    background-color: rgba(22, 67, 88, 1);
+    border-radius: 50%;
+    z-index: 12;
+}
+
+.map-pin-marker>.pin-white-circle {
+    position: absolute;
+    width: 39px;
+    height: 39px;
+    left: 3px;
+    top: 3px;
+    background-color: #ffffff;
+    border-radius: 50%;
+    z-index: 13;
+}
+
+.map-pin-marker>.pin-title-circle {
+    position: absolute;
+    width: 35px;
+    height: 35px;
+    left: 5px;
+    top: 5px;
+    background-color: rgba(22, 67, 88, 1);
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 14;
+    transition: background-color 0.3s;
+}
+
+.map-pin-marker>.pin-title-circle>.title-circle-text {
+    line-height: 1;
+    font-size: 10px;
+    color: #ffffff;
+    font-weight: 600;
+    z-index: 15;
+}
+
+.map-pin-marker>.pin-main-line {
+    position: absolute;
+    width: 5px;
+    height: 25px;
+    z-index: 11;
+    background-color: #000000;
+    top: 40px;
+    left: 20px;
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+}
+
+.pin-marker>.pin-main-shadow {
+    position: absolute;
+    width: 11px;
+    height: 11px;
+    left: 17px;
+    top: 58px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 10;
+    transition: transform 0.2s;
+}
+
+.pin-marker>.pin-main-shadow>.shadow-dot {
+    position: relative;
+    width: 1px;
+    height: 1px;
+    left: 0;
+    top: 0;
+    background-color: #000000;
+    border-radius: 50%;
+    z-index: 10;
+}
+
+input[data-mask] {
+    direction: ltr;
+    text-align: center;
+}
+
+
+/* end */