/* modals.css */
/* Overlay */
#simplemodal-overlay {background-color:#000;}

#simplemodal-container {color:#bbb; background:transparent; border:0px solid #444; padding:12px; box-sizing:content-box;}
#simplemodal-container .simplemodal-data {padding:0px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a.modalCloseImg {background:url('/static/modals/images/icon_close_green.gif') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:20px; right:10px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
/*** end simple modal styles ***/

#modalDialog{width:345px; background-color:transparent;display:none;overflow:hidden; box-sizing:content-box;}
#modalContent a{ text-decoration:underline;}
#modalDialog h1{background:#bddb8c url('/static/modals/images/modal_heading_bkg.gif') repeat-x; color:#333; font-size:16px; font-weight:bold;padding:5px; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;margin:0px;border-bottom:1px solid #777; }
#modalDialog h1.gray{color:#fff; background:black none no-repeat 0 0 scroll; }
#modalContent{padding:5px 10px 15px 10px;background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#modalContent input,#modalContent select,#modalContent option {font-size:12px; outline:none;}
#modalContent input{padding:2px;overflow:hidden;-mox-outline: none;}
#modalContent select{padding:2px;}
#modalContent p,#modalContent label{font-size:11px;color:#444;margin-bottom:8px;}
#modalContent b{font-weight:bold;color:#000;}
#modalContent label{font-size:11px; color:#444; margin-bottom:8px; margin:0px; padding:0px; display:inline;}
#modalContent a{font-size:11px;}
#modalContent #rememberMeForm{margin-bottom:15px;}
#modalContent .modalDesc{font-size:11px; margin:11px 0px;}
#modalContent .modalGeneralDesc{font-size:12px; margin:11px 0px;}
#modalContent .reason{font-size:10px;}
#modalContent .formFieldErr{background-color:#fefcb7;}
#modalContent h2{font-size:14px;font-weight:bold;color:#000;padding:0px;margin:0px;padding-bottom:5px;border:none;}
#modalContent h2.toggle{padding-left:20px;cursor:pointer;background-image:url('/static/modals/images/arrow_closed.gif');background-position:top left;background-repeat:no-repeat;}
#modalContent h2.active{background-image:url('/static/modals/images/arrow_open.gif');}
#modalContent .modalAreaBlock{width:293px; border:1px solid #797979; background-color:#d6d6d6; padding:8px 8px 8px 19px; *padding-bottom:0px; margin-bottom:10px; border-radius:10px; }
#modalContent .modalGeneralBlock{width:293px; background-color:#fff; padding:8px; margin-bottom:10px;}
#modalContent .modalContentBlock{overflow:hidden;}
#modalContent .formIntro{margin-top:0px;padding-top:0px;}
#modalContent .formBlockInline{margin:0px; margin-right:4px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; overflow:hidden; width:auto;}
#modalContent .formBlockInline.right{float:right;text-align:right;}
#modalContent .formBlock{width:auto; margin:0px; padding:0px; overflow:hidden; *display:block;}
#modalContent .infoLink{height:25px;margin-top:15px;font-size:11px;vertical-align:middle;}
#modalContent .icon_lock{padding-top:5px;padding-left:20px;background-image:url('/static/modals/images/lock.gif');background-repeat:no-repeat; background-position:center left;}
#modalContent .moreInfoLink{margin-left:3px;padding-left:17px;font-size:11px;background:url('/static/modals/images/sm-arrow_closed.gif') top left no-repeat;}
#modalContent .moreInfoLinkActive{background:url('/static/modals/images/sm-arrow_open.gif') top left no-repeat;}
#modalContent .moreInfoLink p {margin:5px 5px 5px 0px;}
#modalContent .helpLink{margin-left:15px;}
#modalContent .legacyDomain{display:none;}
#modalContent .Q_areaSelection{display:none;}

