/* Force Bootstrap 3 modal styles for #myModal only */
#myModal.modal .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

@media (min-width: 768px) {
    #myModal.modal .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}

#myModal.modal .modal-content {
    position: relative !important;
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, .2) !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5) !important;
    background-clip: padding-box !important;
    outline: 0 !important;
    display: block !important;            /* Restore BS3 behavior */
	width: 100% !important;
    max-width: 600px !important;               /* Remove BS4 width: 100% */
    flex-direction: initial !important;   /* Remove BS4 flex styles */
    pointer-events: auto !important;
}

#myModal.modal .modal-header {
    padding: 15px !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

#myModal.modal .modal-title {
    margin: 0 !important;
    line-height: 1.42857143 !important;
}

#myModal.modal .modal-body {
    position: relative !important;
    padding: 15px !important;
}

#myModal.modal .modal-footer {
    padding: 15px !important;
    text-align: right !important;
    border-top: 1px solid #e5e5e5 !important;
}

#myModal .row {
	display: block;
	flex-wrap: unset;
}

#myModal h3 {
	line-height : 1.1;
	font-size: 24px !important;
	margin-bottom: 10px;
}

#myModal p {
	margin-bottom: unset !important;
}

#myModal hr {
	border-top: 1px solid #eee;
}

#myModal .btn-primary {
    background-color: #4f77ff !important;
    border-color: #4f77ff !important;
}


.panel-login .remember-row {
    margin-bottom: 10px;
    display: flex !important;
}

#myModal .btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px !important;
    font-size: 18px !important;
    line-height: 1.3333333 !important;
    border-radius: 6px !important;
}