.circle-loader {
	 border: 4px solid rgba(0, 0, 0, 0.2);
	 border-left-color: #43c9c3;
	 animation: loader-spin 1.2s infinite linear;
	 -webkit-animation: loader-spin 1.2s infinite linear;
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 10em;
	 height: 10em;
}
 .load-complete {
	 -webkit-animation: none;
	 animation: none;
	 border-color: #43c9c3;
	 transition: border 500ms ease-out;
}
 .checkmark {
	 display: none;
}
 .checkmark.draw:after {
	 animation-duration: 800ms;
	 animation-timing-function: ease;
	 animation-name: checkmark;
	 transform: scaleX(-1) rotate(135deg);
	 
      -webkit-animation-duration: 800ms;
      -webkit-animation-timing-function: ease;
      -webkit-animation-name: checkmark;
      -webkit-transform: scaleX(-1) rotate(135deg);
}
 .checkmark:after {
	 opacity: 1;
	 height: 4.5em;
	 width: 1.75em;
	 transform-origin: left top;
	-webkit-transform-origin: left top;
	
	 border-right: 3px solid #43c9c3;
	 border-top: 3px solid #43c9c3;
	 content: '';
	 left: 2.75em;
	 top: 5.1em;
	 position: absolute;
}
 @keyframes loader-spin {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes checkmark {
	 0% {
		 height: 0;
		 width: 0;
		 opacity: 1;
	}
	 20% {
		 height: 0;
		 width: 1.75em;
		 opacity: 1;
	}
	 40% {
		 height: 3.5em;
		 width: 1.75em;
		 opacity: 1;
	}
	 100% {
		 height: 3.5em;
		 width: 1.75em;
		 opacity: 1;
	}
}

.error-exclamation{
    font-size: 128px !important;
    color: red;
}

.boldtext{
font-weight:bold;
}


._x_close {
    position: relative;
    float: right;
    top: 4px;
    right: 10px;
    cursor: pointer;
    z-index: 25;
    color: #000;
}

.error-div-text{
	font-size: 20px;
}

.error_circle-loader {
	 border: 2px solid rgba(0, 0, 0, 0.2);
	 border-left-color: red;
	 animation: loader-spin 1.2s infinite linear;
	 -webkit-animation: loader-spin 1.2s infinite linear;
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 10em;
	 height: 10em;
	 -webkit-animation: none;
	 animation: none;
	 border-color: red;
	 transition: border 500ms ease-out;
}

.new-modal-content-area{
   background: white;
   border-radius: 10px;
   padding: 30px;	
}
.message-div-heading{
	 font-size: 30px;
    text-align: center;
}
.confirmation-div-text{
  font-size: 18px;
}

.margin-top-25{
	margin-top: 25px;
}

.btn-conainer > .red-blue-btn {
    border: 2px solid;
    color: #ffffff;
    text-decoration: none;
    border-radius: 22px;
    cursor: pointer;
    border-color: red;
    outline: none;
    font-weight: 400;
    width: 291px;
    text-transform: uppercase;
    color: red;
    display: inline-block;
}

.mobile-btn-next{
	padding:9px 40px !important;
}

.btn-conainer{
	width:100%;
	text-align: center;
}


.btn-conainer > .light-blue-btn{
    border: 2px solid;
    color: #ffffff;
    text-decoration: none;
    border-radius: 22px;
    cursor: pointer;
    border-color: #43c9c3;
    outline: none;
    font-weight: 400;
    width:291px;
    text-transform: uppercase;
    color: #43c9c3;
    display: inline-block;
}

.circle-loader-div{
	text-align: center;
	padding: 40px;
}

.order-success-div{
	padding: 10px;
}

.error-div-heading{
	text-align: center;
	 font-size: 30px;
	 color: red;
}
.error-circle-loader-div{
	text-align: center;
	padding: 30px;
}
._error-message-main-div, ._error-description-main-div{
	font-size: 20px;
}