#modalContent .MAM_diplayZipFromCookie{font-size:12px; padding-left:15px;}
#modalContent .zipchange{padding-left:15px;font-size:10px;}
#modalContent .leftcol{vertical-align:top;width:20px;}
#modalContent .rightcol{width:260px;}
#modalContent .formRow{margin-bottom:6px;}
#modalContent .OOR {font-size:12px}

#modalErrorBlock{display:none;min-height:21px; padding:0px 5px; margin:15px 0px 15px 10px;background-image:url('/static/modals/images/icon_formError.gif');background-repeat:no-repeat;background-position:left top;}
#modalErrorBlock.gray{background-image:url('/static/modals/images/icon_formError_graybkg.gif');}
#modalErrorBlock p{font-size:12px;color:#d0021b;padding:0px;margin:0px; margin-left:25px;}

#modalInfoContent{padding:5px 10px 15px 10px;background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:#333;}


/******* Modal CSS3 Buttons *******/
#modalDialog input.modalbutton {
	background-color: #7bae3b,;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7bae3b), to(#0e723b));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -moz-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -ms-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -o-linear-gradient(top, #7bae3b, #0e723b);
	background-image: linear-gradient(top, #7bae3b, #0e723b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bae3b', endColorstr='#0e723b');
	zoom: 1;
	border: 1px solid #226c3c;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 0 #9fd35e;
	-moz-box-shadow: inset 0 1px 0 0 #9fd35e;
	-ms-box-shadow: inset 0 1px 0 0 #9fd35e;
	-o-box-shadow: inset 0 1px 0 0 #9fd35e;
	box-shadow: inset 0 1px 0 0 #9fd35e;
	color: #fff;
	font: bold 14px MaisonNeue-Medium, serif;
	line-height: 1;
	padding: 4px 10px;
	text-align: center;
	text-shadow: 0 -1px 1px #027333;
	text-transform: uppercase;
	height:22px;
}
#modalDialog  input.modalbutton:hover {
	background-color: #06883e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#65c146), to(#06883e));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #65c146, #06883e);
	background-image: -moz-linear-gradient(top, #65c146, #06883e);
	background-image: -ms-linear-gradient(top, #65c146, #06883e);
	background-image: -o-linear-gradient(top, #65c146, #06883e);
	background-image: linear-gradient(top, #65c146, #06883e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65c146', endColorstr='#06883e');
	zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 0 #b0e888;
	-moz-box-shadow: inset 0 1px 0 0 #b0e888;
	-ms-box-shadow: inset 0 1px 0 0 #b0e888;
	-o-box-shadow: inset 0 1px 0 0 #b0e888;
	box-shadow: inset 0 1px 0 0 #b0e888;
}
#modalDialog input.modalbutton:active {
	border: 1px solid #546685;
	-webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-ms-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-o-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
}

#modalDialog  input.disabledButton, input.disabledButton:hover, input.disabledButton:active {
	background-color: white;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font: bold 14px MaisonNeue-Medium, serif;
	line-height: 1;
	color: #CCCCCC;
	cursor:pointer;
	padding: 4px 10px;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	width:100px;
}
input::-moz-focus-inner {
	border: 0;
}


/** Special dialog for Prism redirect of Triple Bundles **/
#prismModal {color: black; background-color: #fff; padding: 1em; border: 2px solid green;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
}
#prismOverlay {background-color: #eee;}
.simplemodal-close {position: absolute; bottom: 15px; right: 3em; font-size: 0.8em;}


/*---------------------------------------------*/
/*             New Global Modal                */
/*---------------------------------------------*/

/* Modal Containers */

body.standard-modal #simplemodal-overlay,
body.payment-history-modal #simplemodal-overlay,
body.cancel-scheduled-payment-modal #simplemodal-overlay,
body.callDetails-modal #simplemodal-overlay {
	background: #fff;
}

