.g8Form .nameForm font-size 18px textg(t-700,normal,#FFF) margin-bottom 25px margin-top 48px &:first-child margin-top 0px .gButton border 1px solid #fff background transparent &.prev font-size 15px textg(t-700,normal,#FFF) height auto background transparent border 0px padding 0px justify-content flex-start &:before content '\e904' transform rotate(90deg) display inline-block color #fff margin-right 7px font-size 25px font-family icomoon &:hover padding 0px border 0px background transparent &.next font-size 15px textg(t-700,normal,#FFF) height auto background transparent border 0px padding 0px justify-content flex-end &:after content '\e904' transform rotate(-90deg) display inline-block color #fff margin-left 7px font-size 25px font-family icomoon &:hover padding 0px border 0px background transparent &:hover border 1px solid #ff4141 .formError bottom calc(100% + 10px) !important top initial !important opacity 1 !important z-index 50 &:before content '' width: 0; height: 0; border-left: 8px solid #fa4242; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position absolute top calc(100% - 2px) transform rotate(90deg) left 10px opacity 1 .formErrorContent border 0px background #fa4242 box-shadow 0px 0px 0px padding 5px border-radius 3px font-size 12px textg(t-400,normal,#fff) .formErrorArrow display none &.noAnimate .g8Input height auto flexg(flex-start,flex-start) flex-direction column border 0px span margin 0 position relative top 0 transform initial left 0 margin-bottom 10px input,select,textarea height 40px padding-top 0px textarea height 100px padding-top 10px &.active span font-size 15px .clickSelect position relative height 40px padding 0px flexg(center,flex-start) padding-left 20px .g8GroupInput flexg(center,space-between) flex-flow row wrap &.one .g8Input width 100% &.two .g8Input width 49% margin-right 2% &:nth-child(2n) margin-right 0 &.three .g8Input width 32% margin-right 2% &:nth-child(3n) margin-right 0 &.four .g8Input width 24% margin-right 1.33% &:nth-child(4n) margin-right 0 .g8Input position: relative box-sizing: border-box height 63px margin-bottom 16px width 100% border-radius 8px input,select,textarea,.clickSelect width 100% height 100% border 0px box-sizing: border-box padding-left 20px padding-top 10px font-size 15px textg(t-400,normal,#FFF) background rgba(#fff,0.25) border-radius 10px .clickSelect padding-top 22px select appearance: none option color #000 &.elCustomSelect display: none &.select position relative &:after content '\e608' font-family icomoon centerY() font-size 20px right 10px color #fff pointer-events none &.calendar position relative &:after content '\e926' font-family icomoon centerY() font-size 20px right 10px pointer-events none span position absolute left 20px top 50% transform translateY(-50%) pointer-events: none color #fff transition: all 0.2s ease z-index 10 font-size 15px textg(t-400,normal,#FFF) &.textarea height 160px textarea padding-top 30px span top 20% &.active span top 10% &.active span top 23% transition: all 0.2s ease font-size 11px // custom select .wrapOptions position absolute top 100% z-index 20 width 100% box-sizing border-box display none div padding 5px 15px height 27px box-sizing border-box background #808080 transition all 400ms ease color #fff &.active display block .clickSelect position absolute width 100% height 100% .clickOptionItem cursor pointer &:hover background #dbdbdb transition all 400ms ease color #808080 .g8Checkbox position: relative input position: absolute opacity: 0 top 0 left 0 &:checked + label &:after opacity1() label display: inline-block position relative padding-left 30px font-size 14px textg(t-400,normal,#FFF) p margin-bottom 0px a display inline text-decoration underline color #fff &:before content '' width 18px height 18px border-radius 4px border 1px solid #fff position: absolute top 50% transform translateY(-50%) left 0 &:after content '\e91a' font-family icomoon font-size 10px border-radius 2px position: absolute top 50% transform translateY(-50%) left 4px opacity0() .g8FilteContent p margin-bottom 0px font-size 14px textg(t-400,normal,#fff) .g8LoadFIle opacity 0 height 0px transition all 400ms ease &.active margin 20px 0px opacity 1 height auto transition all 400ms ease .removeFile opacity0() .removeFile &:before color #fff font-size 20px &.active .removeFile opacity1() .g8Bar span width 100% transition all 4s linear .completado opacity1() transition-delay 4s .g8TopLoad h3,h4 opacity1() .g8TopLoad flexg(center,space-between) margin-bottom 8px p font-size 14px textg(t-400,normal,#fff) .g8Bar height 4px background #ECECEC width 100% position relative span height 100% width 0% background #ff4141 position absolute left 0 top 0 .completado font-size 14px textg(t-400,normal,#fff) position absolute top calc(100% + 5px) margin-bottom 0xp right 0 opacity0() .g8LoadLeft width calc(100% - 35px) .g8FileWrap position relative width 100% padding 30px 20px border-radius 8px height 220PX flexg(center,center) background #f1f1f1 &.active h5 color #fff .icon-subir, .icon-cloud_upload_FILL1_wght400_GRAD0_opsz48-1 color #201E1B font-size 30px margin-bottom 14px label flexg(center,center) text-align center span font-size 50px margin-bottom 25px h3 font-size 15px textg(t-700,normal,#101B25) h4 font-size 13px textg(t-400,normal,#101B25) input position absolute top 0 left 0 opacity 0 width 100% height 100% .g8FileButton height 35px width fit-content border-radius 8px background rgba(#2DBFFD,0.2) padding 0px 20px font-size 14px flexg(center,center) textg(t-600,normal,#151236) margin auto transition all 400ms ease .g8Confirm margin-top 25px @media screen and (max-width: 480px) .g8GroupInput margin 0 &.two, &.three .g8Input width 100% margin-right 0 margin-bottom 10px .g8Input margin-bottom 0 margin-bottom 10px .g8Confirm align-items: flex-start .gButton margin auto .g8Checkbox margin-bottom 10px .g8FileWrap height 160px