.button-preorder-default + button, .button-out-sale-default + button {
	width: 60% !important;
}
@media (max-width: 767px) {
	.button-preorder-default + button, .button-out-sale-default + button {
		width: 33.33%;
	}
}
@media (max-width: 1200px) {
	.button-preorder-default + button, .button-out-sale-default + button {
		width: 33.33%;
	}
}
.button-preorder-compare + input {
	margin-top: 0px !important;
}
#preorder-box .image img {
	margin:0 auto;
}
#preorder-box .input-group {
	width: 100%;
}
#preorder-box .dropdown-menu > li > button {
    color: #333;
	text-align: left;
}
#preorder-box .dropdown-menu li > button:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#preorder-box .input-group-addon {
	cursor: pointer;
	background-color: #fff;
	width: 75px;
}
#preorder-box .countries {
	width: 100%;
}
#preorder-box .countries > div {
	max-height: 170px;
    overflow-y: auto;
	overflow-x: hidden;
}
#preorder-box .countries > div button {
	color: #888;
    text-shadow: 0 1px 0 #FFF;
    text-decoration: none;
}
#preorder-box .countries > div button:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#preorder-box .countries button span:first-child {
	float: left;
}
#preorder-box .countries button span:last-child {
	float: right;
}
#preorder-box input[name='quantity'], #preorder-box h4 {
	text-align: center;
}
.fa-preorder:before {
    content: "\f0f3";
}
.fa-out_sale:before {
    content: "\f05e";
}


.send_notice_form
{
	z-index: 990;
    background: var(--light-blue, #E7EFF6);
    padding: 20px 20px 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}


.btn_send_notice
{
	width: 100%;
    border-radius: 24px;
    background: var(--red, #CA142B);
    color: var(--White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin: 0;
    padding: 0;
    border: 2px solid #CA142B;
    transition: all ease .2s;
}


.modal.fade.in .modal-dialog
{
transform: none;
}

.modal.in .modal_dialog_notice
{	padding: 20px 20px 30px;
	z-index: 990;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 24px;
    background: #E7EFF6;
	width: 100%;
    max-width: 500px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
}
.modal-body
{
	padding: 0;
}
.modal-header
{
	 background: #E7EFF6;
	 border: none;
}
.modal-footer
{
	 background: #E7EFF6;
	 border: none;	
}

.send_notice_title {
    color: #1D2C22;
    font-family: Bellota;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.6px;
    margin: 0;
    width: 100%;
}

.modal-footer:before,
.modal-footer::after
{
	display: none;
}

.preorder_modal_row input:read-only {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 16px;
    background: #FFF;
    height: 48px;
    padding: 0 8px;
    gap: 6px;
    border: none;
    width: 100%;
    padding: 0 15px;
}

.preorder_modal_row input:active,
.preorder_modal_row input:focus
{
	outline: none !important;
	box-shadow: none !important;
}

.btn_send_notice:hover
{
	filter: brightness(1.2);
}