body.standard-modal #simplemodal-container,
body.payment-history-modal #simplemodal-container,
body.cancel-scheduled-payment-modal #simplemodal-container,
body.callDetails-modal #simplemodal-container {
	border-radius: 0;
	box-sizing: border-box;
	overflow: hidden;
	padding: 20px;
	width: 100% !important;
}
@media (min-width: 768px) {
	body.standard-modal #simplemodal-container,
	body.payment-history-modal #simplemodal-container,
	body.cancel-scheduled-payment-modal #simplemodal-container {
		background: #faf9f8;
		-webkit-box-shadow: 5px 5px 5px #ccc;
		-moz-box-shadow: 5px 5px 5px #ccc;
		box-shadow: 5px 5px 5px #ccc;
		min-width: 668px;
		max-width: 668px;
		padding: 0;
	}
}

#modalDialog.standard-modal {
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 0;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
}

@media (min-width: 768px) {
	#modalDialog.standard-modal {
		border: none;
		background: transparent;
		padding: 0;
		box-shadow: none;
	}
}

#modalDialog.standard-modal #modal-heading,
#modalDialog.standard-modal #modal-content-wrapper {
	border-radius: 0;
}

#modalDialog.standard-modal #modal-content-wrapper {
	background: #fff;
	box-sizing: border-box;
	height: 100%;
	padding: 0;
}

@media (min-width: 768px) {
	#modalDialog.standard-modal #modal-content-wrapper {
		background: #fff;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		padding: 5px 35px 35px;
	}
}

@media (min-width: 768px) {
	#dismiss-modal-button {
		width: 150px;
	}
}


/* Heading */

#modalDialog.standard-modal #modal-heading {
	background: none;
	color: #0047bb;
	text-align: left;
	border: 0;
	box-sizing: border-box;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 0;
	position: relative;
}

@media (min-width: 768px) {
	#modalDialog.standard-modal #modal-heading {
		/* background: url('/static/images/modal-title-background-middle.jpg') repeat-x; */
		color: #0047bb;
		font-size: 24px;
		font-weight: 500;
		height: 51px;
		margin-bottom: 0;
		padding: 16px 35px 0;
		border-top: 1px solid black;
		border-left: 1px solid black;
		border-right: 1px solid black;
		background-color: #fff;
	}
}

@media (min-width: 768px) {
	#modalDialog.standard-modal #modal-heading:before {
		/* background: url('/static/images/modal-title-background-left.png') no-repeat; */
		content: "";
		height: 51px;
		width: 25px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3201;
	}

	#modalDialog.standard-modal #modal-heading:after {
		/* background: url('/static/images/modal-title-background-right.png') no-repeat; */
		content: "";
		height: 51px;
		width: 25px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3201;
	}
}


/* Content Containers */

.modal-content {
	background: #fff;
	color: #000;
	box-shadow: none;
	border: none !important;
}

@media (min-width: 768px) {
	.modal-content {
		border: 1px solid #ccc;
		border-radius: 3px;
		padding: 15px;
	}
}


/* Close icon */
.payment-history-modal .simplemodal-close,
.cancel-scheduled-payment-modal .simplemodal-close,
.standard-modal .simplemodal-close {
	display: none !important;
}


/* Content Copy */

.modal-content {
	color: black;
	font-size: 14px;
	line-height: 1.35;
}

@media (min-width: 768px) {
	.modal-content {
		color: #000;
		line-height: 1.25;
	}
}

.modal-content strong {
	color: black;
}

@media (min-width: 768px) {
	.modal-content strong {
		color: #000;
	}
}


/* Modals without subtitle */

.modal-content.no-subtitle {
	margin-top: 26px;
}


/* Modals with scrollbars */

#with-scrollbar {
	max-height: 300px;
	padding-right: 15px;
	position: relative;
	padding-left: 0;
	padding-top: 0;
	margin-top: 5px;
}


/* Subtitles */

.modal-subtitle {
	color: black;
	font-size: 15px;
	font-weight: 700;
	margin: 10px 0;
}

@media (min-width: 768px) {
	.modal-subtitle {
		color: #000;
		font-size: 14px;
	}
}


/*---------------------------------------------*/
/*       Cancel Scheduled Payment Modal        */
/*---------------------------------------------*/

