/***********************************
 * Log trade button
 **********************************/
form.modal-log-form {
	width:  100%;
}
.form-group{
	margin-bottom:  0 !important;
}
/*********************************** 
 * Bootstrap Modals
 * This style also applies to popup login/register modal 
 **********************************/
.modal-body::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}
.modal-header {
	justify-content: space-between;
}
.modal-header button.close {
	max-width: 20%;
	background: transparent;
}
.modal.show {
	display: flex !important;
	align-items: center;
}
.modal.login-register-popup #ur-frontend-form {
	box-shadow: none !important;
}
/* modal background colors */
.modal-container-custom .modal.show {
	background: var(--base);
}
/* Modal size and scrollability */
body:has(div.modal.show) {
	overflow: hidden !important;
}
.modal-content {
	box-shadow: 0 0 50px var(--teal);
	border: 1px solid var(--teal) !important;
}
.modal-body {
	max-height: 60vh;
	overflow-y: scroll !important;
}
@media (min-width: 782px) {
    .modal-dialog {
        max-width: 700px !important;
    }
}
/***************************
Buttons - form buttons
***************************/
.button_container button, .modal-container-custom button.log-form-btn {
	background: linear-gradient(45deg, rgba(232,185,35,1) 0%, rgba(253,126,20,1) 100%) !important;
}
.button_container {
	padding: 3rem 1rem; 
}
.button_container button, .modal-container-custom button.log-form-btn {
	border: none;
	width: 100%;
    height: 69px;
    font-size: 1.2em;
}
.modal-container-custom  button.log-form-btn {
	margin-top: 3em;
	width:  40%;
}
.modal-container-custom .modal-log-form button[type='submit'] {
	float:  right;
} 
.modal-container-custom  button.back {
	background-color: var(--base) !important;
	float:  left;
}
/***********************************
 * Modal Fields
 **********************************/
fieldset {
	display: flex;
	flex-direction: column;
	width:  100%;
	padding:  15px 0 !important;
}
span.display_text {
	color:  grey;
	font-size:  0.8em;
}
/* Moneyness radio buttons */
.modal-container-custom  input[type='radio'] {
	width:  30px;
}
.radio-input {
	display: flex;
}
.radio-input label {
	margin-bottom: 0;
	margin: 0 10px;
}