.userModal-wrapper{ @include outer-container(); width: 800px; form{ display: table; width: 100%; } .fieldset-main{ @include span-columns(16); input{ height: 30px; line-height: 30px; font-size: 14px; } .error_container{ height: 20px; line-height: 20px; font-size: 12px; } } .fieldset-child{ @include span-columns(14 of 16); @include shift(1); @include pad(10px 0 0 0); margin-top: 10px; background: rgba(255, 167, 0, 0.78); border: solid 1px #D09700; } .fieldset-child-legend{ font-size: 18px; font-weight: bolder; color: rgb(40, 101, 169); } .account-info, .account-additional-info{ span{ display: block; } @include span-columns(12 of 14); @include shift(1); } .account-info-item, .account-additional-info-item{ @include span-columns(6 of 12); &:nth-child(2n){ @include omega(); } &.state{ @include span-columns(3 of 12); } &.zip{ @include span-columns(3 of 12); } } .account-business-hours{ @include span-columns(12 of 14); @include shift(1); .day{ @include span-columns(6 of 12); @include pad(5px 0); &:nth-child(2n){ @include omega(); } .day-name{ @include span-columns(1 of 6); } .separator{ @include span-columns(1 of 6); @include omega(); text-align: center; } .day-time-start, .day-time-end{ @include span-columns(2 of 6); @include omega(); text-align: center; } } } .controls{ @include span-columns(14); @include shift(1); margin-top:10px; } }