@-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes layer-slide-down { from { transform: translate3d(0, -100%, 0) } to { transform: translate3d(0, 0, 0) } } @keyframes layer-slide-down-out { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(0, -100%, 0) } } .layer-anim-slide-down { animation-name: layer-slide-down } .layer-anim-slide-down-out { animation-name: layer-slide-down-out } @keyframes layer-slide-left { from { transform: translate3d(100%, 0, 0) } to { transform: translate3d(0, 0, 0) } } @keyframes layer-slide-left-out { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(100%, 0, 0) } } .layer-anim-slide-left { animation-name: layer-slide-left } .layer-anim-slide-left-out { animation-name: layer-slide-left-out } @keyframes layer-slide-up { from { transform: translate3d(0, 100%, 0) } to { transform: translate3d(0, 0, 0) } } @keyframes layer-slide-up-out { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(0, 100%, 0) } } .layer-anim-slide-up { animation-name: layer-slide-up } .layer-anim-slide-up-out { animation-name: layer-slide-up-out } @keyframes layer-slide-right { from { transform: translate3d(-100%, 0, 0) } to { transform: translate3d(0, 0, 0) } } @keyframes layer-slide-right-out { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(-100%, 0, 0) } } .layer-anim-slide-right { animation-name: layer-slide-right } .layer-anim-slide-right-out { animation-name: layer-slide-right-out } .layer-anim-slide-down-custom.layer-anim-close { animation-name: layer-slide-down-out; } .layer-anim-slide-up-custom.layer-anim-close { animation-name: layer-slide-up-out; } .layer-anim-slide-left-custom.layer-anim-close { animation-name: layer-slide-left-out; } .layer-anim-slide-right-custom.layer-anim-close { animation-name: layer-slide-right-out; } .form-group.required-before > .control-label::before,table tr.required-before > td:first-child::before { color: red; content: '*'; margin-right: 4px; margin-left: 4px; vertical-align: middle; } .form-group.required-after > .control-label::after,table tr.required-after > td:first-child::after { color: red; content: '*'; margin-right: 4px; margin-left: 4px; vertical-align: middle; }