update v0.0.2 twa sys

TWASys-App/wwwroot/css/site.css

@@ -28,6 +28,7 @@ html {
     font-weight: 500;
 }
 a{
+    position: relative;
     text-decoration: none
 }
 
@@ -73,8 +74,10 @@ body[page="10001"] #header {
 
 h1, h2, h3, h4, h5, h6 {
     font-weight: 600;
-    color: #5e5873;
-    margin-bottom: 5px
+    color: #5e5873
+}
+h2{
+    font-size: 2rem;
 }
 
 h5 {
@@ -332,7 +335,7 @@ nav {
     cursor:pointer
 }
 
-.active .more span{
+.active .more span {
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
@@ -340,7 +343,8 @@ nav {
     transform: rotate(90deg);
 }
 .more span {
-    transition: all .3s ease-in;
+    display: inline-block;
+    transition: all .3s ease-in-out;
     transform: rotate(0)
 }
 .more {
@@ -464,6 +468,16 @@ nav {
     right: 0
 }
 
+.card-body .dropdown{
+    cursor: pointer
+}
+
+.card-body .sub-item{
+    box-shadow: none !important;
+    position: relative !important
+}
+
+
 .card-body {
     border-radius: var(--border-radius);
     padding: 20px 20px;
@@ -793,6 +807,40 @@ nav {
         box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
     }
 
+    .amultitag .item{
+        transition: all .3s ease-in-out;
+        cursor: pointer;
+        border-radius: var(--radius);
+        margin: 5px;
+        background: var(--color-primary);
+        padding: 5px 10px;
+        font-size: .8rem;
+        color: #fff
+    }
+        .amultitag .item .con-ico {
+            margin-left: 0;
+            height: 20px;
+            border-radius: 50%;
+            color: #5e5873;
+            visibility: hidden;
+            width: 0;
+            transition-delay: 0;
+            transition: width .3s ease-in-out, visibility .3s ease-in-out;
+            transition-delay: .3s;
+            transition: background .3s ease-in-out, margin-left .3s ease-in-out
+        }
+        .amultitag .item:hover .con-ico {
+            margin-left: 10px;
+            background: #fff;
+            visibility: visible;
+            width: 20px
+        }
+
+        .amultitag .item:hover .con-ico:hover{
+            color:#fff;
+            background: var(--secondary);
+        }
+
     .form-group input, .form-group .aselect, .form-group textarea {
         font-size: .85rem;
         width: 100%;
@@ -1210,17 +1258,17 @@ input[type=checkbox] {
         top: 50%;
         transform: translateY(-50%)
     }
-.mess-info{
+[class^=mess_] {
     font-size: .82rem;
     font-weight: 400;
     margin: 5px 0;
 }
 
-.mess-success {
+.mess_success {
     color: #28c76f;
 }
 
-.mess-error {
+.mess_error {
     color: #ea5455;
 }
 
@@ -1261,10 +1309,10 @@ input[type=checkbox] {
         background-color: #7367f0;
         box-shadow: 0 .125rem .25rem rgba(165, 163, 174, .3);
     }
-
+   
 .animationSlide {
     width: 100%;
-    overflow-x: hidden;
+    overflow: hidden;
 }
 
     .animationSlide .slideContent {
@@ -1273,11 +1321,16 @@ input[type=checkbox] {
     }
 
     .animationSlide .tabcontent.show {
+        visibility: visible;
+        height: auto;
         opacity: 1;
     }
 
     .animationSlide .tabcontent {
-        opacity: 0;
+        transition: .3s all ease-in-out
+        visibility:hidden;
+        height: 0;
+        opacity: 0
     }
 
 .animationFade .tabcontent {
@@ -1302,4 +1355,10 @@ input[type=checkbox] {
 .awStorageConnector .tabcontent .form-group{
     padding: 0;
 }
-/*******************End Page**********************/
+/*******************End Page**********************/
+
+
+/*********Login Form**********/
+.c_validation{
+    margin-bottom: 15px !important
+}