inital commit

public/version2/css/dashboard_pages/road_items/operation_create.css

@@ -0,0 +1,148 @@
+/* map styles */
+.item-map-box {
+    width: 100%;
+    height: 350px;
+    position: relative;
+    border: 2px dashed #015688;
+}
+#add_map {
+    width: 100%;
+    height: 100%;
+}
+#FoundItem_add_map {
+    width: 100%;
+    height: 100%;
+}
+#map_filter{
+    width: 100%;
+    height: 100%;
+}
+.map-coordinates-box {
+    background: #193e5ab8;
+    position: absolute;
+    bottom: 5px;
+    z-index: 500;
+    left: 5px;
+    padding: 5px;
+    border-radius: 5px;
+    font-weight: 400;
+    width: 250px;
+}
+.manually-coordinate-input {
+    font-size: 13px;
+    letter-spacing: 1px;
+    direction: ltr;
+    text-align: center;
+}
+.map-coordinates-box label {
+    font-weight: 500 !important;
+}
+/* map styles */
+.add-action {
+    border: none;
+    background: #153b58;
+    color: #fff;
+    border-radius: 5px;
+    padding: 5px 8px;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+    transition: 0.3s all;
+}
+.add-action:hover {
+    background: #db7240;
+}
+.add-action:disabled {
+    background: #153b58a8;
+    cursor: no-drop;
+}
+.item-box {
+    width: 100%;
+    border: 2px dashed #1a517c;
+    border-radius: 3px;
+    position: relative;
+}
+.item-box .item .style-item {
+    background: #1a517c;
+    color: #fff;
+    font-size: 15px;
+    font-weight: 500;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: all 0.3s;
+}
+.item-box .item:hover .style-item{
+    background: #db7240;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.item-box .item.active-item .style-item{
+    background: #db7240;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.sub-item-box {
+    width: 100%;
+    border: 2px dashed #172d3e;
+    border-radius: 3px;
+    position: relative;
+}
+.sub-item-box .item .style-item{
+    background: #172d3e;
+    color: #fff;
+    font-size: 15px;
+    font-weight: 500;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: all 0.3s;
+}
+.sub-item-box .item:hover .style-item{
+    background: #db7240;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.sub-item-box .item.active-item .style-item{
+    background: #db7240;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.sub-item-unit {
+    font-size: 13px;
+    font-weight: 500;
+    color: crimson;
+    display: inline;
+}
+.search-item {
+    border: none;
+    background: #153b58;
+    color: #fff;
+    border-radius: 5px;
+    padding: 5px 8px;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+    transition: 0.3s all;
+}
+.search-item:hover {
+    background: #db7240;
+}
+.search-item:disabled {
+    background: #153b58a8;
+    cursor: no-drop;
+}
+.observed-item-data .question {
+    font-weight: 500;
+    font-size: 16px;
+    color: #172d3e;
+}
+.observed-item-data .answer {
+    font-weight: 500;
+    font-size: 16px;
+    color: #db7240;
+}
+.search-box {
+    transition: 0.3s all;
+}
+.search-box.active {
+    padding: 5px;
+    border-radius: 6px;
+    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
+    background: #7f9ba9;
+}
+@media (max-width: 720px) {
+    .sub-item-box .item {
+        white-space: normal;
+    }
+}