body.public{background: #000000; background: linear-gradient(#ffffff, #e1e1e2, #1a1033); background: linear-gradient(rgba(255,255,255,0.3), rgba(225,225,226,0.7), rgba(0,0,0,0.9)), url(/img/0e8ea.jpg); background-position: center; background-size: cover; padding: 1% 1% 3%;min-height: 100vh; height: initial; position: relative;}
body.public.home{padding: 3% 2%;}
div#loginPreLoad{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; /*background: rgba(26,16,51,0.9);*/ background: #c3c4c9; background: #ffffff; display: flex; justify-content: center; align-items: center;}
*{transition: all 1s;}
p.lms-ok{ color: #009900; }
p.lms-err{ color: #ff0000; }
body div.landing{display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1400px; min-height: 56vh; margin: auto; position: relative; z-index: 2;}
body div.landing div.img img{max-height: 400px; border-radius: 24px; background: rgba(0,0,0,0.8); box-shadow: 3px 3px 10px #777777; opacity: 0;}
body div.landing div.txt {text-align: center; order: -2;}
body div.landing div.txt img{max-height: 200px; max-width: 200px;}
body div.landing div.txt h1{font-size: 3.5em; font-weight: 500; color: #006738;}
body div.landing div.txt h3{color: #000000;}
body div.landing div.txt div.lnk {display: flex; justify-content: space-between; flex-wrap: wrap;}
body div.landing div.txt div.lnk a{font-size: 1.1em; font-weight: 500; padding: 5px 20px; border-radius: 7px; background: #ffffff; display: inline-block; color: #000000; margin: 7px; min-height: 50px; display: inline-flex; justify-content: space-between; align-items: center;}
body div.landing div.txt div.lnk a:first-of-type{ /*background: #007bff;*/ background: #ffffff; }
body div.landing div.txt a img{height: 40px; width: 40px; object-fit: contain;}
body div.top-profiles{background: #ffffff; padding: 42px 1%; border-radius: 9px; margin-top: 21px;}
body div.top-profiles a.more-profs{display: block; margin: 21px auto; padding: 5px 14px; border:1px solid #999999; width: 150px; border-radius: 7px; text-align: center;}

body div.home-stats{display: flex; flex-wrap: wrap; justify-content: space-between; /*max-width: 1200px;*/ margin: 50px auto; position: relative; z-index: 2; align-items: center;}
body div.home-stats div.stat{display: flex; flex-direction: column; margin: 5px; padding: 10px; border-radius: 7px; /*box-shadow: 10px 10px 10px #909090;*/ border: 1px solid transparent; align-items: center; min-width: 140px;}
/*body div.home-stats div.stat:hover{ box-shadow: 14px 14px 21px #404040; transform: scale(1.1) rotate(3deg); }*/
body div.home-stats div.stat i.fas, body div.home-stats div.stat i.fa-solid{font-size: 2em; color: #006738; margin-right: 5px;}
body div.home-stats div.stat h3{font-size: 1.2em; font-family: sans-serif;  font-weight: 400; margin: 10px 3px 1px; /*color: #007bff;*/ color: #ffffff; }
body section.main-stats div.home-stats{ margin: 10px auto; }
body section.main-stats div.home-stats div.stat{ border-radius: 7px; box-shadow: 3px 3px 10px #909090; /*min-width: 210px;*/ flex-direction: row; }
body section.main-stats div.home-stats div.stat>div{ margin-left: 9px; }
body section.main-stats div.home-stats div.stat h2{ font-size: 1.2em; margin: 5px auto;}
body section.main-stats div.home-stats div.stat h2 i.fas{ font-size: 1em; color: #000000; }
body section.main-stats div.home-stats div.stat h3{ font-size: 1em; color: #007bff; margin-top: 5px; }
body section.main-stats div.home-stats div.stat i.fas{ color: #a78d33; font-size: 2em; }

body div.fireworks{position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}

body form a.card-pay-lnk{color: #007bff; padding: 7px 14px; border: 2px solid #590089; border-radius: 7px;}
body form a.card-pay-lnk:hover{ box-shadow: 3px 3px 10px #590089; }

div.profile-list{}
div.profile-list div.card-deck{ justify-content: center;}
div.profile-list div.card-deck div.col-card-hld{width: 320px; max-width: 96%; margin:21px 14px;}
div.profile-list div.card-deck div.col-card-hld div.card{border-radius: 14px; position: relative;}
div.profile-list div.card-deck div.col-card-hld div.card div.card-img-top{ width: 94%; /*background: rgba(89,0,137,0.1);*/ height: 180px; margin: 3% 3% 6%; border-radius: 7px; display: flex; align-items: center; justify-content: center; background-size: cover; filter: blur(1px); -webkit-filter: blur(1px);}
div.profile-list div.card-deck div.col-card-hld div.card img.card-img-top{ width: 198px; height: 198px; border-radius: 50%; border:1px solid #ffffff; /*box-shadow: 0 10px 20px rgba(0,0,0,0.3),0 6px 6px rgba(0,0,0,0.3);*/ position: absolute; left: 3%; right: 3%; top: 3%; margin: auto; background: #ffffff; cursor: pointer; object-fit: cover; border: 1px solid #590089; background-image: url('/img/logo.png'); background-size: contain;}
div.profile-list div.card-deck div.col-card-hld div.card div.card-body{height: 185px; overflow: hidden;}
div.profile-list div.card-deck div.col-card-hld div.card div.card-body h5.card-title{font-weight: 500; font-size: 1.2em; color: #590089; }
div.profile-list div.card-deck div.col-card-hld div.card div.card-body p.card-text{}
div.profile-list div.card-deck div.col-card-hld div.card div.card-footer{display: flex; align-items: center; }
div.profile-list div.card-deck div.col-card-hld div.card div.card-footer a{cursor: pointer;}
div.profile-list div.card-deck div.col-card-hld div.card div.card-footer div.foot-lnk{display: flex; justify-content: flex-end; flex-grow: 1;}
div.profile-list div.card-deck div.col-card-hld div.card div.card-footer div.foot-lnk a{padding: 7px 14px; cursor: pointer;}
div.profile-list div.card-deck div.col-card-hld div.card div.card-footer div.foot-lnk a i.fa-lock{color: #990000;}
div.profile-list div.card-deck div.col-card-hld div.card div.card-footer div.foot-lnk a i.fa-lock-open{color: #009900;}

div#user_profile{}
div#user_profile div.top-cover{/*height: 200px; background: linear-gradient(rgba(255,255,255,0.7), rgba(225,225,226,0.7), rgba(26,16,51,0)), url(/img/light-bulb-503881__480.jpg); background-size: cover;*/}
div#user_profile main{min-height: 70vh; display: flex; border-radius: 0 0 14px 14px; background: #ffffff;}
div#user_profile main aside{width: 420px; max-width: 100%; position: relative; min-height: 70vh; background: #e8d6f2; padding-top: 21px;}
div#user_profile.dashboard main aside{display: none;}
div#user_profile main aside div.user{position: relative; min-height: 70vh; margin: 0 12% 0; /*transform: translateY(-120px);*/ /*height: 110%;*/ border-radius: 10px; background: #ffffff; padding: 14px; /*box-shadow: 0 10px 20px rgba(0,0,0,0.3),0 6px 6px rgba(0,0,0,0.3);*/ overflow: auto;}
div#user_profile main aside div.user div.usr-top{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
div#user_profile main aside div.user div.usr-top img{width: 150px; height: 150px; object-fit: cover; padding: 2%; background: #ffffff;}
div#user_profile main aside div.user div.usr-top button{min-width: 150px; margin: 7px auto;}
div#user_profile main aside div.user div.usr-summary {margin: 21px 0; min-width: 200px; max-width: 100%;}
div#user_profile main aside div.user div.usr-summary p{margin: 7px 0; display: flex; justify-content: space-between; color: #007bff;}
div#user_profile main aside div.user div.usr-summary b{text-align: right; color: #590089;}
div#user_profile main aside div.user div.usr-info {margin: 21px 0;}
div#user_profile main aside div.user div.usr-info h5{font-weight: 500; letter-spacing: 3px;}
div#user_profile main aside div.user div.usr-info p{font-size: 0.9em;}
div#user_profile main section.main-stats{ flex-grow: 1; min-height: 50vh; background: #e8d6f2; padding-top: 21px; max-width: 100%;}
div#user_profile.dashboard main section.main-stats{ background: #f4f6f9; }
div#user_profile main section.main-stats nav.stats-nav{border-radius: 10px 0px 0px 10px;}
div#user_profile main section.main-stats nav.stats-nav div.navbar-profile{justify-content: space-between;}
div#user_profile main section.main-stats nav.stats-nav div.navbar-profile form select{margin:3px; transition: 300ms;}
div#user_profile main section.main-stats div.private-data{display: flex; justify-content: center; align-items: center; flex-direction: column;  min-height: 350px;}
div#user_profile main section.main-stats div.private-data i.fa-lock{color: #990000; font-size: 10em;}
div#user_profile main section.main-stats div.graphs{flex-wrap: nowrap; justify-content: space-around;}
div#user_profile main section.main-stats div.graphs div.card-graph{flex-basis: 47%; margin: 14px 14px;}
div#user_profile main section.main-stats div.graphs div.card-graph div.card-body{text-align: center; min-height: 300px;}

div#user_profile main section.main-stats div.graphs div.card-graph div.card-body.balances {display: flex; min-height: 100px; flex-wrap: wrap;}
div#user_profile main section.main-stats div.graphs div.card-graph div.balances div.balance-chart{max-width: 200px; box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2); padding: 5px; margin: 5px auto;}
div#user_profile main section.main-stats div.graphs div.card-graph div.balances div.balance-val{flex-grow: 1; display: flex; flex-wrap: wrap;}
div#user_profile main section.main-stats div.graphs div.card-graph div.balances div.balance-val div.card{flex-grow: 1; margin-bottom: 0;}
div#user_profile main section.main-stats div.graphs div.card-graph div.balances div.balance-val div.card div.card-body{min-height: 50px; padding: 0px;}
div#user_profile main section.main-stats div.graphs div.card-graph div.balances div.balance-val div.card div.card-body table th{text-align: left;}
div#user_profile main section.main-stats div.graphs div.card-graph div.balances div.balance-val div.card div.card-body table td{text-align: right;}
div#user_profile main section.main-stats div.graphs div.card-graph div.balances div.balance-val div.card.payins div.card-body table th{color: #007b00;}
div#user_profile main section.main-stats div.graphs div.card-graph div.balances div.balance-val div.card.payouts div.card-body table th{color: #ff0000;}
div#user_profile main section.main-stats div.graphs div.card-graph div.balances div.balance-val div.card.payouts.ttl div.card-body table th{color: #007bff;}

div#user_profile main section.main-stats div.graphs div.card-graph div.card-body.summary { min-height: 100px;}

i.tube-placeholder{display: inline-block; background: #dddddd; width: 150px; height: 20px; border-radius: 5px;}
i.tube-placeholder.full{width: 100%;}

div.content-wrapper{}
div.content-wrapper table{}
div.content-wrapper table td{}
div.content-wrapper table td img{width: 49px; height: 49px; object-fit: cover; border-radius: 50%; /*transform: rotate(-45deg);*/ }
div.content-wrapper table td i.fa-lock{color: #990000;}
div.content-wrapper table td i.fa-lock-open{color: #009900;}
div.content-wrapper form.modal{}
div.content-wrapper form.modal div.modal-footer{}
div.content-wrapper form.modal div.modal-footer button.btn{min-width: 90px;  min-height: 38px;}

div.modal-header h4.modal-title.w-100.font-weight-bold{color: #590089;}

body footer{ position: relative; z-index: 2; }

@media (max-width:480px){
  body div.home-stats div.stat i.fas{font-size: 4em;}
  body div.home-stats div.stat h3{font-size: 0.9em;}
}

@media (max-width:800px){
  body{align-items: center !important;}
  body p.ttl{font-size: 2em !important;}
  body div.landing div.txt {order: -1;}
  body div.landing div.img img{display: none;}
  div.profile-list div.card-deck{display: flex; flex-wrap: wrap;}
}
@media (max-width:992px){
  div#user_profile main{flex-wrap: wrap;}
  div#user_profile main aside{width: 100%;}
  div#user_profile main aside div.user{display: flex; flex-wrap: wrap; justify-content: space-around;}
  div#user_profile main aside div.user div.usr-summary {margin-top: 0;}
}
@media (max-width:1300px){
  div#user_profile main section.main-stats div.graphs{flex-wrap: wrap;}
  div#user_profile main section.main-stats div.graphs div.card-graph{flex-basis: 98%;}
}