@charset "utf-8";
/* CSS Document */

/*------------------------------------
  Font
------------------------------------*/
.font-size-06 {
	font-size: 6px;
}

.font-size-10 {
	font-size: 10px;
}

.font-size-11 {
	font-size: 11px;
}

.font-size-12 {
	font-size: 12px;
}

.font-size-13 {
	font-size: 13px;
}

.font-size-14 {
	font-size: 14px;
}

.font-size-16 {
	font-size: 16px;
}

.font-size-18 {
	font-size: 18px;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-22 {
	font-size: 22px;
}

.font-size-24 {
	font-size: 24px;
}


.font-size-26 {
	font-size: 26px;
}


.font-size-28 {
	font-size: 28px;
}


.font-size-30 {
	font-size: 30px;
}

.font-weight-400 {
	font-weight: 400;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: 600;
}

.font-weight-700 {
	font-weight: 700;
}

.text-icon {
	color: #747474;
}
.icon-attention {
	color: #70A5BF;
}

/*------------------------------------
  Ads
------------------------------------*/


.container-ads-360x300 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 80%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe-ads-360x300 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/*------------------------------------
  Thumbs BG images
------------------------------------*/

.thumb-bgsqr-img {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.thumb-size-45x {
	height: 45px;
	width: 45px;
}


.thumb-size-45x60 {
	height: 45px;
	width: 60px;
}


/*------------------------------------
  Misc
------------------------------------*/

.overflow-hidden {
	overflow: hidden;
}

.blacknwhite {
	filter: grayscale(100%);
}

/*------------------------------------
  Info Block v1-1 my news
------------------------------------*/
.u-info-v1-1 {
  overflow: hidden;
  position: relative;
}

.u-info-v1-1::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
}


.link-decoration {
	text-decoration: none;
}

.link-decoration:hover {
	color: deepskyblue !important;
	text-decoration: underline;
}

.brd-avatar-3-white {
	border: 3px solid rgba(164, 164, 164, 0.3);
}

.click-div-gray {
	background-color: #809DAB;
	color: #fff;
}

.click-div-gray:hover {
	background-color:#587685;
	color: #fff;
}

.croppie-preview-box {
	 padding: 10px; 
	 margin: 10px 15px 25px 15px;
	 background-color: white;
	 border: thin solid #DBDBDB;
}

.border-thin-grey {
	border: thin solid #CCCCCC;
}

.hr-light {
	padding-top: 5px;
	margin-bottom: 5px;
	border-bottom: thin #DFDFDF solid;
}

hr.hrlight {
	border: 1px solid #EDEDED;
}


.icon-on {
	opacity: 1 !important;
}

.icon-off {
	opacity: 0.33;
}

.wrap-break-word {
	word-wrap: break-word;
}

.accordion-open {
	background-color: #edfdff;
	 border: thin solid #007185;
	 margin:0 -1px;
	 color: #007185;
}

.submenu-label {
	background-color:#E5B57F !important;
	color: #fff !important;
}

.sub-submenu-label {
	background-color:#585c5d !important;
	color: #fff !important;
	border-radius: 100% !important;
}

.bg-badge {
	background-color: #f79256 !important;	
}

.submenu-arrow {
	color: #b2def1 !important;
}

.bg-badge-scart {
	background-color: #64D0E1 !important;
}


.bg-notification {
	/* background-color: #009EB8 !important; */
	background-color: #72B5BD;
	border-bottom: thin solid #007185;
	/*margin:0 -1px;*/
	color: #007185 !important;
}

.bg-smoke-green {
	background-color: #b1c9b6;
}

.bg-fadegreen {
	background-color: #D1F0D6;
}

.bg-cartitem-selected {
	background-color: #F6F6F6 !important;
	border: thin #E1E1E1 solid !important;
	border-radius: 6px;
}

.notification-media-body {
	max-width: 500px !important;
	overflow: hidden;
}

.line-height-1 {
	line-height: 1.1;
}

.line-height-1dot3 {
	line-height: 1.3;
}

.rotate-180 {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.ghostspan {
	height: 0px !important;
	color: transparent !important;
	font-size: .01px !important;
}

.cursor-not-allowed {
	cursor: not-allowed
}

.height-0 {
	max-height: 3px !important;
	line-height: 3px;
	
}

/* Placeholder & Read-only */

::-webkit-input-placeholder { /* Chrome */
  color:lightgrey !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color:lightgrey !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color:lightgrey !important;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color:lightgrey !important;
  opacity: 1;
}

input[type=text]:read-only.pickerreadonly {
  background-color: azure !important;
}

/* min-height */

.min-height-100 {
	min-height: 100px;
}

.min-height-90 {
	min-height: 90px;
}

.min-height-80 {
	min-height: 80px;
}

.min-height-70 {
	min-height: 70px;
}

.min-height-75 {
	min-height: 75px;
}


.min-height-60 {
	min-height: 60px;
}

.min-height-50 {
	min-height: 50px;
}

.height-10 {
	height: 10px;
}

.btn-block {
	width: 100%;
}

.bnw-filter-90 {
	-webkit-filter: grayscale(90%); 
	filter: grayscale(90%);
}

.bnw-filter-80 {
	-webkit-filter: grayscale(80%); 
	filter: grayscale(80%);
}

.bnw-filter-70 {
	-webkit-filter: grayscale(70%); 
	filter: grayscale(70%);
}

.bnw-filter-60 {
	-webkit-filter: grayscale(60%); 
	filter: grayscale(60%);
}

.bnw-filter-50 {
	-webkit-filter: grayscale(50%); 
	filter: grayscale(50%);
}

/*------------------------------------
  progress and buttons Main Data
------------------------------------*/
/* background: linear-gradient(115deg, #00495e {{usermaindata.data.HasTotalPct}}%, #007698 {{usermaindata.data.HasTotalPctB}}%); */

.step-1 {	
	max-width: 15%; 
	min-width: 40px;
	max-height: 43px;
	border-radius: 3px 0 0 3px;
	padding: 10px; 
	flex-grow:0;
	font-size: 14px;;
	background-color: #00495e !important;
	color: #ffffff;
}

.step-2bg {
	max-height: 43px;
	border-radius: 0px; 
	border-top: 2px solid #d5d5d5;
	padding-bottom: 2px !important;
	/* display: flex; */
	flex-grow: 2;
	background-color: #d5d5d5;
	border-bottom: 0 !important;
	color: #5C5C5C;	
/*	display: block; */
}

.step-2 {
	max-height: 37px !important;
	border-bottom: 0 !important; 
	/* border-top: 2px solid #d5d5d5; */
	padding: 10px 0 10px 0;
	background-color: #ffffff;
	
/*	position: absolute;
	display: inline-block;
	width: inherit;
	flex-grow: 1; */
}

.step-3-off {	
	max-width: 15%; 
	min-width: 40px;
	max-height: 43px;
	border-radius: 0 3px 3px 0; 
	padding: 10px; 
	flex-grow: 0;
	font-size: 14px;
	background-color: #368298; 
	color: #2d697b;
	cursor: not-allowed;
}

.step-3-on {	
	max-width: 15%; 
	min-width: 40px;
	max-height: 43px;
	border-radius: 0 3px 3px 0; 
	padding: 10px; 
	flex-grow: 0;
	font-size: 14px;
	background-color: #368298; 
	color: #ffffff;
	cursor: pointer;
}

.step-3-on:hover {
	background-color: #42a1bc;
}

.app-footer-fix {
	height: 80px;
	position: sticky;
	bottom: 0;
	margin:0 -18px -45px;
	padding: 5px 20px 0 20px;
	border-top: 0;
	background-color: #ffffff;
	z-index: 1001;
}

.step-footer {
	display: flex; 
	padding: 15px 0 0px 0 !important;
	position: sticky; 
	bottom: 10px; 
	background-color: #ffffff;
	/* margin-top: 20px; */
	border-top: 0;
	
}

/*------------------------------------
  Tabs Fix
------------------------------------*/

.nav-tabs-fix {
	display: flex;
}

.nav-item-fix {
	border: 1px #ccc solid; 
	border-bottom: 0; 
	border-right: 0; 
	flex-grow: 1
}

.nav-item-1st-fix {
	border: 1px #ccc solid; 
	border-bottom: 0; 
	border-right: 0; 
	border-radius: 3px 0 0 0; 
	flex-grow: 1
}

.nav-item-last-fix {
	border: 1px #ccc solid; 
	border-bottom: 0;  
	border-radius: 0 3px 0 0; 
	flex-grow: 1
}

.tab-content-fix {
	border: 1px #ccc solid !important;
}
/*------------------------------------
  xEditable
------------------------------------*/

.bg-xeditable-top {
	background-color: #F7F7F7 !important;
}

.bg-xeditable-warning {
	background-color: #fef5d0;
}

.bg-xeditable-success {
	background-color: #dffcff !important;
}

.bg-xeditable-danger {
	background-color: #fcd6d2;
}

.width-coverpic {
	width: 110px;
}

.max-width-40 {
	max-width: 40px !important;
}

.max-width-50 {
	max-width: 50px !important;
}

.max-width-75 {
	max-width: 75px;
}

.max-width-100 {
	max-width: 100px;
}

.max-width-120 {
	max-width: 120px;
}

.max-width-150 {
	max-width: 150px;
}

.max-width-160 {
	max-width: 160px;
}

.max-width-170 {
	max-width: 170px;
}

.max-width-200 {
	max-width: 200px;
}

.max-width-250 {
	max-width: 250px;
}

.max-width-300 {
	max-width: 300px;
}

.max-width-320 {
	max-width: 320px;
}

.max-width-330 {
	max-width: 330px;
}

.max-width-350 {
	max-width: 350px;
}
.max-width-365 {
	max-width: 365px;
}

.max-width-380 {
	max-width: 380px;
}

.max-width-500 {
	max-width: 500px !important;
}

.max-width-550 {
	max-width: 550px;
}

.min-width-75 {
	min-width: 75px;
}

.min-width-100 {
	min-width: 100px;
}

.min-width-150 {
	min-width: 150px;
}

.min-width-200 {
	min-width: 200px;
}

.min-width-250 {
	min-width: 250px;
}

.xeditable-field-empty {
	color: crimson !important;
}

.xeditable-field-full {
	color: #00bcd4 !important;
}

.xeditable-required {
	border: thin solid #c0d7db !important;
	background-color: #f5fdff !important;
}

.xeditable-bdr-left {
	border-left: thin #cfd8dc solid:
}

.xeditable-bdr-right {
	border-rigth: thin #cfd8dc solid:
}

.xeditable-bg-bdr-left {
	background-color: #f2f2f2 !important;
	max-width: 	30px !important; 
	padding-left: 10px !important;
	text-align: center !important;
	/* border-left: thin #cfd8dc solid !important: */
}

.xeditable-flex {
	display: flex;
}

.xeditable-flex-cell-1 {
	flex: 1;
	max-width: 250px;
}

.xeditable-flex-cell-2 {
	flex: 2;
}


/*------------------------------------
  anchor fix for inner targets + fixed headers
------------------------------------*/
.anchor-120 {
	position: relative;
}
								
.anchor-120 a {
	position: absolute;
	left: 0px;
	top: -120px;
}		

.anchor-mas120 {
	position: relative;
}
								
.anchor-mas120 a {
	position: absolute;
	left: 0px;
	top: -620px;
}	

.initiallyHidden {
	display: none;
}

.initiallyShown {
	display: block !important;
}

/*------------------------------------
  Block Hidden
------------------------------------*/
.g-hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .g-hidden-xs-down {
    display: none !important;
  }
	
  .g-center-xs-down {
	text-align: center !important;
  }	
	
	.buy-now-block {
		width: 100%;
	}
}

@media (min-width: 576px) {
  .g-hidden-sm-up {
    display: none !important;
  }
	
	.buy-now-block {
		max-width: 275px;
	}	
}

@media (min-width: 768px) {
  .g-hidden-sm768-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .g-hidden-sm-down {
    display: none !important;
  }
	
  .header-mobile {
		background-color: #f7f7f7 !important;	
  }	
	
}

@media (min-width: 992px) {
  .g-hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .g-hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 989px) {
  .g-hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .g-hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .g-hidden-xl-up {
    display: none !important;
  }
}

.g-hidden-xl-down {
  display: none !important;
}

/*------------------------------------
  Margin
------------------------------------*/

/* left */

.m-0 {
	margin: 0;
}

.m-0-m20 {
	margin: 0 -20px;
}

.ml-1 {
	margin-left: 1px;
}

.ml-2 {
	margin-left: 2px;
}

.ml-3 {
	margin-left: 3px;
}

.ml-4 {
	margin-left: 4px;
}

.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

/* right */

.mr-1 {
	margin-right: 1px;
}

.mr-2 {
	margin-right: 2px;
}

.mr-3 {
	margin-right: 3px;
}

.mr-4 {
	margin-right: 4px;
}

.mr-5 {
	margin-right: 5px !important;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-40 {
	margin-right: 40px;
}

.mr-50 {
	margin-right: 50px;
}

.mr-100 {
	margin-right: 100px;
}

.mr-2-prct {
	margin-right: 2%;
}

/* top */

.mt-0-mb-10 {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.mt-1 {
	margin-top: 1px;
}

.mt-2 {
	margin-top: 2px;
}

.mt-3 {
	margin-top: 3px;
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

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

.mt-30 {
	margin-top: 30px;
}

.mt-minus-40 {
	margin-top: -40px;
}

/* bottom */

.mb-0 {
	margin-bottom: 0px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-70 {
	margin-bottom: 70px;
}

/*------------------------------------
  Padding
------------------------------------*/
.pa-25-15 {
	padding: 25px 15px;
}

.pr-0 {
	padding-right: 0px !important;
}

.pr-5 {
	padding-right: 5px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 25px;
}

.pr-30 {
	padding-right: 30px;
}

.p-0-5 {
	padding: 0 5px !important;
}

.p-0-5-0-10 {
	padding: 0 5px 0 10px;
}

.p-0-10 {
	padding: 0 10px !important;
}

.p-10-10 {
	padding: 10px 10px;
}

.p-10-20 {
	padding: 10px 20px;
}

.p-0-25 {
	padding: 0 25px;
}

.p-10-5 {
	padding: 10px 5px;
}

.pl-0 {
	padding-left: 0px !important;
}

.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 25px;
}

.pl-30 {
	padding-left: 30px;
}

.pt-0 {
	padding-top: 0px !important;
}

.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pb-5 {
	padding-bottom: 5px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.p-daily-thumbs {
	padding-right: 3px;
}

.p-daily-card-fix {
	padding-right: 0.8rem !important;
}

/*------------------------------------
  Border
------------------------------------*/

.brd-0 {
	border: 0 !important;
}

.brd-card {
	border: solid 1px #E7E7E7;
}

.brd-avatar-fff-5 {
	border: solid 5px #FFFFFF;
}

.brd-right-thin {
	border-right: thin solid #E7E7E7;
}

.brd-bottom-thin {
	border-bottom: thin solid #E7E7E7;
}

.brd-bottom-1px {
	border-bottom: solid 1px #E7E7E7 !important;
}

.brd-top-thin {
	border-top: thin solid #E7E7E7;
}

/*------------------------------------
  Background
------------------------------------*/

.bg-size-cover {
	background-size: cover;
}

.bg-pos-top {
	background-position: top;
}

.bg-pos-y-center {
	background-position-y: center;
}

.fade-large-text {
    -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent);
  }

.bg-f7 {
	background-color: #f7f7f7;
}

/*------------------------------------
  div Height / Width
------------------------------------*/

.height-50 {
	height: 50px;
}

.height-170 {
	height: 170px;
}

.height-175 {
	height: 175px;
}

.height-180 {
	height: 180px;
}

.height-185 {
	height: 185px;
}

.width-50 {
	width: 50px;
}

.width-70 {
	width: 70px;
}

.width-20 {
	width: 20px;
}

.maxw-275 {
	max-width: 275px;
}

.brd-card {
	border: solid 1px #E7E7E7;
}



/* ---------------------- */
/* Truncate */
/* ---------------------- */


.truncate1 {
  text-overflow: ellipsis;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.truncate1a {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1;
   -webkit-box-orient: vertical;
}

.truncate2 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2;
   -webkit-box-orient: vertical;
}

.truncate3 {
   overflow: hidden;
   text-overflow: ellipsis;   
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.truncate4 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4;
   -webkit-box-orient: vertical;
}


.truncate5 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5; /* number of lines to show */
           line-clamp: 5;
   -webkit-box-orient: vertical;
}

/*------------------------------------
  misc
------------------------------------*/



.color-inherit {
	color: inherit !important;
}

.maxw-100px {
	max-width: 100px !important;
}

.maxw-120px {
	max-width: 120px !important;
}

.maxw-150px {
	max-width: 150px !important;
}

.rotate {
  animation: rotation 5s infinite linear;
}

.text-thumbs {
	color:#D0D0D0;
}

.textoverflow-ellipsis {
	text-overflow: ellipsis;
}

.textoverflow-wrap {
	overflow-wrap: break-word;
	word-break: break-all;
}

.text-justify {
	text-align: justify;
}
/*------------------------------------
  Button border 0
------------------------------------*/

.rounded-5 {
	border-radius: 5px;
}

.btn-clear{color:#989898;background-color:#ffffff;border-color:#989898;}
.btn-clear:hover{color:#989898;background-color:#F4F4F4;border-color:#989898}

.badge-cryptopay {font-size: 12px;color:#d2d2d2;background-color:#ffffff;border-color:#d2d2d2;border: thin solid;padding: 2px 5px;border-radius:3px;margin-bottom:7px;}
.badge-cryptopay:hover{font-size: 12px;color:#d2d2d2;background-color:#ffffff;border-color:#d2d2d2;border: thin solid;padding: 2px 5px;border-radius:3px;margin-bottom:7px;}

.badge-cryptopay-on {font-size: 12px;color:#ffffff;background-color:#5489b3;border-color:#5489b3;border: thin solid;padding: 2px 5px;border-radius:3px;margin-bottom:7px;}
/*.badge-cryptopay-on:hover{font-size: 12px;color:#939d5f;background-color:#ffffff;border-color:#939d5f;border: thin solid;padding: 2px 5px;border-radius:3px;margin-bottom:7px;}*/

.brd-left-0 {
	border-left:  none !important;
}

.brd-left-no-radius {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.brd-right-0 {
	border-right: none !important;
}

.brd-right-no-radius {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.button-over-banner {
	position: relative; 
	right: 6px; 
	top: 6px; 
	float: right;
}

.button-check-alias {
	position: relative; 
	right: 6px; 
	top: 6px; 
	
}

.button-buy-now {
	border-radius: 50px;
	background-color: #ffd814;
	color: black;
}

.button-buy-now-1 {
	border-radius: 3px;
	background-color: #ffd814;
	color: black;
}

.button-buy-now-2 {
	border-radius: 10px;
	background-color: #ffd814;
	color: black;
}

.button-fadegreen {
	border-radius: 10px;
	background-color: #D1F0D6;
	color: #708275;
}

.button-order-confirm {
	border-radius: 3px;
	background-color: #88B8CF;
	color: white;
}

.button-availability {
	border-radius: 3px;
	background-color:#97CF93;
	color: white;
	border: 0px;
	padding: 8px;
}

.button-availability-wrap {
	border: 0;
	background-color: #ffffff;
}

.choosealias-field {
	font-size: 13px;
	border-color:#D8D8D8;
}

.choosealias-field-available {
	font-size: 13px;
	border-color:#D8D8D8;
	border-radius: 3px 3px 0px 0px !important;
	border-bottom: 0 !important;
}

/*------------------------------------
  Plan colors
------------------------------------*/

.btn-lite {color:#fff;background-color:#88E3FF;border-color:#88E3FF}
.btn-lite:hover{color:#fff;background-color:#79C7DF;border-color:#79C7DF}

.bg-lite {
	background-color: #88E3FF;
}

.text-lite {
	color: #88E3FF;
}

.link-lite {
	color: #88E3FF;
}

.link-lite:hover {
	color: #ffffff;
	text-decoration:underline;
}
 
.btn-premium {color:#fff;background-color:#64D0E1;border-color:#64D0E1}
.btn-premium:hover{color:#fff;background-color:#5AB7C5;border-color:#5AB7C5}

.bg-premium {
	background-color: #64D0E1 !important;
}

.text-premium {
	color: #64D0E1;
}

.btn-elite {color:#fff;background-color:#00B7D5;border-color:#00B7D5}
.btn-elite:hover{color:#fff;background-color:#009EB8;border-color:#009EB8}

.bg-elite {
	background-color: #00B7D5 !important;
}

.link-elite {
	color: #00B7D5;
}

.link-elite:hover {
	color: #88E3FF;
}

.link-blue {
	color: #377487;
}

.link-blue:hover {
	color: #63ABC1;
}

.link-hash-blue {
	color:#63ABC1;
}

.link-hash-blue:hover {
	color: #93BFCC;
}



.text-elite {
	color: #00B7D5;
}

.btn-plan {color:#fff;background-color:#00B7D5;border-color:#00B7D5}
.btn-plan:hover{color:#fff;background-color:#009EB8;border-color:#009EB8}
.btn-plan-on {color:#00B7D5;background-color:#fff;border-color:#00B7D5}
.btn-plan-on:hover{color:#fff;background-color:#009EB8;border-color:#009EB8}

.plan-badge {
	display: inline-block; 
	position: relative;
	padding: 6px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	border-radius: 6px;
}

.dot-on {
	height: 30px;
	width: 30px;
	padding-top: 4px;
	font-size: 12px;	
	color: #fff;		
	background-color: #00B7D5;
	border-radius: 50%;
	border: solid 2px #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
	display: inline-block;
}
					
.dot-off {
	height: 30px;
	width: 30px;
	padding-top: 4px;	
	font-size: 12px;
	text-align: center;
	color: #fff;
	background-color: #a2a2a2;
	border-radius: 50%;						
	border: solid 2px #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
	display: inline-block;
}	

/* compare plans container */

.container-flex {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items:baseline;
	margin-bottom: 10px;
}
					
.item-flex-text {
	flex-grow: 4;
	flex-basis: 45%;
	padding-right: 10px;
	font-size: 12px;
	color: #7C7C7C;
	font-weight: 500;
	text-align: left;
}	
					
.item-flex-dot {
	flex-grow: 1;
}		

.item-border {
	border: thin #E8E8E8 solid;
	padding: 4px 8px;
	border-radius: 6px;
}	

/* ApexCharts */

    #apexchindex1 {
    max-width: 350px;
    margin: 35px auto;
    }
		
    #apexchindex2 {
    max-width: 350px;
    margin: 35px auto;
    }		

/* cards */

.card-timeline-container {
	margin-top: 15px;
	padding-right: 5px;
	
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items:baseline;	
}


.card-timeline-date {
	font-size: 12px;
	margin-right: 2%;
	width: 70px;
	color: #7C7C7C;	
}

.card-timeline-text {
	width: 70px;
	color: #7C7C7C;
	flex-grow: 1; 
	border-left: thin solid #E4E4E4; 
	padding-left: 5px;
}


/*------------------------------------
  Blinking BG color Notice / Alert
------------------------------------*/

@keyframes blinking-notice {
0%   {background-color: #DAFEFF;}
5%   {background-color: #fff;}
8%  {background-color: #DAFEFF;}	
50%  {background-color: #fff;}
99%  {background-color: #fff;}	
100% {background-color: #DAFEFF;}
}

.blink-notice {
	width: 100%;
    height: 100%;
    animation: blinking-notice 6s infinite;
}


/*------------------------------------
  Blinking BG color New Article
------------------------------------*/

@keyframes blinking-new {
0%   {background-color: #DAFEFF;}
15%   {background-color: #fff;}
30%  {background-color: #DAFEFF;}	
60%  {background-color: #fff;}
90%  {background-color: #DAFEFF;}	
100% {background-color: #f2f3f4;}
}

.blink-new {
	width: 100%;
    height: 100%;	
    animation: blinking-new 2s 1;
	animation-fill-mode: forwards; 
}


/*------------------------------------
  Web Controls Item
------------------------------------*/

.web-control-item {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
}

.web-control-item:hover {
	padding-top: 10px;
	padding-bottom: 10px;
	/*background-color: #DFFDFF;*/
}

@media (hover: hover) {
        .web-control-item:hover {
      
            /*Add hover effect to button
            on hover enabled devices*/
            background-color: #DFFDFF;
        }
    }


/*------------------------------------
  Owl-carousel index
------------------------------------*/

.owl-carousel .owl-nav {
	float: right;
	color: #6A6A6A;
	padding: 0 10px 5px 0;
}	
					
.owl-carousel .owl-nav:hover {
	float: right;
	color: #54A4E7;
	padding: 0 10px 5px 0;
}	


/*------------------------------------
  Masonry
------------------------------------*/

.masonry { 
  display: flex;
  flex-flow: row wrap;
  margin-left: -8px; /* Adjustment for the gutter */
  width: 100%;
}

.masonry-brick {
  flex: auto;
  height: 250px;
  min-width: 150px;
  margin: 0 8px 8px 0; /* Some gutter */
}

.masonry-brick:nth-child(4n+1) {
  width: 250px;
}
.masonry-brick:nth-child(4n+1):nth-child(4n+2) {
  width: 325px;
}
.masonry-brick:nth-child(4n+1):nth-child(4n+3) {
  width: 180px;
}
.masonry-brick:nth-child(4n+1):nth-child(4n+4) {
  width: 380px;
}



/*------------------------------------
  Z-index
------------------------------------*/

.z-index-auto {
	z-index: auto;
}

.z-index-inherit {
	z-index: inherit;
}

.z-index-1 {
	z-index: 1;
}

.z-index-10 {
	z-index: 10;
}

.z-index-100 {
	z-index: 100;
}

.z-index-1000 {
	z-index: 1000;
}

.z-index-10000 {
	z-index: 10000;
}

/*------------------------------------
  Shopping Cart offCanvas
------------------------------------*/

.offcanvas-container {
	background-color: #A2A2A2;
	max-width: 325px;
	
}

.offcanvas-body-style {
	background-color: #7f7f7f; 
	padding-left: 0; 
	padding-right: 0; 
	padding-top: 0;
	border-left: thin solid #acacac;
}

.shopping-cart-outerbox {
	border-bottom: thin solid #EDEDED;
	background-color: white;
	padding: 10px 10px;
}

.shopping-cart-container {
	display: flex; 
	flex-direction: row; 
	justify-content: flex-start; 
	align-items: stretch; 
	align-content: flex-start; 
	gap: 0px 5px;
}

.flex-basis-cart-img {
	flex-basis: 80px;
}

.flex-basis-auto {
	flex-basis: auto;
}

.flex-grow-2 {
	flex-grow: 2;
}

.flex-justify-end {
	justify-content: flex-end;
}

.text-deco-none {
	text-decoration: none !important;
}

.trash-offcanvas {
	padding-left: 10px;
	flex-basis: auto;
	border-left: thin solid #ccc;
}

.trash-offcanvas:hover {
	color: #4E4E4E;
}

.trash-inline {
	/* padding-right: 10px; */
	flex-basis: auto;
	margin-top: 3px;
	color: grey;
	/* border-right: thin solid #ccc; */
}

.trash-inline:hover {
	color: #4E4E4E;
}

.shopping-cart-control {
	border: thin solid #C3C3C3; 
	border-radius: 6px;  
	justify-content: space-between;
	color:#4F4F4F;
	margin: 10px 0;
	padding: 3px 10px;
}

.shopping-cart-control:hover {
	border: thin solid #E5C211;
	background-color:#ffd814;
	color: #fff;
}

.text-shopping-cart {
	color:#7A7A7A;
}

.text-shopping-cart:hover {
	color:#393939;
}


.bg-offcanvas-paymentconfirm {
	background-color: #a1dddc;
	border-bottom: thin solid #447473;
	color: #447473;
}


/*------------------------------------
  Shopping Cart & Order lists
------------------------------------*/

.order-img {
	max-width: 65px;
	padding-right: 8px;
}


/* --------------------------- */
/*  spinner */
/* --------------------------- */
			  

.spinner {
  border: 4px solid rgba(0, 0, 0, .1);
  border-left-color: #33cddb;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  
  animation: spin 1s ease infinite;
}

.spinner-btn {
  border: 3px solid rgba(0, 0, 0, .1);
  border-left-color: #ffffff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  
  animation: spin 1s ease infinite;
}

.mt-6 {
	margin-top: 6px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg); 
  }

  100% {
    transform: rotate(360deg);
  }
}

/* --------------------------- */
/*  Server messages */
/* --------------------------- */

.server-msg {
	font-size: 11px; 
	color: #2D728B; 
	padding: 5px 10px;
}

/* ----------------------------------------------------- */
/*  border: input-success / input-warning / input-danger */
/* ----------------------------------------------------- */

.brd-input-success {
	border:#64D0E1 solid 1px !Important;
	border-radius: 5px 5px 0 0 !important;
}

.brd-input-danger {
	border:#C88989 solid 1px !Important;
}

/* --------------- */
/*  NewUser Steps  */
/* --------------- */

.nwuser-steps-box {
	display: flex !important;
	flex-direction: row; 
	gap: 3px;
	margin-bottom: 20px;
}

.nwuser-steps-div {
	flex: 1;
	background-color:#E0E0E0;
	height: 5px !important;
	overflow: hidden;
}

.nwuser-steps-div-lft {
	flex: 1;
	background-color:#E0E0E0;
	height: 5px !important;
	overflow: hidden;
	border-radius: 3px 0 0 3px;
}

.nwuser-steps-div-rght {
	flex: 1;
	background-color:#E0E0E0;
	height: 5px !important;
	overflow: hidden;
	border-radius: 0 3px 3px 0;
}

/* --------------- */
/*   Order menu    */
/* --------------- */ 

.ordermenu-box {
	display: flex;
	flex-wrap: wrap;
	column-gap: 2px;
	border-bottom: solid 1px #E7E7E7 !important;
	margin-bottom: 10px;
}

.ordermenu {
	flex-grow: 1;
	white-space: nowrap;
	color: #B0B0B0;
	padding-right: 15px;
	
}



/*  ------------------------> */
/*  --   Square Croppie   --> */
/*  ------------------------> */

.box-border {
	border: thin solid #BBBBBB;
	border-radius: 5px;
	background-color: #F5F5F5;
}



.upload-square .upload-square-wrap,
.upload-square.ready .upload-msg {
    display: none;
}
.upload-square.ready .upload-square-wrap {
    display: block;
}

.upload-square .AVTR-preview {
	display: none;
}

.upload-square.ready .AVTR-preview {
    display: block;   
	margin: 0 auto;
	align-items: center;
}

.upload-square-wrap {
    /* width: 100%; */
	width: 250px;
    height: 250px;
    margin: 0 auto;
}

.upload-square .container {
	width: 100%; 
/*    margin-left: 0px;
    padding-left: 0px; */
}

.SQR-pic-img {
	background-color: #fff;
	border: solid 1px #e2e2e2;
	border-radius: 5px;
	padding: 5px;
}

.SQR-pic-img:hover {
	background-color: #fff;
	border: solid 1px #00BCD4;
	border-radius: 5px;
	padding: 5px;
}


.SQR-pic-mini-envelope {
	position: absolute; 
	margin-top: 80px; 
	margin-left: 115px;
}

.SQR-pic-mini-envelope-mobile {
	position: absolute; 
	margin-top: 70px; 
	margin-left: 40px;
}

.SQR-pic-mini {
/*	border: solid 0px #e2e2e2;  */
	border: solid 3px rgba(256, 256, 256, 0.7);
}

.SQR-pic-mini:hover {
	border: solid 0px #ffffff;
}

.SQR-pic-mini-overlay {
	border: solid 3px transparent;
	opacity: 0.1 ;
	width: 55px;
	height: 55px;
	margin-top: -3px;
	margin-left: -3px;		
}

.SQR-pic-mini-overlay:hover {
	opacity: 0.6;
	border: solid 3px transparent;
	margin-top: 0px;
	margin-left: 0px;		
}

.SQR-pic-mini-overlay-rotate {
	border: solid 3px transparent;
	opacity: 0.7;
	width: 55px;
	height: 55px;
	margin-top: -3px;
	margin-left: -3px;	
}


/*  ------------------------> */
/*  --   Check-In box  --> */
/*  ------------------------> */

.u-blockquote-v8 {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 5px 6px 9px -6px rgba(44, 47, 55, 0.4);
          box-shadow: 5px 6px 9px -6px rgba(44, 47, 55, 0.4);
}

.u-blockquote-v8::after {
  content: "";
  position: absolute;
  left: 50px;
  bottom: -15px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: #f8f9fa transparent transparent transparent;
  -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1));
}



/*  ------------------------> */
/*  --   Croppie General  --> */
/*  ------------------------> */

.dropzone-white {
	border:2px dashed #94C6D3!important;
	background:0 0!important;
	background-color: #fff!important;
	font-weight:300!important;
	color:inherit!important;
	font-size:1.275rem!important;
	text-align:center!important;
	margin:1.8125rem 0!important;
	cursor: pointer;

}

.dropzone-white:hover {
	border:2px dashed #7CA3AD!important;
	background:0 0!important;
	background-color: #fff!important;
	font-weight:300!important;
	color:inherit!important;
	font-size:1.275rem!important;
	text-align:center!important;
	margin:1.8125rem 0!important;
	cursor: pointer;

}



.upload-msg {
    text-align: center;
    padding: 50px;
    font-size: 22px;
    color: #aaa;
    width: 260px;
    margin: 50px auto;	
    border: 1px solid #aaa;
}
#cropped-result {
  margin-top:25px;
}


.linePreloaderWord{
    width:100%;
    height:2px;
    background:linear-gradient(to right,#0377fc,#1b6a8f);
    background-color:#ccc;
    position:relative;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    border-radius:4px;
    background-size:20%;
    background-repeat:repeat-y;
    background-position:-25% 0;
    animation:scroll 1.2s ease-in-out infinite;
  }

.linePreloaderPdf{
    width:100%;
    height:2px;
    background:linear-gradient(to right,#ff0303,#9c2424);
    background-color:#ccc;
    position:relative;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    border-radius:4px;
    background-size:20%;
    background-repeat:repeat-y;
    background-position:-25% 0;
    animation:scroll 1.2s ease-in-out infinite;
  }
  
  @keyframes scroll{
    50%{background-size:80%}
    100%{background-position:125% 0;}
  }

/* CSS for Typing Effect */
.typewriter h1 {
overflow: hidden; /* Ensures the content is not revealed until the animation */
border-right: .15em solid orange; /* The typewriter cursor */
white-space: nowrap; /* Keeps the content on a single line */
margin: 0 auto; /* Centers the text */
letter-spacing: .15em; /* Adjust as needed */
animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
from { width: 0 }
to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
from, to { border-color: transparent }
50% { border-color: orange; }
}