/*==============landscape modal css=================*/
#app_common_modal, #error_handler_overlay {
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#app_common_modal::-webkit-scrollbar, #error_handler_overlay::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}
#app_common_modal_close, #error_handler_overlay_close {
	display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
#app_common_modal .app_modal_body {
    min-height: auto!important;
    margin: auto !important;
    top: 50%;
    transform: translateY(-50%);
}
#error_handler_overlay .error_handler_body ul {
	margin: 0;
	padding: 0;
}
.error_handler_body ul li{text-align: left !important;}


#app_common_modal .app_modal_body {
  margin: 60px auto;
}


@media screen and (max-width:1200px) and (orientation: landscape) {
	#app_common_modal .app_modal_body {
		margin: 20px auto;
		min-height: 250px;
	}
	#app_common_modal .app_modal_body iframe {
		
		min-height: 230px;
	}
	#error_handler_overlay .error_handler_body {
		margin: 20px auto;
		padding: 14px;
		font-size: 12px;
	}
}

@media screen and (max-width: 895px) and (orientation: landscape) {
	#app_common_modal .app_modal_body {
		margin: 20px auto;
		min-height: 290px;
	}
	#app_common_modal .app_modal_body iframe {
		min-height: 260px;
	}
	#error_handler_overlay .error_handler_body {
		margin: 20px auto;
		padding: 14px;
		font-size: 12px;
	}
}
@media screen and (max-width: 374px) and (orientation: portrait) {
	#app_common_modal .app_modal_body {
		margin: 50px auto;
	}
	#error_handler_overlay .error_handler_body {
		margin: 50px auto;
	}
}

/*==============Two scrollbar in modal=================*/
#app_common_modal, #error_handler_overlay{
        overflow-y: hidden;
}
.top-caret-position{top: 10px;}
.top-caret-position-state{top:15px}

@media screen and (max-width: 1023px){
select#expiry_m,
select#expiry_y {
    background-position: 96.5% 50%;
}
select#billing_country{
    background-position: 96.5% 50%;
}
select#state{
    background-position: 96.5% 50%;
}
input#cvc {
    background-position: 92.5% 50%;
}
}

@media screen and (max-width: 575px){
select#expiry_m,
select#expiry_y {
    background-position: 93.5% 50%;
}
select#billing_country{
    background-position: 93.5% 50%;
}
select#state{
    background-position: 93.5% 50%;
}
input#cvc {
    background-position: 90.5% 50%;
}
}

@media screen and (max-width: 480px){
select#expiry_m,
select#expiry_y {
    background-position: 91.5% 50%;
}
select#billing_country{
    background-position: 91.5% 50%;
}
select#state{
    background-position: 91.5% 50%;
}
input#cvc {
    background-position: 86.5% 50%;
}
.satisfaction-box h2 {
    font-size: 20px !important;
}
}