.hovering-enter { opacity: 0.01; } .hovering-enter.hovering-enter-active { opacity: 1; transition: opacity 300ms ease-in-out; } .hovering-leave { opacity: 1; } .hovering-leave.hovering-leave-active { opacity: 0.01; transition: opacity 500ms ease-in-out; } .btn-tabButton { background-color: #fff; border-color: #ccc; color: #333; margin-top: 3px; } .btn-tabButton:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .nav-tabs>li>a { background: rgba(0, 0, 0, 0.05); border-radius: 2px 2px 0 0; border: 1px solid #ddd; color: #888; height: 35px; line-height: 32px; margin-right: -1px; margin-top: 7px; padding: 0 15px; } .has-error .control-label, .has-error .help-block { color: #333; } .modal-error { color: #a94442; }