/* Dynamic Elements */

#cancel-payment-success-modal,
.hidden-scheduled-payment-info,
.cancel-payment-success-modal-title,
#cancel-payment-success-modal-subtitle,
#cancel-payment-error {
	display: none;
}


/* Dates and Amounts */

#cancel-total-amount-paid,
#cancel-total-amount-paid-desc,
#cancel-lable,
#cancel-success-total-amount-paid {
	color: black;
	font-weight: 700;
}

@media (min-width: 768px) {
	#cancel-total-amount-paid,
	#cancel-total-amount-paid-desc,
	#cancel-lable,
	#cancel-success-total-amount-paid {
		color: #000;
	}
}

#cancel-payment-date,
#cancel-payment-success-date {
	color: black;
	font-weight: 700;
}

@media (min-width: 768px) {
	#cancel-payment-date,
	#cancel-payment-success-date {
		color: #000;
	}
}

#confirm-cancellation-table,
#sucess-cancellation-table {
	margin: 20px 0 20px;
}

.amount-td {
	text-align: right;
	padding: 0px 10px;
}

/* Links and Buttons */

.button-wrapper {
	margin: 20px 0 0;
	text-align: center;
}

#modalDialog.cancel-scheduled-payment-modal .ctlButton {
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
}

.cancel-scheduled-payment-modal #cancel-request-link {
	font-size: 16px;
	text-decoration: underline;
}

@media (min-width: 768px) {
	.payment-history-modal #cancel-request-link,
	.cancel-scheduled-payment-modal #cancel-request-link {
		display: inline-block;
		font-size: 11px;
		width: auto;
	}
}

#cancel-request-link,
#modalDialog.payment-history-modal .ctlButton,
#modalDialog.cancel-scheduled-payment-modal .ctlButton {
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	margin: 0 auto;
	text-align: center;
	width: 200px;
}
#modalDialog.payment-history-modal .ctlButton,
#modalDialog.cancel-scheduled-payment-modal .ctlButton {
	margin: 15px auto 0;
}

@media (min-width: 400px) {
	#cancel-request-link,
	#modalDialog.payment-history-modal .ctlButton,
	#modalDialog.cancel-scheduled-payment-modal .ctlButton {
		display: inline-block;
	}

	#modalDialog.payment-history-modal .ctlButton,
	#modalDialog.cancel-scheduled-payment-modal .ctlButton {
		font-size: 16px;
		margin: 15px auto 0;
	}
	#cancel-request-link {
		margin: 0 15px;
	}
}

@media (min-width: 768px) {
	#modalDialog.payment-history-modal .ctlButton,
	#modalDialog.cancel-scheduled-payment-modal .ctlButton {
		line-height: normal;
		margin-top: 0;
		width: 200px;
	}
}

#dismiss-modal-button {
	display: block;
	margin: 10px auto;
}
.payment-history-modal  .simplemodal-close:before,
.cancel-scheduled-payment-modal .simplemodal-close:before {
	content: "Close";
	font-weight: 700;
	font-size: 14px;
	right: 35px;
	position: absolute;
	top: 2px;
}

#modal-close-button,
#modal-close-button-cancel-error,
#modal-close-button-cancel-success {
	background: url('/static/images/svg/close-alert.svg') no-repeat;
	background-size: 16px 14px;
	background-position: 50%;
	color: #0047bb;
	font-size: 14px;
	cursor: pointer;
	/* display: inline; */
	font-size: 0;
	font-weight: normal;
	height: 14px; 
	margin: 0;
	padding: 2px 11px 0 0;
	position: absolute;
	right: 26px;
	top: 45px;
	width: 16px;
	z-index: 3202;
}

#modal-close-button-cancel-error,
#modal-close-button-cancel-success {
	display: none;
}

#modal-close-button:hover {
	text-decoration: underline !important;
}

