/* The Modal (background) */
.wcxc-modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.wcxc-modal .wcxc-modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 40%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.wcxc-modal .wcxc-modal-close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 5px;
    z-index: 999;
    cursor: pointer;
}

.wcxc-modal .wcxc-modal-close:hover,
.wcxc-modal .wcxc-modal-close:focus {
  color: #f2f2f2;
  text-decoration: none;
  cursor: pointer;
}

.wcxc-modal .wcxc-modal-header {
  padding: 2px 16px;
  background-color: #2271b1;
  color: white;
}

.wcxc-modal .wcxc-modal-body {padding: 16px 16px;}

.wcxc-modal .wcxc-modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}
.wcxc-modal .wcxc-modal-header h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.wcxc-modal .wcxc-verify-form label {
	font-weight:600;
}

/* Full-width input fields */
.wcxc-verify-form input, .wcxc-verify-form select {
	width: 100%;
	padding: 5px 15px;
	margin: 5px 0 12px 0;
	border: 1px solid #d9d9d9;
}

/* When the inputs get focus, do something */
.wcxc-verify-form input[type=text]:focus, .wcxc-verify-form input[type=password]:focus {
  background-color: #ededed;
  outline: none;
}
.wcxc-verify-form .form-submit {
    margin-bottom: 20px;
}
.wcxc-verify-form .form-submit button {
    width: 100%;
	padding:5px 5px;
}
.wcxc-verify-form span.field-required {
    color: #ff0000;
}
.wcxc-verify-form .form-response{
	margin:10px 0px;
}
.wcxc-verify-form .form-response div{
	padding: 5px 15px;
}
.wcxc-verify-form .resp-danger {
	background-color: rgb(244 67 54 / .1);
	color: #F44336;
}
.wcxc-verify-form .resp-success {
	background-color: rgb(76 175 80 / .1);
	color: #4CAF50;
}
.xc_setting_alert {
    background: #ffe6e6;
    padding: 10px 20px;
    width: 50%;
    margin-top: 25px;
    margin-bottom: 25px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 2px solid #ff1a1a;
}
.xc_setting_alert h3{
    margin: 4px 0px;
}
.wcxc-modal-content .wcxc-modal-body form .form-group {
    display: flex;
    flex-direction: column; 
}
.wcxc-modal-content .wcxc-modal-body form .form-group label {
    width: 100%;
}
.wcxc-modal-content .wcxc-modal-body form .form-group select {
    width: 100% !important;
    min-width: 100%;
}/** new css added 15-4-25**/#wc-xc-activation-modal .form-group:nth-child(1),#wc-xc-activation-modal .form-group:nth-child(2),#wc-xc-activation-modal .form-group:nth-child(4),.form-group:nth-child(5) {	width: 48%;	display: inline-flex !important;}#wc-xc-activation-modal .form-group:nth-child(1),#wc-xc-activation-modal .form-group:nth-child(4) {	padding-right: 0.5%;}#wc-xc-activation-modal .form-group:nth-child(2),#wc-xc-activation-modal .form-group:nth-child(5) {	padding-left: 0.5%;}#wc-xc-activation-modal .wcxc-modal-content {	top: 50%;	transform: translateY(-50%);}#wc-xc-activation-modal {	padding-top: 20px;}.wcxc-verify-form .form-submit {	margin-bottom: 0px;}.wcxc-modal .wcxc-modal-body {	padding: 10px 10px;}.wcxc-modal .wcxc-modal-header h2 {	margin-top: 0;}.wcxc-modal .wcxc-modal-header {	padding: 10px 10px;}.wcxc-modal .wcxc-modal-header p {	margin: 0px;}.wcxc-verify-form .form-response , .wcxc-reactivate-form .form-response{	margin: 5px 0px;}.wcxc-verify-form .form-response div , .wcxc-reactivate-form .form-response div{	padding: 2px 10px;	font-size: 12px;}.password_notice {	font-size: 12px;	margin-bottom: 8px;}@media only screen and (max-width:1100px) {	.wcxc-modal .wcxc-modal-header h2 {		font-size: 18px;	}	.wcxc-verify-form input,	.wcxc-verify-form select , .wcxc-reactivate-form input{		padding: 2px 8px;		margin: 5px 0 8px 0;		font-size: 12px;	}}@media only screen and (max-width:1024px) {	.wcxc-modal .wcxc-modal-content {		width: 60%;	}	.wcxc-modal .wcxc-modal-header h2 {		font-size: 16px;		margin-bottom: 5px;	}}@media only screen and (max-width:820px) {	.wcxc-verify-form input,	.wcxc-verify-form select, .wcxc-reactivate-form input {		padding: 2px 8px;		margin: 3px 0 8px 0;		font-size: 12px;	}}/**2-5-25**/.wcxc-reactivate-form{    display: none;}#wc-xc-activation-modal form.wcxc-reactivate-form .form-group:nth-child(1), #wc-xc-activation-modal form.wcxc-reactivate-form .form-group:nth-child(2) {    width: 100%;}.wcxc-modal form.wcxc-reactivate-form label {    font-weight: 600;}#wc-xc-activation-modal form.wcxc-reactivate-form input{    width: 100%;    padding: 5px 15px;    margin: 5px 0 12px 0;    border: 1px solid #d9d9d9;}button.button.button-primary {    width: 100%;    padding: 5px 5px;}.already-account-btn{	display: flex;}.already-account-btn, .dont-account-btn {       justify-content: flex-start;    margin-top: 0;    font-weight: bold;    font-size: 16px;    margin-bottom: 5px;	text-decoration:none;}.already-account-btn:focus , .dont-account-btn:focus {    color: #043959;    box-shadow: none;    outline: none;}

/** styles of tab Css**/
.tabs-cstm-wrp {
  display: flex;
  margin-bottom:10px;
  justify-content:space-between;
  gap: 10px;
}

.tab-link:hover {
  color: #2271b1;
  text-decoration: none;
}

.tab-link.active {
    color: #fff;
    background-color: #2271b1;
    border: 1px solid #2271b1;
    border-bottom-color: transparent;
}
.tab-link {
    padding: 10px 20px;
    text-decoration: none;
    color: #2271b1;
    background: #2271b108;
    border: 1px solid #2271b14a;
    border-radius: 0;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    font-size: 15px;
	position:relative;
	width: 50%;
    display: inline-flex;
    justify-content: center;
}
.tab-link.active:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #2271b1;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0px auto;
}
@media only screen and (max-width:768px) {
	.tab-link {
		padding: 10px 14px;
		font-size: 14px;
	}
}