a.black-bg-button:not([href]) {
    color: #006BBB;
    margin-right: 0px;
}

a.black-bg-button:hover:not([href]) {
    color: #FFFFFF;
}

.email_overlay_wrapper .modal-content {
    border-radius: 0;
}

.email_overlay_wrapper .modal-content {
	padding-bottom: 28px;
}

.modal-backdrop.show {
    opacity: .8;
}

body.modal-open {
    overflow: hidden;
    position: fixed;
}

#emailcustomernosuccess .mb-content {
	font-family: RobotoNormal,Arial,Helvetica,sans-serif !important; 
}

#emailcustomernosuccess .mb-content b {
	font-family: RobotoBold,Arial,Helvetica,sans-serif !important; 
}

.overlay-spinner {
  left: 40%;
  top: -165%;
  z-index: 10000;
  background: url('../../../../../content/dam/dell-emc/icons/loading-animation-spinning-daisy-white.gif')
                50% 50% 
                no-repeat;
  width: 120px;
  height: 102px;
  /* height: 50px; */
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.emailcustomerno.disabled:hover {
	cursor: default;
 	border: #3DC6EF 2px solid;
    background-color: #3DC6EF;
}

.email-cust-err {
	color: red;
	font-family: RobotoNormal,Arial,Helvetica,sans-serif; 
}

.email-cust-success {
	color: green;
	font-family: RobotoNormal,Arial,Helvetica,sans-serif; 
}

.err-hide-force {
	display: none !important;
}

.success-hide-force {
	display: none !important;
}

.email-custno-err-close {
	display: block;
	float: right;
}

.email-overlay {
	display: none !important;
}

.show-spinner {
	display: block !important;
}

#load-more{
    display:none;
}

#emailcustomerno .email-cancel, #emailcustomernosuccess .email-cancel {
	width: 100%;
}

#emailcustomerno .modalbox-button {
	float: left;
    padding: 30px 30px 0 0;
}

 #emailcustomernosuccess .modalbox-button {
	float: left;
    padding: 10px 30px 0 0;
}

#emailcustomerno .emc-button > span:first-child, #emailcustomernosuccess .emc-button > span:first-child {
	text-transform: none !important;
	padding-left: 3em;
    padding-right: 3em;
}

#emailcustomerno .popup-content, #emailcustomernosuccess .popup-content {
    background-color: white;
    padding: 1em 0 2em 0;
    margin: 30px;
    margin: auto;
}

#emailcustomerno .mfp-close, #emailcustomernosuccess .mfp-close {     
	right: -2%;
    top: 6% !important;
    font-size: 16px !important;
    color: #000000 !important;
    font-family: Arial,Helvetica,sans-serif !important;
	border: 0px;
    background-color: transparent;
    width: 220px;
    position: absolute;
}

#emailcustomerno .mb-content, #emailcustomernosuccess .mb-content {
    font-family: RobotoBold,Arial,Helvetica,sans-serif; 
	font-size: 20px; 
	color: #000000; 
	text-align: left;
	padding: 3em 2em 1em 2em;
}

#emailcustomernosuccess .mb-content.desc {
	font-size: 14px;
	padding: 3em 2em 1em 3em;
}

#emailcustomerno .mfp_close_x_border, #emailcustomernosuccess .mfp_close_x_border {
	border: 1px solid #000000;
    padding: 3px 8px 3px 8px;
    margin-left: 5px;
}

#emailcustomerno .mb-fields-wrapper, #emailcustomernosuccess .mb-fields-wrapper {
	padding: 0em 2.5em 1em 2.5em;
}

#emailcustomerno .mb-fields-wrapper label, #emailcustomernosuccess .mb-fields-wrapper label {
	color: #000000;
    font-family: RobotoNormal,Arial,Helvetica,sans-serif;
	padding: 0 0 10px 0;
    font-size: 18px;
}

#emailcustomerno .email-submit.disabled, #emailcustomernosuccess .email-submit.disabled {
	cursor: auto;
}

#emailcustomerno .email-submit.disabled:hover, #emailcustomernosuccess .email-submit.disabled:hover {
	background-color: #0076CE;
	border: #0076CE 2px solid;
}

#emailcustomerno .mb-fields-wrapper label.mb_custno, #emailcustomernosuccess .mb-fields-wrapper label.mb_custno {
	margin-top: 30px;
}

#emailcustomerno .mb-fields-wrapper input, #emailcustomernosuccess .mb-fields-wrapper input {
	padding: 12px 0;
	border: 2px solid #0076CE;
	max-width: 600px;
}

@media screen and (min-width:667px) and (max-width:768px) {
	#emailcustomerno .mfp-close, #emailcustomernosuccess .mfp-close {
		right: -2%;
	}
}

@media screen and (min-width:414px) and (max-width:666px) {
	#emailcustomerno .mfp-close, #emailcustomernosuccess .mfp-close {
		right: -2%;
	}
}

@media screen and (max-width:375px) {
	#emailcustomerno .mfp-close, #emailcustomernosuccess .mfp-close {
		right: -2%;
	}
}


@media screen and (min-width: 964px) and (max-width: 994px) {
	.overlay-spinner {
  		top: -165%;
  	}
}

@media screen and (min-width: 800px) and (max-width: 963px) {
	.overlay-spinner {
  		top: -165%;
  	}
}

@media screen and (min-width: 50px) and (max-width: 799px) {
	.overlay-spinner {
  		top: -165%;
  		left: 30%;
  	}
}

@media (min-width: 576px) {
	#emailcustomerno .modal-dialog {
		max-width: 700px;
	}
}