@media (min-width: 768px) {
	#modal-close-button,
	#modal-close-button-cancel-error,
	#modal-close-button-cancel-success {
		background: url('/static/images/svg/close-alert.svg') no-repeat;
		background-position: 50px 3px;
		font-size: 14px;
		margin: 0 5px 0 0;
		right: 32px;
		top: 25px;
		width: 55px;
		background-size: 16px 14px;
	}
}

#cancel-payment-success-modal-subtitle:before {
	background: url('/static/images/svg/icon-success.svg') no-repeat;
	/* background-position: -802px -427px; */
	content: " ";
	height: 50px;
	left: 0;
	position: absolute;
	top: 0px;
	width: 50px;
}

@media (min-width: 768px) {
	#cancel-payment-success-modal-subtitle:before {
		content: none;
	}
}

#cancel-payment-success-modal-body.green-checkmark-round-icon {
	padding-left: 0;
}

@media (min-width: 768px) {
	#cancel-payment-success-modal-body.green-checkmark-round-icon {
		padding-left: 50px;
	}
}

#cancel-payment-success-modal-body.green-checkmark-round-icon:before {
	content: none;
}

@media (min-width: 768px) {
	#cancel-payment-success-modal-body.green-checkmark-round-icon:before {
		content: " ";
	}
}

#cancel-payment-success-modal-subtitle {
	padding-left: 35px;
	position: relative;
}

@media (min-width: 768px) {
	#cancel-payment-success-modal-subtitle {
		padding-left: 0;
	}
}
@media (max-width: 768px) {
	.shell-profile-subtitle {
		color:#00853F;
	}
	.shell-profile-radio{
		vertical-align: text-bottom;height: 16px;width: 16px;
	}
}
.shell-profile-div{
	padding-bottom:10px;
}

@media(max-width: 550px) {
	#modalDialog.shell-profile-scrollable-content{
		overflow:scroll;height:400px;
	}

}




#modalDialog2{width:345px; background-color:transparent;display:none;overflow:hidden; box-sizing:content-box;}
#modalDialog2 h1{background:#bddb8c url('/static/modals/images/modal_heading_bkg.gif') repeat-x; color:#333; font-size:16px; font-weight:bold;padding:5px; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;margin:0px;border-bottom:1px solid #777; }
#modalDialog2 h1.gray{color:#fff; background:black none no-repeat 0 0 scroll; }

/******* Modal CSS3 Buttons *******/
#modalDialog2 input.modalbutton {
	background-color: #7bae3b,;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7bae3b), to(#0e723b));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -moz-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -ms-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -o-linear-gradient(top, #7bae3b, #0e723b);
	background-image: linear-gradient(top, #7bae3b, #0e723b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bae3b', endColorstr='#0e723b');
	zoom: 1;
	border: 1px solid #226c3c;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 0 #9fd35e;
	-moz-box-shadow: inset 0 1px 0 0 #9fd35e;
	-ms-box-shadow: inset 0 1px 0 0 #9fd35e;
	-o-box-shadow: inset 0 1px 0 0 #9fd35e;
	box-shadow: inset 0 1px 0 0 #9fd35e;
	color: #fff;
	font: bold 14px MaisonNeue-Medium, serif;
	line-height: 1;
	padding: 4px 10px;
	text-align: center;
	text-shadow: 0 -1px 1px #027333;
	text-transform: uppercase;
	height:22px;
}
#modalDialog2  input.modalbutton:hover {
	background-color: #06883e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#65c146), to(#06883e));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #65c146, #06883e);
	background-image: -moz-linear-gradient(top, #65c146, #06883e);
	background-image: -ms-linear-gradient(top, #65c146, #06883e);
	background-image: -o-linear-gradient(top, #65c146, #06883e);
	background-image: linear-gradient(top, #65c146, #06883e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65c146', endColorstr='#06883e');
	zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 0 #b0e888;
	-moz-box-shadow: inset 0 1px 0 0 #b0e888;
	-ms-box-shadow: inset 0 1px 0 0 #b0e888;
	-o-box-shadow: inset 0 1px 0 0 #b0e888;
	box-shadow: inset 0 1px 0 0 #b0e888;
}
#modalDialog2 input.modalbutton:active {
	border: 1px solid #546685;
	-webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-ms-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-o-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
}

#modalDialog2  input.disabledButton, input.disabledButton:hover, input.disabledButton:active {
	background-color: white;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font: bold 14px MaisonNeue-Medium, serif;
	line-height: 1;
	color: #CCCCCC;
	cursor:pointer;
	padding: 4px 10px;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	width:100px;
}

#modalDialog2.standard-modal {
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 6px;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
}

