body{
	margin: 0;
	padding: 0;
	background: #774d93;
	  background-image: linear-gradient(
      90deg,
      #432672,
      #774d93 100% /* determines size */
    );
	background-repeat: repeat !important;
	color: #2c2035;
	font-family: 'Exo 2', sans-serif;
}

.navi {
	margin-bottom: 0px !important;opacity: 0.99;
	background: #432672;
	background-image: linear-gradient(0deg, #432672 0%, #5f4d93 1%, #432672 100%);
border-bottom: 1px solid rgba(163, 118, 130,0.9);
	padding: 3px 0;
	border-radius: 0;
}

.navbar-brand {
	color: #ffcb30 !important;text-shadow: 1px 0px 1px rgba(25, 25, 25,0.7);
	font-size: 32px;
	line-height: 26px;
}
.navbar-brand:hover {
	color: #ffe23b !important;
}
.navbar-dark {
	background: none;
}
.navbar-nav {
	font-weight: 600;
}
.navbar {
	padding-top: .1rem;
	padding-bottom: .1rem;
  }
.navbar-nav a{
	font-size: 1.2em;
	color: #ffffff !important;
	padding: 3px 6px;
	border-radius: 1em;
	margin: 3px 4px 1px;
	position: relative;
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;box-shadow: rgb(35, 15, 45) 0px 1px 1px 0px;
}
.navbar-nav a:hover{background: #432672;
	background-image: linear-gradient(0deg, #432672 0%, #5f4d93 1%, #432672 100%);
	color: #fff !important;
	border-radius: 1em;
}

.wrapper {
	padding: 15px;background: #f4e6ff;
	background-image: linear-gradient(-90deg, #f4e6ff 25%, #f4e6ff 75%);
	border: 1px solid #fdfcff;
	box-shadow: 0px 0px 0px 6px #ffffff !important;
	border-radius: 1em;
}

.wrapper2 {
	margin-top:10px !important;
	padding: 5px 10px 10px !important;background: #f4e6ff;
	background-image: linear-gradient(-90deg, #f1a5ae 25%, #f4e6ff 75%);
	border: 4px solid #fdfcff;
	border-radius: 1em;
}
.wrap-title{
	color: #392342;display:inline-block;
	padding: 3px 7px 6px;
	font-weight: 800;
}
.wrap-title::after {
	position: relative;
	bottom: 0; left: 0;right: 0;
	display: block;
	content: "";
	background: #fe4287;
	border-radius: 4px;
	padding: 0;margin: 0 auto;
	width: 55px;height: 6px;
}
.content-title{
	color: #382342;display:inline-block;
	padding: 3px 7px 5px;
	font-weight: 800;
}

.content-title::after {
	position: relative;
	bottom: 0; left: 0;right: 0;
	display: block;
	content: "";
	background: #fe4287;
	border-radius: 4px;
	padding: 0;margin: 0 auto;
	width: 55px;height: 6px;
}
.home {
	border-radius: 1em;
	background: #774d93;
	  background-image: linear-gradient(
      90deg,
      #432672,
      #774d93 100% /* determines size */
    );
	box-shadow: inset 0px 0px 30px 3px #432672 !important;
	padding: 5px !important; margin: -4px;
}
.home .bgg {
	border-radius: 0.9em;
	border: 3px dashed #ffffff !important;
	margin: 5px;
}
.home h1 {
	color: #fdc9fa;
	font-size: 2.4em;
	font-weight: 800;
}
.home p {
	color: #ffffff;
	font-size: 1.4em;
}

.footerr {
	margin: 15px auto 0;
	padding: 10px 0; border-radius: 1em 1em 0 0;
	box-shadow: 0px 0px 0px 2px rgba(175, 130, 200, 0.3) !important;
	background: #432672;
}
/* Stats block */
.stat {
	color: #ffffff;
	background: #774d93;
	  background-image: linear-gradient(
      90deg,
      #432672,
      #774d93 100% /* determines size */
    );
	border: 2px solid #432672 !important;
	border-radius: 1em;
	margin-bottom: 5px;
	padding: 0px 5px 0;
	position: relative;
}
.stat2 {
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.9);
  }
.stat-count {
	color: #fe4287;
	background: #fffce9;
	border-bottom: 2px solid #5e107b;
	font-size: 1.9em;
	font-weight: 800;
	line-height: 1;
	border-radius: 1em;
	padding: 3px;margin: 0px 10px 10px;
	display: block;
}
.stat-count small {
	font-size: 70%;
}
.stat-title{
	color: #ffffff;
	padding: 1px;
	font-size: 100%;
	font-weight: 600;
}

.stat i {
	color: #ffc82f;
	font-size: 2.2em;
	transition-duration: 180ms;
	transform: scale(0.9);
  }
.stat:hover i {
	  transform: scale(1);
	}

	.stat label{
		color: #774d93;
	}
	.stats {
		color: #fff;
		background: #774d93;
		border-radius: 4px;
		margin-bottom: 5px;
		padding: 2px 2px 0;
	}
	.stats2 {
		overflow: hidden;
		border-radius: 2px;
		background-color:rgba(255, 255, 255, 0.95);
	  }
	  .table {
		
		background-color:rgba(255, 255, 255, 0.95);
	  }
  .table-striped > tbody > tr:nth-of-type(2n+1) > * {
	--bs-table-accent-bg: #fbdcf1 !important;
  }
  tbody, td, tfoot, th, thead, tr {
	border-color: #dfafe5;
  }
	  .stats2.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-accent-bg: #fbdcf1;
}
	  .stats2 tr:last-child td{
		  border-bottom: 0;
		}
	
.alert.bg-light {
	color: #352b3c;
	border-radius: 4px;
	border: 2px solid rgba(210, 110, 190, 0.3) !important;
	background-color: rgba(255, 235, 245, 0.9) !important;
	box-shadow: 3px 3px 0px rgba(210, 110, 190, 0.3) !important;
	padding: 4px;
}
.alert-warning {
	border-color: #f8812b;
}
.alert-success {
	border-color: #53c564;
}
.card.bg-light {
	background-color: rgba(254, 241, 255, 0.9) !important;
}
div.card {
	border: 1px solid rgba(84, 9, 122, 0.25);
	box-shadow: 4px 4px 0px rgba(210, 110, 180, 0.2) !important;
}
a.card {
	border: 1px solid rgba(84, 9, 122, 0.25);
	box-shadow: 4px 4px 0px rgba(210, 110, 180, 0.2) !important;
}
.card-header {
	background-color: rgba(233, 204, 244, 0.1);
}

/* Buttons */

.btn.btn-primary {
	border-color: #549f63;
}
.btn {
	box-shadow: inset -1px -2px 2px 2px rgba(73, 93, 65, 0.1);
}
.btn-lg {
    -webkit-transition-duration: 180ms;
    transition-duration: 180ms;
    border: 1px solid #ffe !important;
	border-radius: 10px;
	font-weight: bold;
	box-shadow: inset -2px -4px 2px 0px rgba(93, 86, 45, 0.2);
}

.btn-danger {
	color: #fff;
	background-color: #fc2d5b;
	border-color: #da1d46;
}
.btn-danger:hover {
	background-color: #ee2450;
}
.btn-warning {
	color: #fff;
	background-color: #ff8403;
	border-color: #ef7a05;
}
.btn-warning:hover {
	color: #fff;
	background-color: #ff7204;
}

.btn-success {
	background-color: #19b762;
}
.btn-success:hover {
	background-color: #0db55f;
}
.btn-primary {
	border-color: #432672 !important;
	background-color: #774d93;
}
.btn-primary:hover {
	background-color: #432672;
}

.btn2 {
	border-radius: 2em !important;
	padding: 2px 15px;
	border: 2px solid rgba(253, 248, 249, 0.4) !important;	
}
.btn-lg:hover {
    border: 2px solid #fff;
	box-shadow: 0px 0px 8px 3px rgba(26,26,26,0.1);
}


.btn-outline-dark {
	color: #3a2d30;
	border: 1px #5a3d41 solid !important;
}

.title {
	font-size: 1.5em;
	font-weight: 800;
}
.title::after {
	position: relative;
	bottom: 0; left: 0;
	display: block;
	content: "";
	background: #20b964;
	border-radius: 4px;
	padding: 0;
	width: 55px;height: 6px;
}

.tyt .card {
	color: #fffee2;
	background: #774d93;
	border: 4px solid #f5f6d0 !important;
	box-shadow: 0px 0px 0px 5px #774d93 !important;
	position: relative;
	font-size: 15px; font-weight: bold;
	display: block;z-index: 33;
	margin: 15px auto; padding: 5px 0 0; text-align: center;
	border-radius: 1em;
}
.tyt .badge{
	color: #fe4287;
	background: #f5f6d0;
	border-radius: 10px 0 1em 0;font-size: 20px;left: -1px; top: -2px;padding-left: 6px;
}
.check-list span{
	display: block; text-align: center;
	padding: 3px 0px;
}
.check-list div:hover div{
	position: relative;
}
.check-list .check-oval { 
	background: rgba(255, 255, 226,0.7) !important;
	box-shadow: 3px 4px 0px 0px rgba(109, 71, 86,0.1) !important;
	position: relative;
	font-size: 15px; font-weight: bold;
	display: block;z-index: 33;
	margin: 5px auto; padding: 5px 0 0; text-align: center;
	border-radius: 2em;
}
.check-list div .check-oval img{
	width: 66px;
}
.check-list div:hover .check-oval img{
	width: 66px;
	transform: scale(1.1);
}


/* ACCOUNT STYLE */
.content {
	float: left;
	display: block;
	width: calc(100% - 300px);
}
.content > div {
	margin: 0; padding: 0;
}


.serf {
	border-radius: 4px;margin: 7px 5px !important;
	padding-left: 5px;
	background: #fff;
	border: 1px solid #e4a7b4 !important;
	box-shadow: 3px 4px 0px 0px rgba(109, 71, 86,0.1) !important;
}
.serf-link {
	font-size: 18px;
	font-weight: 700; color: #423547 !important;
	text-decoration: none !important;
}
.serf .card-footer {
	background: #fff;
	color: rgb(79, 67, 86);
	font-size: 18px;
	font-weight: 500 !important;
}
.serf .card-footer span {
	color: rgb(122, 110, 130) !important;
	background: #fff !important;
}
.serf:hover {
	border: 1px solid #6d4f79 !important;
}

.serf .bg-danger {
	background: #fc2d5b !important;
}
.serf:hover .bg-danger {
	background: #ea1644 !important;
}

.serf .bg-primary {
	background: #70488f !important;
}
.serf:hover .bg-primary {
	background: #593574 !important;
}

.serf-link:hover {color: #fc2d5b !important;}

.tarif .card {
	border-radius: 2em 1em;
	border: 0 !important;
	border: 4px solid #fff !important;
	background: #774d93;
	  background-image: linear-gradient(
      90deg,
      #432672,
      #774d93 100% /* determines size */
    );
	box-shadow: inset 0px 0px 30px 3px #432672 !important;
}
.tarif .card-info {
	overflow: hidden;
	margin: 3px 7px;border-radius: 1em;
	background: #f1d0f6;
	border-bottom: 4px solid #432672 !important;
}
.tarif .card-img {
	padding: 5px;
}
.tarif .card .card-img {
	transition-duration: 180ms;
	transform: scale(0.9);
	opacity: 0.95;
  }
  .tarif .card:hover {
	background: #432672;
	}

		.tarif .card a{
			color: rgb(255, 250, 221);text-decoration: none;
			border-bottom: 1px solid rgb(255, 247, 221) !important;
	}
	.tarif .card a:hover{
		color: rgb(255, 246, 162);text-decoration: none;
		border-bottom: 1px solid rgb(255, 250, 221) !important;
}

.tarif .btn {
	border: 1px solid #432672;
}
.tarif .btn-lg {
	border: 3px solid #432672 !important;
}
.titlec {
	color: #fff; font-weight: bold;
	text-shadow: 1px 1px 1px rgba(26,26,26,0.7);
	background1: linear-gradient(-90deg, transparent, #d49503, transparent);
	border-radius: 0; padding: 0px 0 5px;
	margin: -20px 0px 0px 0px;
}


.leftbar {
	width: 290px;
	margin: 10px 10px 5px 0px;
	display: block;
	float: left;
}
.leftbar .menubar {
	border-radius: 4px;
	border: 2px dashed #432672 !important;	
	background-color: #5f4d93 !important;
	box-shadow: 0px 0px 2px 2px #5f4d93 !important;
	margin-top: 5px;
}
.leftbar__menu {
	padding: 2px;
}
.leftbar__menu li {
	display: block;
}
.leftbar_head {
	font-weight: 700;
	text-transform:uppercase;
	padding: 5px 0 7px 14px;
}
.leftbar__menu li a {
	font-weight: 600;
	color: rgb(255, 255, 255);background: #432672;
	background-image: none;
  background-image: linear-gradient(90deg, #432672 0%, #5f4d93 100%);
	border-top1: 1px dashed #f4d3b2 !important;	
	display: block;text-transform:uppercase;
	text-decoration: none;padding: 4px 5px;
	margin: 0px 2px 3px 2px;border-radius: 1em;
	text-shadow: 1px 1px 1px rgba(33, 62, 35, 0.2);
}
.leftbar__menu li a span{
}

.leftbar__menu li a:hover {
	color: #fed542 !important;
	text-shadow: 1px 1px 1px rgba(50, 50, 47, 0.2);
}

.leftbar__menu li a i {
	color: #fe4287;
	position: relative;
	font-size: 20px;text-align: right;
	line-height: 1.2;
	margin-right: 13px;
	width: 30px; padding: 2px; text-align: right;
transform: scale(0.9);
-webkit-transition: opacity 250ms ease, -webkit-transform 250ms ease;
transition: opacity 250ms ease, -webkit-transform 250ms ease;
transition: transform 250ms ease, opacity 250ms ease;
transition: transform 250ms ease, opacity 250ms ease, -webkit-transform 250ms ease;
}

.leftbar__menu li a:hover i{
	color: #fed542 !important;
}

/*MENU V KABINE*/
.divide {
	border-top: 1px dashed rgba(70, 60, 50, 0.2);
}
.menu-title {
	padding: 5px 10px;
	color: rgb(128, 98, 144);
}

.menu2 {
	color: rgb(248, 227, 255);
	padding-left: 20px;
	padding-top: 6px;
	font-size: 24px;
	font-weight:600;
	line-height: 26px;
	cursor: pointer;
}
.menu2 i {
	position: relative; margin-right: 14px;
}

.menub{
	width: 96.8%;margin: -3px; margin-left: 5px; 
	border-top: 1px dashed rgba(62, 50, 70, 0.2) !important;
	padding: 4px 5px 4px 5px; 
}
.topbar{
	padding: 5px;margin: 5px 5px 0;
}
.topbar__top {
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
.topbar__btns {
  margin-top: 15px;
}
.topbar__btn {
  margin: 0 10px;
}
.topbar__bottom {
  text-align: center;
}
.topbar__balance {
	background-color: #ffe3fa !important;
	border-bottom: 1px solid #b739b7 !important;	
	padding: 3px;
	margin-bottom: 5px;
	border-radius: 1em;
}
.topbar__balance p {
	color: rgb(58, 27, 66);
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	line-height: 1.5em;
}
.topbar__balance p b{
	font-size: 32px;
	color: #281238;
}

.topbar-rekl {
	font-size: 14px !important;
}
.topbar-rekl p b{
	font-size: 24px;
	color: #f5f6f7;
}
.topbar-rekl p {
	font-size: 14px;
}
.topbar__balance a {
	font-size: 14px;
	letter-spacing: .75px;
	color: #fff;
	transition: color 0.2s ease;
}
.leftbar__menu li a {
	padding-left: 10px;
	font-size: 17px;
	position: relative;
	z-index: 2;
}

.leftbar__menu li a span {
	padding-right: 13px;position: relative; top:-2px;
	display: inline;
}

.menu2 {
	display: none;
}

@media only screen and (max-width: 791px) {
.content, .leftbar {
	width: 100%;
	float: none;
	margin: 0;margin-bottom: 5px;
}
.menu__wrapper {
	max-height: 0;
	overflow: hidden;
	transition: 0.2s ease;
}
.menu2 {
	display: block;
}
html.min-menu .content {
	width: 100%;
	float: none;
	margin-left: 0;
}
html.min-menu .menu2 span {
	opacity: 1;
}
html.min-menu .leftbar {
	float: none;
	width: 100%;
}
html.min-menu .topbar {
	display: block;
}
html.min-menu .menu__wrapper {
	max-height: 1300px;
}
html.min-menu .leftbar__menu li a span {
	display: inline;
}
html.min-menu .leftbar_head {
	display: block;
}
html.min-menu .leftbar__menu li a:hover {
	width: 100%;
}
}