body {
            font-family: 'Roboto', sans-serif;
    }
.acc-card-body {
	font-size: 15px;
	color: #666;
	height: 68px;
}
.acc-data .card-header {
	font-size: 16px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: 600;
}
.table > :not(:last-child) > :last-child > * {
	border-bottom-color: #dbdbdb !important;
}
.modal-body small {
	color: #848484;
	font-size: 11px;
	margin-left: 5px !important;
	
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}

.btn-unfreeze .spinner {
    display: none;float: left;margin-right: 5px;margin-top: 2px;
}

.hidden {
    display: none;
}


@keyframes growProgressBar {
  0%, 33% { --pgPercentage: 0; }
  100% { --pgPercentage: var(--value); }
}

@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

div[role="progressbar"] {
  --size: 12rem;
  --fg: #369;
  --bg: #def;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: 
    radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(#0087ff calc(var(--pgPercentage) * 1%), var(--bg) 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--fg);
  width: 50px;height: 50px;font-size: 13px;
}

div[role="progressbar"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}


.tab-content table td {
  padding: 12px;
  font-size: 13.5px;
  color: #686868;
}

.tab-content table th {
  font-size: 13.5px;
}
.tab-content table .bold {
  font-weight: bold;
}
.tab-content table small {
	color: #959595;
}
.blod, b {
  color: #666;
}

.nav-tabs .nav-link.active {
	background-color: #5800b0 !important;
	color: #fff !important;
}

#btn-connect {
	background-color: #320064;
	border: none;
}

#acc-alert {
	background-color: #efe1ff;
	border-color: #e3c6ff;
	color: #320064;
}

.nav-tabs .nav-link {
-webkit-border-top-left-radius: 15px !important;
-webkit-border-top-right-radius: 15px !important;
-moz-border-radius-topleft: 15px !important;
-moz-border-radius-topright: 15px !important;
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
  border: solid 1px #f0f0f0 !important;
  margin-right: 10px;
}

#tbody-orders .btn {
	border-radius: 50px;
}

#tbody-orders td {
  color: #9b9b9b;
}

.order-seller {
  font-size: 14px;
}
.order-seller b {
	font-size: 16px;
	margin-right: 3px;
	margin-left: 3px;
}

body {
	background-color: #eee;
	background-image: url(https://villadream.gr/wp-content/uploads/2018/12/transparent-png-pattern-8.png);
}
header, footer {
  background-color: #5800b0;
  color: #fff;
  background-image: url(https://www.pngmart.com/files/13/Pattern-Transparent-Background.png);
  padding-top: 10px;
  padding-bottom: 10px;
  margin:0px;
}
footer {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
main {
  padding: 15px;
}
.container {
	background-color: #fff;
	border-radius: 20px;
	border: solid 1px #ddd;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 !important;
}




.nav-header {
	background-color: #400180;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: solid #35006a;
}
.nav-header .nav-item.active {
  background-color: #35006a;
  color: #fff;
  border-radius: 8px;
}
.features .icon i {
	color: #5800b0 !important;
}
.nav-header .nav-item.active a {
  color: #ffff;
}
.nav-header a {
  color: #fff;
}
.nav-header .nav-item {
  margin-left: 5px;
}
.nav-header .nav-link {
	padding-left: 5px !important;
}
.nav-header .nav-item:hover a {
	color: #fff;
}
.nav-header .navbar-collapse {
	font-size: 14px;
}

header #btn-sell, header #btn-buy {
	width: 90px;
}
header #btn-connect {
    width: 230px;
}


.s-title {
  border-bottom: solid 2px #eee;
  padding-bottom: 11px;
  margin-bottom: 15px !important;
  width: 65%;
  margin: 0 auto;
  display: block;
  color: #666;
  font-family: tahoma;
  font-size: 27px;
}
.faq {
	width: 70%;
	margin: 0 auto;
}


.row.features {
	margin-right: 15px;
	margin-left: 15px;
}
.features .box {
	border-radius: 15px;
	padding: 8px;
	background-color: #fbfbfb;
	margin-top: 18px;
	display: inline-flex;
	width: 100%;
	padding-bottom: 14px;
	border: solid 1px #f2f2f2;
}
.features .icon {
 font-size:55px;
 padding-left:13px;
 padding-right:13px
}
.row.features .text {
 padding-top:5px
}
.row.features .title {
 font-size:17px;
 font-weight:600
}
.row.features .text>p {
 margin:0;
 font-size:15px
}
.row.heading .box {
 text-align:center;
}
.row.heading .title {
 font-size:21px;
 font-weight:600
}
.row.heading p {
 margin-bottom: 0px !important;
}