@media (min-width: 768px) {
	#modalDialog2.standard-modal {
		border: none;
		background: transparent;
		padding: 0;
		box-shadow: none;
	}
}

#modalDialog2.standard-modal #modal-heading,
#modalDialog2.standard-modal #modal-content-wrapper {
	border-radius: 0;
}

#modalDialog2.standard-modal #modal-content-wrapper {
	background: #fff;
	box-sizing: border-box;
	height: 100%;
	padding: 0;
}

@media (min-width: 768px) {
	#modalDialog2.standard-modal #modal-content-wrapper {
		background: #faf9f8;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 5px 35px 35px;
	}
}

/* Heading */

#modalDialog2.standard-modal #modal-heading {
	background: none;
	color: #00853f;
	text-align: left;
	border: 0;
	box-sizing: border-box;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 0;
	position: relative;
}

@media (min-width: 768px) {
	#modalDialog2.standard-modal #modal-heading {
		background: url('/static/images/modal-title-background-middle.jpg') repeat-x;
		color: black;
		font-size: 20px;
		height: 51px;
		margin-bottom: 0;
		padding: 16px 35px 0;
	}
}

@media (min-width: 768px) {
	#modalDialog2.standard-modal #modal-heading:before {
		background: url('/static/images/modal-title-background-left.png') no-repeat;
		content: "";
		height: 51px;
		width: 25px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3201;
	}

	#modalDialog2.standard-modal #modal-heading:after {
		background: url('/static/images/modal-title-background-right.png') no-repeat;
		content: "";
		height: 51px;
		width: 25px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3201;
	}
}


#modalDialog2.cancel-scheduled-payment-modal .ctlButton {
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
}

#cancel-request-link,
#modalDialog2.payment-history-modal .ctlButton,
#modalDialog2.cancel-scheduled-payment-modal .ctlButton {
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	margin: 0 auto;
	text-align: center;
	width: 200px;
}
#modalDialog2.payment-history-modal .ctlButton,
#modalDialog2.cancel-scheduled-payment-modal .ctlButton {
	margin: 15px auto 0;
}

@media (min-width: 400px) {
	#cancel-request-link,
	#modalDialog2.payment-history-modal .ctlButton,
	#modalDialog2.cancel-scheduled-payment-modal .ctlButton {
		display: inline-block;
	}

	#modalDialog2.payment-history-modal .ctlButton,
	#modalDialog2.cancel-scheduled-payment-modal .ctlButton {
		font-size: 16px;
		margin: 15px auto 0;
	}
}

@media (min-width: 768px) {
	#modalDialog2.payment-history-modal .ctlButton,
	#modalDialog2.cancel-scheduled-payment-modal .ctlButton {
		line-height: normal;
		margin-top: 0;
		min-width: 130px;
		width: 200px;
	}
}

@media(max-width: 550px) {
	#modalDialog2.shell-profile-scrollable-content{
		overflow:scroll;height:400px;
	}
	#modalDialog.standard-modal #modal-heading {
		max-width: 320px !important;
		width: 100%;
		white-space: break-spaces;
	}
}
@media (min-width: 320px) and (max-width: 767px){
	#confirm-cancellation-modal-body{
		padding:15px 15px 0px;
	}
	#confirm-cancellation-modal .button-wrapper{padding:15px;}
	#payment-history-details {padding:15px;}
	#modalDialog.standard-modal #modal-heading {
		max-width: 375px;
		width: 100%;
	}
}