Proyecto en colaboración con OPASO

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .edit-text{
  2. position: absolute;
  3. resize: both;
  4. border-radius: 5px;
  5. border: 1px solid lightgray;
  6. padding: 5px;
  7. }
  8. .form-window{
  9. width: 100%;
  10. height: 100%;
  11. color: #282828;
  12. display: none;
  13. text-align: center;
  14. position: absolute;
  15. z-index: 9998;
  16. background-color: rgb(0,0,0,0.25);
  17. }
  18. .form-wrapper{
  19. height: 85%;
  20. width: 40%;
  21. position: relative;
  22. z-index: 9999;
  23. top: 50%;
  24. transform: translateY(-50%);
  25. overflow: auto;
  26. margin: auto;
  27. border-radius: 5px;
  28. padding: 1.25%;
  29. background-color: #ffffff;
  30. }
  31. .form-header{
  32. float: left;
  33. display: inline-block;
  34. text-transform: capitalize;
  35. }
  36. .close-icon{
  37. color: #fd351d;
  38. float: right;
  39. display: inline-block;
  40. cursor: pointer;
  41. }
  42. .close-icon:hover{
  43. opacity: 0.75;
  44. transition: opacity 0.5s;}
  45. .form{
  46. padding: 7.5px;
  47. width: 100%;
  48. display: inline-block;
  49. float: left;
  50. text-align: left;
  51. }
  52. .form-header-wrapper{
  53. display: block;
  54. width: 100%;
  55. }
  56. .li-wrapper{
  57. margin-bottom: 1%;
  58. }
  59. .text-field{
  60. width: 100%;
  61. display: block;
  62. border: 1px solid lightgray;
  63. border-radius: 5px;
  64. padding: 7.5px;
  65. background-color: #eaeded;
  66. }.empty-field{
  67. border: 1px solid #fd351d;
  68. }
  69. .required-field{
  70. color: #fd351d;
  71. }
  72. .fields-required{
  73. color: #fd351d;
  74. display: none;
  75. }