.system-alert__container { position: absolute; top: 0; z-index: 2050; left: 0; right: 0; max-width: 50%; width: 600px; margin: auto; } div[class^="system-alert__item_"] { border-radius: 4px; box-shadow: 0 0 5px 1px rgba(50, 50, 50, 0.25); padding: 15px 0; margin-top: 10px; color: #fff; } .system-alert__item_info { color: #fff; background-color: #414042; } .system-alert__item_error { background-color: #f83200; } .system-alert__item_warning { background-color: #f98700; color: #333 !important; } .system-alert__item_success { background-color: #89c341; } .system-alert__icon { font-size: 16px; float: left; text-align: center; width: 60px; } .system-alert__text { font-size: 16px; text-align: left; margin-left: 60px; margin-right: 50px; } .system-alert__dismiss { float: right; text-align: center; width: 50px; } .bmc-system-about-modal .modal-content { padding: 0; box-shadow: none; border: none; border-radius: 4px; } .bmc-system-alert-modal .modal-content, .popout-window-alert-modal .modal-content { padding: 0; width: 600px; box-shadow: none; border: none; border-radius: 6px 6px 4px 4px; } .bmc-system-alert-modal .modal-header, .popout-window-alert-modal .modal-header { height: 50px; border: none; padding-left: 25px; font-size: 20px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .bmc-system-alert-modal .modal-body, .popout-window-alert-modal .modal-body { padding: 25px; font-size: 16px; min-height: 100px; } .bmc-system-alert-modal .modal-footer, .popout-window-alert-modal .modal-footer { padding: 10px 15px 0 0; } .popout-window-alert-modal .modal-content { width: 480px; } .bcm-credential-alert-modal .modal-header { height: 50px; border: none; font-size: 16px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .bcm-credential-alert-modal .modal-dialog { width: 400px; } .bcm-credential-alert-modal .modal-content { padding: 0; margin: 0 auto; width: 400px; box-shadow: none; border: none; border-radius: 6px 6px 4px 4px; } .bcm-credential-alert-modal .modal-body { padding: 0 25px 0 25px; min-height: 100px; } .bcm-credential-alert-modal .modal-footer { padding: 10px 15px 0 0; } .bcm-credential-alert-modal .login-form__label_username:before, .bcm-credential-alert-modal .login-form__label_pass:before { top: 25px; }