angular ui bootstrap - UIBModal animation override -

i trying override default animation uibmodal. not working. default animation runs only.

.modal.modal-slide-in-right .modal-dialog {   opacity: 0;   -webkit-transform: translate(20%, 0%);   -ms-transform: translate(20%, 0%);   -o-transform: translate(20%, 0%);   transform: translate(20%, 0%);   -webkit-transition: .3s cubic-bezier(.25, .5, .5, .9) 1s;   -o-transition: .3s cubic-bezier(.25, .5, .5, .9) 1s;   transition: .3s cubic-bezier(.25, .5, .5, .9) 1s; }  .modal.modal-slide-in-right.in .modal-dialog {   opacity: 1;   -webkit-transform: translate(0px, 0px);   -ms-transform: translate(0px, 0px);   -o-transform: translate(0px, 0px);   transform: translate(0px, 0px); } 

http://plnkr.co/edit/yq0ehiwrhlm90ow5os4r?p=preview

you forget insert extra.css stylesheet index.html

<link rel="stylesheet" href="extra.css">

here working plunk