.modal-login { color: #636363; width: 350px; }
.modal-login .modal-content { padding: 20px; border-radius: 5px; border: none; }
.modal-login .modal-header { border-bottom: none; position: relative; justify-content: center; }
.modal-login h4 { text-align: center; font-size: 22px; margin: 25px 0 -10px; }
.modal-login h5 { text-align: center; font-size: 18px; margin: 20px 0 -10px; }
.modal-login .form-control:focus { border-color: #70c5c0; }
.modal-login .form-control, .modal-login .btn { min-height: 40px; border-radius: 3px; }
.modal-login .close { position: absolute; top: -5px; right: -5px; }
.modal-login .modal-footer { background: #ecf0f1; border-color: #dee4e7; text-align: center; justify-content: center; margin: 0 -20px -20px; border-radius: 5px; font-size: 13px; }
.modal-login .modal-footer a { color: #999; }
.modal-login .avatar { position: absolute; margin: 0 auto; left: 0; right: 0; top: -70px; width: 95px; height: 95px; border-radius: 50%; z-index: 9; background: #009cd9; padding: 15px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }
.modal-login .avatar img { width: 100%; }
.modal-login.modal-dialog { margin-top: 80px; }
.modal-login .btn { color: #fff; border-radius: 4px; background: #009cd9; text-decoration: none; transition: all 0.4s; line-height: normal; border: none; }
.modal-login .btn:hover, .modal-login .btn:focus { background: #45aba6; outline: none; }
.trigger-btn { display: inline-block; margin: 100px auto; }

.modal-question { display: block; color: #121212; width: 100%; height: 100%; }
.modal-question .modal-content { min-height: 100%; padding: 10px; border-radius: 5px; border: none; }
.modal-question .close { padding: 5px 10px 0px; position: relative; }
.modal-question .modal-header { padding: 10px 10px 10px; position: fixed; justify-content: center; z-index: 1;}
.modal-question .modal-body { padding: 5% 10px 0px; margin-left: 50%; width: 50%; border-radius: 5px; border: none; font-size: 2em; z-index: 0}
.modal-question .btn { min-height: 40px; border-radius: 3px; }