/* your styles go here */
/*---product Popup page---*/
.package_popup{background:rgba(0,0,0,.4);cursor:pointer;display:none;height:100%;position:fixed;text-align:center;top:0;width:100%;z-index:10000}
.package_popup .helper{display:inline-block;height:100%;vertical-align:middle}
.package_popup>div{background-color:#fff;box-shadow:10px 10px 60px #555;display:inline-block;height:auto;max-width:551px;min-height:100px;vertical-align:middle;width:60%;position:relative;border-radius:8px;padding:50px 5%}
.popupCloseButton{background-color:#fff;border:3px solid #999;border-radius:50px;cursor:pointer;display:inline-block;font-family:arial;font-weight:700;position:absolute;top:-20px;right:-20px;font-size:16px;line-height:26px;width:30px;height:30px;text-align:center}
.popupCloseButton:hover{background-color: #ccc;}

/* Popup box BEGIN */
#formulations{cursor:pointer;}
.formulations{cursor:pointer;}
.popup-box{background:rgba(0,0,0,.4);cursor:pointer;display:none;height:100%;position:fixed;text-align:center;top:0;width:100%;z-index:10000}
.popup-box .helper{display:inline-block;height:100%;vertical-align:middle}
.popup-box>div{background:#e4e4dc !important;box-shadow:10px 10px 60px #555;display:inline-block;height:auto;max-width:551px;min-height:100px;vertical-align:middle;width:60%;position:relative;border-radius:0px;padding:15px 1%}
.popup-data p {color:#292059; font-weight:600; padding:0px 15px }
.popup-data p:first-child{margin-bottom:0px;}

/* Flash Messages Css */
.flash-message .message { border-radius: 10px; height: auto;width: 100%;font-size: 18px; margin-bottom: 20px; padding: 15px 20px; border-radius: 10px; border: 2px solid transparent; }
.flash-message .error{background: #FEF1F1; color: #A03B40; border-color: #F4E6E6; }
.flash-message .success{color: #36785D; border-color:#E7F2E5; background: #F8FCF5; }

/* Custom Messages Css */
.custom-message .message { border-radius: 10px; height: auto;width: 100%;font-size: 18px; margin-bottom: 20px; padding: 15px 20px; border-radius: 10px; border: 2px solid transparent; }
.custom-message .error{background: #FEF1F1; color: #A03B40; border-color: #F4E6E6; }
.custom-message .success{color: #36785D; border-color:#E7F2E5; background: #F8FCF5; }

.register-page .error-msg{display: none; color: red; font-size: 14px;}
.login-page .error-msg{display: none; color: red;}
.fieldbox .error-red{display: none;color: #ff0000;}

.my-profile-form .submit {
    display: flex;
    justify-content: flex-end;
  }
.odr-pro-img {
    max-width: 60px;
    flex: 60px;
}

.order-pro-detail {
    width: 19rem;
}

.video-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
}
.video-box video {
    width: auto;
    height: 100%;
}
.content-data{
	/*color: var(--primary-text-color);*/
	/*color: var(--color-text-black);*/
}
.content-data p, .content-data ul, .content-data ol {
	font-size: 1.6rem;
	font-weight: 500;
}
.default-address-btn {
    top: 80px;
    padding: 5px 10px;
    background: var(--secondary-bg-color);
    color: var(--color-text-white);
}
.default-address-btn:hover {
    color: var(--color-text-white);
}
.global-font{
    font-size: 1.4rem;
}