1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- .edit-text{
- position: absolute;
- resize: both;
- border-radius: 5px;
- border: 1px solid lightgray;
- padding: 5px;
- }
-
- .form-window{
- width: 100%;
- height: 100%;
- color: #282828;
- display: none;
- text-align: center;
- position: absolute;
- z-index: 9998;
- background-color: rgb(0,0,0,0.25);
- }
- .form-wrapper{
- height: 85%;
- width: 40%;
- position: relative;
- z-index: 9999;
- top: 50%;
- transform: translateY(-50%);
- overflow: auto;
- margin: auto;
- border-radius: 5px;
- padding: 1.25%;
- background-color: #ffffff;
-
- }
- .form-header{
- float: left;
- display: inline-block;
- text-transform: capitalize;
- }
- .close-icon{
- color: #fd351d;
- float: right;
- display: inline-block;
- cursor: pointer;
- }
- .close-icon:hover{
- opacity: 0.75;
- transition: opacity 0.5s;}
- .form{
- padding: 7.5px;
- width: 100%;
- display: inline-block;
- float: left;
- text-align: left;
- }
-
- .form-header-wrapper{
- display: block;
- width: 100%;
- }
- .li-wrapper{
- margin-bottom: 1%;
- }
- .text-field{
- width: 100%;
- display: block;
-
- border: 1px solid lightgray;
- border-radius: 5px;
- padding: 7.5px;
- background-color: #eaeded;
- }.empty-field{
- border: 1px solid #fd351d;
- }
-
- .required-field{
- color: #fd351d;
- }
- .fields-required{
- color: #fd351d;
- display: none;
- }
|