.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; }