html {
position: relative;
min-height: 100%; 
font-family: Arial,Helvetica,sans-serif;
}
body {
overflow-x: hidden; 
font-family: Arial,Helvetica,sans-serif;
background: #dfe5e5;
}
h1, h2, h3, h4, h5, h6, p, input, div, b, span{
font-family: Arial,Helvetica,sans-serif !important; 
}
body::-webkit-scrollbar {
width: 0.4em;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #ddd;
}
body::-webkit-scrollbar-thumb {
background-color: #1a1a1a;
outline: 1px solid #1a1a1a;
}
button:focus, .btn:focus{
box-shadow: none !important;
}
a, button{
    cursor: pointer;
}
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label{
  margin-bottom: 0 !important;
  font-size: 12px;
  text-transform: uppercase;
}
.dataTables_wrapper input,
.dataTables_wrapper select{
  border-radius: 0;
  border:none;
  height: 25px !important;
}
div.dataTables_wrapper div.dataTables_info{
  padding-top: 0 !important;
}
.page-item .page-link{
  padding: 5px;
  border:none;
}
.dataTables_wrapper .row:first-child,
.dataTables_wrapper .row:last-child{
    background: #eee;
    padding: 5px;
    align-items: center;
}
.detail-table table.dataTable{
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.checks-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checks-group label {
  position: relative;
  cursor: pointer;
  font-size: 12px;
  text-transform: capitalize;
  color: #4e4e4e;
}

.checks-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #ffb80c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.checks-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.super-bg th {
    background: #a6efef !important;
}
.master-bg th{
    background: #a6efff !important;
}
.user-bg th{
    background: #a6efee !important;
}
[aria-expanded="true"] .fa-angle-double-down:before {
    font-family: FontAwesome;
    content: "\f102";
    color: #ffb80c;    
}
i.fa.fa-angle-double-down{
    color: #000;
    font-weight: 100;
    font-size: 14px;
    cursor: pointer;
    margin-left: 5px;
}
.btn-df{
background: #ffb80c;
color: #000;
padding:3px 4px;
line-height: normal;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
}
.profit{
color: green !important;
}
.loss{
color: red !important;
}
.oplm-btns{
margin-top: 5px;
}
.oplm-btns button{text-transform: capitalize;}
.oplm-btns .btn-oh{background-color: #1e1e1e;color: #fff;}
.oplm-btns .btn-pl{background-color: green;color: #fff; margin: 0 4px;}
.oplm-btns .btn-mm{background-color: #1e1e1e;color: #fff;}
.dash_plsummary{
/*margin-top: 5px;*/
}
.dplscard {
text-align: center;
background: #fff;
margin: 4px 0;
height: 50px;
align-items: center;
justify-content: center;
display: flex;
position: relative;
box-shadow: inset 0 0 0 1px #018001;
}
.dplscard i{
position: absolute;
left: 0;
height: 50px;
width: 50px;
background: #018001;
line-height: 50px;
top: 0;
color: #fff;
font-size: 30px;
}
.dplscard p{
padding: 0;
margin: 0;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
}
.dplscard span{
display: block;
font-weight: 600;
font-size: 16px;
}
.searchbar{
display: inline-block;
margin-top: 15px;
margin-left: 15px;
}
.searchbar .input-group{
border:1px solid #303030;
}
.searchbar input,
.searchbar input::placeholder{
border:none;
background:none;
color: #303030; 
}
.searchbar .input-group-prepend{
border:none;
}
.searchbar .input-group-text{
background:#303030;
border:none;
color: #fff; 
}
#SideMenu > ul > li > a img{
width: 16px;
display: inline-flex;
margin-right: 8px;
}
.logo img{
width: 125px;
}
.navbar-custom .button-menu-mobile{
display: none;
}
.balance-info .dropdown-menu{
padding: 0;
}
.balance-info .dropdown-menu h4{
background: #343a40;
font-size: 14px;
text-align: center;
padding: 7px;
margin: 0;
color: #fff;
}
.balance-info table{
margin: 0;
}
.balance-info table th, 
.balance-info table td{
padding:5px 8px;
vertical-align: middle;
font-size: 13px;
color: #000;
line-height: normal;
}
.balance-info img{
background: #fff;
width: 30px;
border-radius: 50px;
padding: 3px;	
}
.exposer a span {
background: #fe4646 !important;
padding: 10px;
font-weight: 500;
font-size: 12px;
color: #fff !important;
text-transform: uppercase;
border-radius: 2px;
box-shadow: 0 0 1px 1px #f4b74b;
}
.eventList{
background: #fff;
border-bottom: 1px solid #eee;
}
.eventList:hover{
background: #f5f5f5;
cursor: pointer;
}
.eventList .col-12:before {
content: '';
background: #ddd;
height: 100%;
width: 1px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 999;
}
.TabsUi .tab-pane{
box-shadow: 0 0 3px 2px #d9d9d9;
}
.TabsUi-ul ul{
/*background: #f6b84c;*/
background: #303030;
}
.TabsUi-ul ul li a.active{
border-bottom: none;
background-color: #1e1e1e !important;
border-radius: 0;
box-shadow: inset 0 -3px 0px 0px #ffb80c;
color: #ffb80c !important;
}
.TabsUi-ul ul li a:hover{
/*background-color: #d1942b !important;*/
background-color: #1e1e1e !important;
border-radius: 0;
box-shadow: inset 0 -3px 0px 0px #ffb80c;
}
.TabsUi-ul ul li a{text-transform: uppercase; font-size: 12px;
color: #f6f6f6; border-radius: 0;}
.eventlist-title{
/*background: #17a2b8;*/
margin-bottom: 0;
background: #dfdfdf;
}
.eventlist-title h3{
text-transform: capitalize !important;
text-align: left;
font-size: 12px !important;
margin: 0 !important;
line-height: 2;
color: #000;
font-weight: 700;
}
.XoddsTitle button{
width: 110px;
background: none;
box-shadow: none;
color: #000;
border:none;
}
.casino{
background: #f1f1f1;
border-radius: 10px;
}
.casino .casino-btn {
display: block;
text-transform: uppercase;
font-size: 15px;
margin: 0;
padding: 5px 0;
background: #343a40;
color: #fff !important;
}
.custom-accordion a.collapsed i:before {
content: "\f105" !important;
}
.modalUI .modal-header{
background: #f4b74b;
padding: 0.5em;
}
.modalUI .modal-header h5{
font-size: 14px;
line-height: normal;
font-weight: 700;
color: #fff;
text-transform: capitalize;
}
.modalUI .modal-header .close{
color: #fff;
opacity: 1;
font-size: 20px;
}
.modalUI table{
margin: 0;
}
.modalUI table tr th{
text-transform: uppercase;
font-size: 12px;
padding: 5px;
font-weight: 900;
background: #343a40;
color: #fff;
border:none;
}
.modalUI table tr td{
text-transform: capitalize;
font-size: 12px;
padding: 5px;
font-weight: 500;
color: #000;
}
.modalUI table tfoot td{
background: #eee;
color: #000;
text-transform: uppercase;
font-weight: 900;
}
.stakesetting{}
.stakesetting .btnstakelist{
width: 100%;
display: inline-block;
}
.stakesetting .btnstakelist .btn{
width: 23%;
background: #f9f9f9;
margin-bottom: 4px;
text-align: center;
box-shadow: inset 0 0 0 1px #eee;
font-size: 12px;
}
.stakesetting .btn-edit,
.btn-history{
text-align: center;
margin: 0 auto;
width: 150px;
display: block;
background: #f4b74b;
text-transform: uppercase;
font-weight: 700;
color: #fff;
margin-top: 15px;
margin-bottom: 0;
}
.card{
margin-bottom:0 !important;
border-radius: 0;
}
.right-bar .tab-content .active:first-child, .right-bar .nav-tabs .nav-item:first-child{
display: none;
}
#settings-tab{
display: block;
}
.custom-control-input:checked~.custom-control-label::before{
border-color: #1abc9c !important;
background-color: #1abc9c !important;
}
.custom-switch .custom-control-input:checked~.custom-control-label::after{
background-color: #292f3f !important;
}
.right-custom-menu {
display: none;
}
.right-custom-menu i{
color: #fff !important;
}
.card-body{
padding: 5px !important;
}
.card-body.market-ui {
padding: 0 !important;
}
.footer{
left: 300px !important;
padding: 5px 20px !important;
}
.tab-content{
padding: 8px 0 0 0 !important;
}
.msUI .my-1{
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.msUI .my-1:last-child{
margin-bottom: 0 !important;
}
#SideMenu .badge{
vertical-align: baseline;
}
#SideMenu li > a[aria-expanded="true"]{
background: #2a2d30;
}
#SideMenu > ul #cricket, #SideMenu > ul #football, #SideMenu > ul #tennis, #SideMenu > ul #election, #SideMenu > ul #jackpot, #SideMenu > ul #cricketCasino, #SideMenu > ul #livegame, #SideMenu > ul #livegame2, #SideMenu > ul #binary{
background: #fff;
}
#SideMenu > ul > li ul.nav-second-level{
padding-left: 0 !important;
}
#SideMenu > ul > li ul.nav-second-level li a{
border-bottom: 1px solid #dee3e3;
text-transform: capitalize;
padding-left: 35px !important;
padding-right: 10px !important;
}
#SideMenu > ul > li ul.nav-second-level li a i{
margin: 0 5px 0 0px !important;
font-size: 5px;
vertical-align: middle;
}
#SideMenu > ul > li ul.nav-second-level li:last-child a{
border-bottom: none;
}
.topnav-menu a:hover, .topnav-menu button:hover{
color: inherit;
}
.notification-list .logout,
.notification-list .logout:hover{
text-align: center;
text-transform: uppercase;
color: #fff;
background: darkred !important;
font-weight: 700;
}
.notification-list .profile-dropdown .notify-item i{
color: #7cd67c;
}
.bg-theme {
background-color: #3B4358 !important;
}
.eventName {
display: inline-flex;
align-items: center;
}
.eventName span.falock,
.eventName span.faunlock {
    margin-right: 5px;
    border: 1px solid #dee4e4;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 2px;
}
.eventName span.falock i{color: green;}
.eventName span.faunlock i{color: red;}
.eventName span.falock:hover i{color: darkgreen;}
.eventName span.faunlock:hover i{color: darkred;}
.eventName img{
width: 25px;
height: 25px;
line-height:25px;
margin-right: 5px;
background: #dee4e4;
padding: 5px;
border-radius:2px;
}
.eventName p{
margin: 0;
font-size: 12px;
font-weight: 700;
color: #000;
position: relative;
}
span.league {
display: block;
background: #ffb80c;
text-align: center;
border-radius: 2px;
color: #000;
font-weight: 600;
}
.eventName p b{
text-transform: lowercase;
display: block;
color: #000;
font-size: 11px;
font-weight: 400;
}
.eventName p b time{
color: #000;
font-size: 11px;
}
.detail-table{}
.detail-table th{
    background: #ffb80c;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px;
}
.detail-table td{
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 5px;
}
.backTr,
.backTr:hover{
background: #a6d8ff !important;
}
.back{
background: #a6d8ff !important;
border: none;
font-size: 11px;
color: #000;
padding: 3px 0;
width: 52px;
font-weight: 700;
height: 41px;
}
.back:hover{
background: #75c2fd !important;
}
.layTr,
.layTr:hover{
background: #fac9d1 !important;
}
.lay{
background: #fac9d1 !important;
border: none;
font-size: 11px;
color: #000;
padding: 3px 0;
width: 52px;
font-weight: 700;
height: 41px;
}
.lay:hover{
background: #f694aa !important;
}
.col-xl-none{
display: none;
}
.scoreboardDesign {
font-size: 12px;
text-transform: capitalize;
margin: 5px 0;
padding: 5px;
color: #fff;
align-items: center;
border-radius: 5px;
background: url(https://wallpaperaccess.com/full/1088580.jpg);
background-size: cover;
background-position: center;
position: relative;
}
.scoreboardDesign::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #00000082;
}
.eventTitle{
border-radius: 4px;
text-transform: uppercase;
font-size: 14px;
/*background: #0a8397;*/
background: #1e1e1e;
padding: 0 10px;
color: #fff;
margin: 0;
margin-bottom: 5px;
display: flex;
justify-content: space-between;
align-items: center;
vertical-align: middle;
text-align: center;
}
.detailRow{
position: relative;
}
.detailRow p{
color: #000;
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 700;
line-height: 2;
}
.detailRow p a{
color: #000;
}
.detailRow{
/*background-color: #17a2b8;*/
position: relative;
border-bottom: 1px solid #dbe0e0;
background: #eee;
}
.collapse .detailContent:last-child{
border-bottom: none;
}
.detailContent{
margin: 1px 0;
padding:1px 0;
/*background: #f1f1f1; */
border-bottom: 1px solid #dfdfdf;
}
.detailContent p{
padding: 0;
margin: 0;
}
.detailContent .col-md-3:nth-child(2){padding: 0 2px;}
.detailContent .col-md-3:nth-child(3){padding:0 2px;}
.detailContent .dmarketName{
font-size: 12px;
text-transform: capitalize;
font-weight: 500;
color: #000;
}
.market-back span {
width: 52px;
display: inline-block;
margin: 0;
color: #000;
}
.detailBtn_group{
text-align: center;
width: 100%;
justify-content: center;
display: block;
background-color: #fff;
padding: 5px 0;
}
.btn-television,
.btn-book,
.btn-client,
.btn-score{
color: #fff !important;
background:#202020;
width: 60px;
border-radius: 3px !important;
}
.marketCount{
color: #0cff1f !important;
background:#111;
display: inline-block !important;
text-align: center;
height: 18px;
width: 18px;
line-height: 18px;
border-radius: 20px;
font-size: 11px;
}
.detailContent .dmarketName span{
display: block;
font-size: 11px;
color: #666;
}
.detailContent span.khado-number{
width: 25px;
height: 25px;
line-height: 25px;
display: inline-flex;
text-align: center;
justify-content: center;
background: transparent linear-gradient(90deg, #53A0E9 0%, #7ED979 100%) 0% 0% no-repeat padding-box;
border-radius: 50px;
color: #fff;
}
.bl-buttons{
position: relative;
width: fit-content;
margin: 0 auto;
}
.suspended{
cursor: no-drop;
background: #ffffffe8;
color: red;
border:1px solid #ff8787;
width: 100%;
position: absolute;
top: 0;
height: 32px;
align-items: center;
display: flex;
justify-content: center;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
border-radius: 0;
}
.bl-buttons .bl-btn{
font-size: 12px;
border: none;
width: 52px;
height: 32px;
line-height: 1;
padding: 0;
font-weight: 700;
margin: 0;
border-radius: 0;
}
.bl-buttons .bl-btn span{
display: block;
font-size: 10px;
font-weight: 500;
}
.cancelClose{
background: none;
border: none;
text-transform: capitalize;
font-size: 15px;
color: red;
font-weight: 900;}
}
.market-back span{
width: 52px;
display: inline-block;
/*background: #0a8397;*/
margin: 0;
color: #000;
}
.market-back span.back, .market-back span.lay {
height: auto;
line-height: normal;
}
.market-back span.back:hover{
background: #a6d8ff;
}
.market-back span.lay:hover{
background: #fac9d1;
}
#filter.collapse:not(.show){
display: block;
}
.btn-filter[aria-expanded="false"] .fa-angle-double-down:before {
    font-family: FontAwesome;
    content: "\f0b0";
    color: #ffb80c;    
}
.btn-filter[aria-expanded="true"] .fa-angle-double-down:before {
    font-family: FontAwesome;
    content: "\f00d";
    color: #ffb80c;    
}
.btn-filter,
.btn-filter:hover{
    color: #fff !important;
    border: none;
    position: fixed;
    right: 20px;
    bottom: 50px;
    font-size: 20px;
    cursor: pointer;
    height: 45px;
    width: 45px;
    text-align: center;
    background: #1a1a1a;
    border-radius: 50px;
    line-height: 45px;
    box-shadow: inset 0 0 0 3px #fff;
    padding: 1px;
    z-index: 999;
}
.btn-filter i,
.btn-filter:hover i{
    color: #fff !important;
    margin:0 !important;
    font-size: inherit !important;
}
.page-item.active .page-link {
background-color: #ffb80c !important;
border-color: #ffb80c !important;
}
.settlementPlus {
    padding: 0;
    border-top: 2px solid #04d104;
    border-bottom: 2px solid #04d104;
    border-right: 1px solid #04d104;
    border-left: 1px solid #04d104;
}
.settlementPlus h3{
	color: #04d104;
	font-size: 16px;
	font-weight: 600;
	background-color: #fff;
	text-align: center;
	line-height: 2;
}
.settlementPlus .bg-profit td,
.settlementPlus .bg-profit .profit{
    color: #fff !important;
}
.bg-profit{
	background-color: #04d104 !important;
}
.bg-loss{
	background-color: red !important;
}
.settlementLoss .bg-loss td,
.settlementLoss .bg-loss .loss{
    color: #fff !important;
}
.settlementLoss {
    padding: 0;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    border-right: 1px solid red;
    border-left: 1px solid red;
}
.settlementLoss h3{
	color: red;
	font-size: 16px;
	font-weight: 600;
	background-color: #fff;
	text-align: center;
	line-height: 2;
}
.formUi {
background: #fff;
border-radius: 5px;
padding: 25px;
box-shadow: 0 0 5px 1px #adadad;
margin-bottom: 20px;
}
.formUi input.form-control,
.formUi select.form-control {
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 3px !important;
}
.btnCancel{background:#fe4646; text-transform: uppercase;color: #fff; float: right}
.btnCancel:hover{color: #fff;}
.btnSubmit{background: #ffb80c;text-transform: uppercase;color: #fff;}
.btnSubmit:hover{color: #fff;}
.acUI .accordion .custom-accordion-title {
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
.acUI .accordion .card-header,
.acUI .accordion .card-body {
padding: 15px !important;
}
.acUI .accordion .card{
margin-bottom: 10px !important;
}
.acUI .accordion .btn-link{
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.acUI .accordion ul{
margin-bottom: 0;
}
.acUI .accordion ul li{
font-size: 12px;
list-style: devanagari;
line-height: 2em;
}
.acUI h2, h2.page-title{
color: #1a1a1a;
font-weight: 900;
text-transform: uppercase;
font-size: 16px;
line-height: 2;
text-align: left;
margin: 0;
margin-bottom: 3px;
position: relative;
}
.acUI h2 i, h2.page-title i{
padding-right: 10px;
}
.acUI .form-group{
margin: 0 5px 5px 5px;
}
.acUI .input-group{
border:1px solid #eee;
}
.acUI .input-group-text{
border:none;
box-shadow: none;
}
.acUI .input-group-prepend{
margin: 0;
cursor: pointer;
}
.acUI .form-control{
border:none !important;
background: #fff !important;
border-radius: 0 !important;
text-transform: uppercase !important;
font-size: 11px !important;
padding: 5px;
}
.acUI .form-row{
margin-bottom: 5px;
}
.acUI .btn-get{
font-weight: 900;
border: none !important;
text-transform: uppercase;
padding: .45rem .9rem;
color: #fff;
transition: 0.9s;
font-size: 13px;
width: 100%;
background: #1a1a1a;
}
.acUI .btn-get:hover{
background: #ffb80c;
color: #fff;
}
.acUI .btn-download{
background: none;
color: #fff;
font-size: 20px;
border: none;
transition: 0.9s;
}
.acUI .btn-download:hover{
color: #25b31d;
}
.debit {
color: #ff4646 !important;
font-weight: 900;
}
.credit{
color: #25b31d !important;
font-weight: 900;
}
.acUI table th{
padding:8px 5px;
text-transform: uppercase;
font-size: 11px;
/*border: none !important;*/
color: #000;
background: #fff;
font-weight: 700;
vertical-align: middle !important;
}
.acUI table tr{
border: none;
transition: 0.9s;
}
.acUI table tr:hover{
box-shadow: inset 0 0 10px 2px #ddd;
}
.acUI table td{
font-weight: 500;
padding:6px;
text-transform: capitalize;
font-size: 11px;
color: #000;
/*border: none;*/
vertical-align: middle;
}
.acUI table td i{
/*color: #17a2b8;
margin-right: 8px;*/
}
.acUI table td span{
margin: 0 1px;
padding:2px 4px;
color: #fff;
border-radius: 2px;
}
.acUI table td .btn-group .btn{
padding: 5px;
font-size: 12px;
text-transform: uppercase;
}
.acUI table td .btn-group a.btn{
text-decoration: none !important;
margin: 0 1px;
height: 22px;
width: 22px;
line-height: 21px;
display: flex;
padding: 0;
text-align: center;
justify-content: center;
border-radius: 20px !important;
font-size: 10px;
font-weight: 700;
color: #fff;
align-items: center;
vertical-align: middle;
}
.acUI table td .color-bk{
    color: #000;
}
.acUI table td a.green{
    color: #03bf03;
}
.acUI table td a.red{
    color: red;
}
.acUI table td a.btn-trash{
    color: red;
}
.acUI table td .btn-group .btn-d{background: #00af15;}
.acUI table td .btn-group .btn-w{background:red;}
.acUI table td .btn-group .btn-p{background:#251e8f;}
.acUI table td .btn-group .btn-e{background:#009f73;}
.acUI table td .btn-group .btn-s{background:#991818;}
.acUI table td .btn-group .btn-r{background:#670089;}
.acUI table td .btn-group .btn-l{background:#ffb80c;}
.acUI table td a{
color: #000;
text-decoration: none;
transition: 0.9s;
}
/* .acUI table .back td,
.acUI table .lay td{
color: #fff;
} */
.acUI table td a:hover{
color: #2b71d9;
}
.acUI table tbody tr{
background: #f1f1f1;
border-bottom: 1px solid #ddd;
}
.acUI table tbody tr:last-child{
border-bottom: none;
}
.mobile-display{
display: none !important;
}
@media (max-width: 767px){
    .dataTables_wrapper .col-md-6,
    .dataTables_wrapper .col-md-5,
    .dataTables_wrapper .col-md-7{
        width: 50%;
    }
    .dataTables_length{
        text-align: left !important;
    }
.acUI .formUi{
padding: 7px;
}
.searchbar{		display: none;	}
.sidebar-enable .button-menu-mobile{
display: none !important;
}
.acUI .collapse.show, .acUI .collapse, .acUI .collapsing {
background: #ffb80c;
padding: 7px 4px 0 4px;
border-radius: 3px !important;
margin-bottom: 7px;
}
.acUI .collapse input,
.acUI .collapse select,
.acUI .input-group-prepend,
.acUI .collapse .btn-get{
  margin-bottom: 5px;
}
.acUI .input-group{border:none;}
.acUI .form-control{
/*border-radius: 4px !important;*/
}
.stakesetting .btnstakelist .btn{
width: 32%;
}
.rightSectionBar{
display: none;
}
.mobile-display{
display: block !important;
}
.mSideMenu{
background: #252c3b;
}
.mSideMenu ul {
margin: 0;
padding: 0;
}
.mSideMenu ul li{
list-style: none;
}
.mSideMenu ul li a{
text-transform: capitalize;
color: #f6f6f6;
display: block;
padding: 10px 18px;
position: relative;
font-size: 12px;
border-bottom: 1px solid #1e2432;
text-align: center;
}
.navbar-custom .button-menu-mobile{
display: inline-block;
}
.right-bar .tab-content .active:first-child, .right-bar .nav-tabs .nav-item:first-child{
display: block;
}
.right-bar{
background-size: cover;
background: linear-gradient(0deg, rgb(41 47 63 / 70%), rgb(41 47 63 / 80%)), url(../img/ground-bg.png);
background-repeat: no-repeat;
background-position: bottom;
}
.right-bar .nav-tabs .nav-link.active{
background: radial-gradient(317px at 23.85% 50%, #293040, #141924);
border: none;
}
.right-bar .nav-tabs{
border-bottom: none;
}
.right-bar .nav-tabs a{
border-bottom: 1px solid #232a39 !important;
border: none;
}
#settings-tab{
display: none;
}
.active#settings-tab{
display: block;
}
.bstFooter{
padding-bottom: 5px;
}
.bet-place, .bet-delete{
line-height: 3;
font-size: 18px;
letter-spacing: 1px;
}
.bstContent{
padding: 5px 0 !important;
}
.bstContent .pt-2{
padding-top: 5px !important;
}
.betsliptable .bstTable .bstHeader{text-align: center;}
.betsliptable .bstTable{
border-bottom: none;
}
/*.BTNstake button{
border-radius: 3px;
font-size: 15px;
font-weight: 600;
}*/
.bstContent input{
font-size: 15px;
}
.bstContent .minus, .bstContent .plus{
width: 35px;
}
.bstContent .col-4 em{
float: left;
font-size: 14px;
letter-spacing: 1px;
}
.clear-all-btn, .bstTable:nth-child(4), .bstTable:nth-child(2), .bstTable:nth-child(3){
display: none;
}
.eon{
display: none;
}
.detailRow .col-md-3:nth-child(1){
border-right:none;
}
.event-title{
text-align: center;
font-size: 18px;
}
.msUI .row{
padding:2px 0;
margin:0;
}
.detailRow p{
line-height: 1.5;
}
.market-back span{
background: none;
width: 65px;
}
.btn-tooltip{
border-radius: 100px;
background: red;
color: #fff;
}
.msUI .row .col-5{
padding-right: 0 !important;
}
.bl-buttons .bl-btn{
width: 65px;
height: 32px;
letter-spacing: 1px;
font-weight: 400;
}
.suspended{
height: 32px;
}
.msUI .my-1{
margin-top: 0px !important;
margin-bottom: 1px !important;
}
.tabs-market-section .row{
margin-left: 0 !important;
margin-right: 0 !important;
}
.card-body.market-ui{
margin-bottom: 0 !important;
}
/*detail*/
.agree-dis{
justify-content: center !important;
}
.terms-ui .modal-content ul{
margin: 0;
padding:5px 10px;
}
.col-xs-none{
display: none;
}
.col-xl-none{
display: block;
}
.eventList .col-4{
padding: 0;
}
.eventList .col-8{
padding-right: 5px;
padding-left: 5px;
}
.eventList .col-12:before {
display: none;
}
.eventName p b time {
display: inline-flex;
}
.eventName p b{
}
.right-custom-menu{
display: block !important;
}
.nav-user i.mdi-face, .eventName .tn-icons {
display: none !important;
}
.navbar-custom .topnav-menu .nav-link{
padding: 0 3px !important;
}
.m-user-profile{
background: #212735;
padding: 0 5px;
}
.content-page{
padding: 0 !important
}
.navbar-custom{
padding: 0 !important;
}
.card-body{
padding: 3px !important;
}
.tab-content{
padding: 0 !important;
}
.container-fluid{
padding-left: 3px !important;
padding-right: 3px !important;
}
.extra-market-tabs .TabsUi-ul{
display: block !important;
}
.TabsUi .TabsUi-ul{
overflow-x: scroll;
-webkit-overflow-scrolling: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
white-space: nowrap;
white-space: -moz-nowrap!important;
white-space: -hp-nowrap;
white-space: -o-nowrap;
margin-bottom: 5px;
}
.TabsUi .TabsUi-ul ul{
display: inline-block;
}
.TabsUi ul li{
display: inline-flex;
}
.TabsUi .row .col-3{
padding: 0;
}
.auth-fluid-form-box .btn-login{
display: block;
}
.auth-fluid-form-box .card-body{
background: #fff;
padding: 1.5em !important;
border-radius: 5px;
}
.card {
margin-bottom: 0 !important;
}

.left-side-menu{
padding: 0 !important;
margin: 0 !important;
}
.mobile-logo{
background: #252c3b;
text-align: center;
padding: 1em 0;
}
.mobile-logo img{
width: 120px;
}
.acUI .btn-get{
margin: 3px 0;
height: auto;
padding: 7px;
}
.acUI table tr td:nth-child(2) span{
display: block;
}
#filter.collapse:not(.show){
display: none;
}
.betslip-setting .btn-stake{
margin: 5px 0;
}
.profile-form .form-group{
margin: 0 !important;
}
.password-btn{
margin: 15px 0;
}
}
@media (max-width: 360px){
.bl-buttons .bl-btn{
width: 52px;
}
/*.blue-table .BTNstake button{
flex: 0 0 16%;
max-width: 16%;
}*/
.market-back span{
width: 38px;
}
.btn-tooltip {
top: 4px;
height: 15px;
width: 15px;
font-size: 12px;
line-height: 15px;
}
.btn-match-unmatch{
font-size: 13px !important;
}
.navbar-custom .button-menu-mobile{
width: 25px !important;
margin: 0;
padding: 0;
display: inline-block;
}
.navbar-custom .button-menu-mobile i{
font-size: 18px !important;
}
.pro-user-name{
padding: 0;
}
}

#wrapper {
height: 100%;
overflow: hidden;
width: 100%; }

.content-page {
margin-left: 200px;
overflow: hidden;
padding: 0;
min-height: 80vh;
margin-top: 70px; }

.left-side-menu {
z-index: 9999;
width: 200px;
/*background: #343a40;*/
background: #1e1e1e;
bottom: 0;
padding: 20px 0;
position: fixed;
transition: all .1s ease-out;
top: 70px;
overflow-y: overlay;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); }
#SideMenu{
position: relative;
}
.menuClose{
display: none;
position: absolute;
right: 0;
top: -5px;
background: none;
border:none;
color: #fff;
font-size: 20px;
}
#SideMenu > ul {
list-style: none;
padding: 0; margin: 0;}
#SideMenu > ul > li > a {
text-transform: capitalize;
color: #f6f6f6;
display: block;
padding: 12px 18px;
position: relative;
transition: all 0.4s;
font-size: 11px; border-bottom: 1px solid #303030; }
#SideMenu > ul > li > a:hover, #SideMenu > ul > li > a:focus, #SideMenu > ul > li > a:active {
color: #ffe684;
text-decoration: none; }
#SideMenu > ul > li > a > span {
vertical-align: middle; }
#SideMenu > ul > li > a i {
display: inline-block;
line-height: 1.0625rem;
margin: 0 10px 0 3px;
text-align: center;
vertical-align: middle;
width: 16px;
font-size: 18px; }
#SideMenu > ul > li > a svg {
width: 16px;
height: 16px;
margin-left: 3px;
margin-right: 10px; }
#SideMenu > ul > li > a .drop-arrow {
float: right; }
#SideMenu > ul > li > a .drop-arrow i {
margin-right: 0; }
#SideMenu > ul > li > a.mm-active {
color: #00acc1; }
#SideMenu > ul > li ul {
padding-left: 34px;
list-style: none; }
#SideMenu > ul > li ul ul {
padding-left: 20px; }

#SideMenu .badge {
margin-top: 4px; }

#SideMenu .menu-title {
padding: 10px 20px;
letter-spacing: .05em;
pointer-events: none;
cursor: default;
font-size: 0.6875rem;
text-transform: uppercase;
color: #6e768e;
font-weight: 600; }

#SideMenu .menuitem-active > a {
color: #00acc1; }

#SideMenu .menuitem-active .active {
color: #2a2d30; }

.nav-second-level li a {
padding: 8px 20px;
color: #dfe5e5;
display: block;
position: relative;
transition: all 0.4s;
font-size: 11px; }
.nav-second-level li a:focus, .nav-second-level li a:hover {
color: #fff; }

.nav-second-level li.active > a {
color: #00acc1; }

.menu-arrow {
transition: transform .15s;
position: absolute;
right: 20px;
display: inline-block;
font-family: 'FontAwesome';
text-rendering: auto;
line-height: 1.5rem;
font-size: 1.1rem;
transform: translate(0, 0); }
.menu-arrow:before {
font-family: FontAwesome;
content: "\f107"; }

li > a[aria-expanded="true"] > span.menu-arrow {
transform: rotate(270deg); }

li.menuitem-active > a:not(.collapsed) > span.menu-arrow {
transform: rotate(90deg); }
@media (max-width: 991.98px) {
.left-side-menu {
display: none;
z-index: 10 !important; }
.sidebar-enable .left-side-menu {
display: block; }
.content-page,
.footer {
left: 0 !important; margin-left: 0;} }

.user-box {
display: none; }

.user-pro-dropdown {
background-color: #f3f7f9;
box-shadow: none;
padding: 15px 5px;
width: 90%;
margin-left: 5%;
margin-top: 10px; }
.user-pro-dropdown .dropdown-item {
border-radius: 3px; }
.user-pro-dropdown .dropdown-item:hover {
background-color: #6658dd;
color: #fff; }
body[data-sidebar-showuser="true"] .user-box {
display: block; }

body[data-sidebar-icon="twotones"] #SideMenu > ul > li > a i {
color: #4a81d4; }

body[data-sidebar-icon="twotones"] #SideMenu > ul > li > a svg {
width: 18px;
height: 18px;
margin-left: 3px;
margin-right: 10px;
color: #4a81d4;
fill: rgba(74, 129, 212, 0.2); }

.logo {
display: block; }
.logo span.logo-lg {
display: block; }
.logo span.logo-sm {
display: none; }
.logo .logo-lg-text-dark {
color: #323a46;
font-weight: 700;
font-size: 22px;
text-transform: uppercase; }
.logo .logo-lg-text-light {
color: #fff;
font-weight: 700;
font-size: 22px;
text-transform: uppercase; }

.logo-box {
height: 70px;
width: 200px;
float: left;
transition: all .1s ease-out; }
.logo-box .logo {
line-height: 70px; }

.logo-light {
display: block; }

.logo-dark {
display: none; }

.navbar-custom {
/*background: #17a2b8;*/
background: #ffb80c;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
padding: 0 0 0 0;
position: fixed;
left: 0;
right: 0;
height: 70px;
z-index: 1001;
/* Search */ }
.navbar-custom .topnav-menu .topbar-dropdown{
margin-right: 10px;
}
.navbar-custom .topnav-menu > li {
float: left; }
.navbar-custom .topnav-menu .nav-link {
padding: 0 11px;
color:#303030;
font-weight: 600;
text-transform: capitalize;
min-width: 32px;
display: block;
line-height: 70px;
text-align: center;
max-height: 70px; }
.navbar-custom .dropdown.show .nav-link {
background-color: rgba(255, 255, 255, 0.05); }
.navbar-custom .container-fluid {
padding: 0; }
.navbar-custom .app-search {
height: 70px;
display: table;
max-width: 180px;
margin-right: 20px; }
.navbar-custom .app-search .app-search-box {
display: table-cell;
vertical-align: middle;
position: relative; }
.navbar-custom .app-search .app-search-box input:-ms-input-placeholder {
font-size: 0.8125rem;
color: rgba(255, 255, 255, 0.3); }
.navbar-custom .app-search .app-search-box input::-ms-input-placeholder {
font-size: 0.8125rem;
color: rgba(255, 255, 255, 0.3); }
.navbar-custom .app-search .app-search-box input::placeholder {
font-size: 0.8125rem;
color: rgba(255, 255, 255, 0.3); }
.navbar-custom .app-search .form-control {
border: none;
height: 38px;
padding-left: 20px;
padding-right: 0;
color: #fff;
background-color: rgba(255, 255, 255, 0.07);
box-shadow: none;
border-radius: 30px 0 0 30px; }
.navbar-custom .app-search .input-group-append {
margin-left: 0;
z-index: 4; }
.navbar-custom .app-search .btn {
background-color: rgba(255, 255, 255, 0.07);
border-color: transparent;
color: rgba(255, 255, 255, 0.3);
border-radius: 0 30px 30px 0;
box-shadow: none !important; }
.navbar-custom .button-menu-mobile {
border: none;
color: #fff;
height: 70px;
line-height: 70px;
width: 60px;
background-color: transparent;
font-size: 24px;
cursor: pointer; }
.navbar-custom .button-menu-mobile.disable-btn {
display: none; }
.noti-icon {
font-size: 21px;
vertical-align: middle; }

.profile-dropdown {
background: #1e1e1e;
border: none;
box-shadow: none;
border-radius: 0;}
.profile-dropdown a{
color: #fafafa;
font-size: 12px;
}
.profile-dropdown a:hover{
background: #0c0b0b !important;
color: #fff !important;
}
.profile-dropdown i {
vertical-align: middle;
margin-right: 5px; }

.nav-user img {
height: 32px;
width: 32px; }

@media (max-width: 991.98px) {
.logo-box {
width: 70px !important;
padding-right: 0 !important; }
.logo-box .logo-lg {
display: none !important; }
.logo-box .logo-sm {
display: block !important; } }

@media (max-width: 600px) {
.navbar-custom .dropdown {
position: static; margin: 0 7px;}
.profile-dropdown a{
line-height: normal;
}
/*.navbar-custom .dropdown .dropdown-menu {
right: 4px !important; width: 200px;} }*/

@media (max-width: 360px) {
.navbar-custom .topnav-menu .nav-link {
padding: 0 12px; }
.navbar-custom .button-menu-mobile {
width: 45px; } }

.page-title-box .page-title {
font-size: 1.25rem;
margin: 0;
line-height: 75px;
color: #323a46; }

.page-title-box .page-title-right {
float: right;
margin-top: 22px; }

.page-title-box .breadcrumb {
padding-top: 5px; }

@media (max-width: 767.98px) {
.menuClose{
display: block;
}
.left-side-menu{
top: 50px;
width: 185px;
}
.content-page{
margin-top: 50px;
}
.navbar-custom .button-menu-mobile,
.navbar-custom,
.navbar-custom .topnav-menu .nav-link{
line-height: 50px;
height: 50px;
}
.page-title-box .page-title {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 70px; }
.page-title-box .breadcrumb {
display: none; } }

@media (max-width: 640px) {
.page-title-box .page-title-right {
display: none; } }

@media (max-width: 419px) {
.page-title-box .breadcrumb {
display: none; } }

.footer {
bottom: 0;
padding: 19px 15px 20px;
position: absolute;
right: 0;
color: #98a6ad;
left: 240px;
background-color: #eeeff3; }
.footer .footer-links a {
color: #98a6ad;
margin-left: 1.5rem;
transition: all .4s; }
.footer .footer-links a:hover {
color: #323a46; }
.footer .footer-links a:first-of-type {
margin-left: 0; }

.footer-alt {
left: 0 !important;
text-align: center;
background-color: transparent; }

@media (max-width: 767.98px) {
.footer {
left: 0 !important;
text-align: center; } }

.right-bar {
background-color: #ffffff;
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
display: block;
position: fixed;
transition: all 200ms ease-out;
width: 260px;
z-index: 9999;
float: right !important;
right: -270px;
top: 0;
bottom: 0; }
.right-bar .rightbar-title {
background-color: #6658dd;
padding: 27px 25px;
color: #fff; }
.right-bar .right-bar-toggle {
background-color: #414b5b;
height: 24px;
width: 24px;
line-height: 27px;
color: #fff;
text-align: center;
border-radius: 50%;
margin-top: -4px; }
.right-bar .right-bar-toggle:hover {
background-color: #475364; }
.right-bar .user-box {
padding: 25px;
text-align: center; }
.right-bar .user-box .user-img {
position: relative;
height: 64px;
width: 64px;
margin: 0 auto 15px auto; }
.right-bar .user-box .user-img .user-edit {
position: absolute;
right: -5px;
bottom: 0px;
height: 24px;
width: 24px;
background-color: #fff;
line-height: 24px;
border-radius: 50%;
box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12); }
.right-bar .user-box h5 {
margin-bottom: 2px; }
.right-bar .user-box h5 a {
color: #323a46; }
.right-bar .notification-item .media {
padding: 0.75rem 1rem; }
.right-bar .notification-item .media:hover {
background-color: #f3f7f9; }
.right-bar .notification-item .user-status {
position: absolute;
right: 0px;
bottom: -4px;
font-size: 10px; }
.right-bar .notification-item .user-status.online {
color: #1abc9c; }
.right-bar .notification-item .user-status.away {
color: #f7b84b; }
.right-bar .notification-item .user-status.busy {
color: #f1556c; }

.rightbar-overlay {
background-color: rgba(50, 58, 70, 0.2);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 9998;
transition: all .2s ease-out; }

.right-bar-enabled .right-bar {
right: 0; }

.right-bar-enabled .rightbar-overlay {
display: block; }

@media (max-width: 767.98px) {
.right-bar {
overflow: auto; }
.right-bar .slimscroll-menu {
height: auto !important; } }
.topnav {
background: #ffffff;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
margin-top: 70px;
padding: 0 calc(24px / 2);
position: fixed;
left: 0;
right: 0;
z-index: 100; }
.topnav .topnav-menu {
margin: 0;
padding: 0; }
.topnav .navbar-nav .nav-link {
font-size: 0.95rem;
position: relative;
line-height: 22px;
padding: calc(33px / 2) 1.1rem;
color: #6e7488;
}
.topnav .navbar-nav .nav-link i {
font-size: 15px;
display: inline-block; }
.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
color: #00acc1;
background-color: transparent; }
.topnav .navbar-nav .nav-item .dropdown.active > a.dropdown-toggle {
color: #00acc1; }

@media (min-width: 992px) {
.topnav {
height: 55px; }
.topnav .navbar-nav .nav-item:first-of-type .nav-link {
padding-left: 0; }
.topnav .dropdown-item {
padding: .5rem 1.25rem;
min-width: 180px;
margin: 0 .3rem;
width: auto; }
.topnav .dropdown-item.active {
background-color: transparent;
color: #00acc1; }
.topnav .dropdown.mega-dropdown .mega-dropdown-menu {
left: 0px;
right: auto; }
.topnav .dropdown .dropdown-menu {
padding: 0.3rem 0;
margin-top: 0;
border-radius: 0 0 0.25rem 0.25rem; }
.topnav .dropdown .dropdown-menu .arrow-down::after {
right: 20px;
transform: rotate(-135deg) translateY(-50%);
position: absolute; }
.topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {
position: absolute;
top: 0 !important;
left: 100%;
display: none; }
.topnav .dropdown:hover > .nav-link {
color: #00acc1; }
.topnav .dropdown:hover > .dropdown-menu {
display: block; }
.topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-item {
color: #00acc1; }
.topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {
display: block; }
.navbar-toggle {
display: none; }
body[data-layout-mode="horizontal"] .content-page {
padding: 55px 15px 65px 15px; } }

.arrow-down {
display: inline-block; }
.arrow-down:after {
border-color: initial;
border-style: solid;
border-width: 0 0 1px 1px;
content: "";
height: .4em;
display: inline-block;
right: 5px;
top: 50%;
margin-left: 10px;
transform: rotate(-45deg) translateY(-50%);
transform-origin: top;
transition: all .3s ease-out;
width: .4em; }

@media (max-width: 1366.98px) {
.topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {
right: 100%;
left: auto; } }

@media (max-width: 991.98px) {
.topnav {
max-height: 360px;
overflow-y: auto;
padding: 0; }
.topnav .navbar-nav .nav-link {
padding: 0.75rem 1.1rem; }
.topnav .dropdown .dropdown-menu {
background-color: transparent;
border: none;
box-shadow: none;
padding-left: 15px; }
.topnav .dropdown .dropdown-item {
position: relative;
background-color: transparent; }
.topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {
color: #00acc1; }
.topnav .arrow-down::after {
right: 15px;
position: absolute; } }
@media print {
.left-side-menu,
.right-bar,
.page-title-box,
.navbar-custom,
.footer {
display: none; }
.card-body,
.content-page,
.right-bar,
.content,
body {
padding: 0;
margin: 0; } }
.logout-icon {
width: 140px; }
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent; }

.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
transition: all 0.5s ease-out;
transition-property: transform, opacity;
transform: scale(0) translate(0, 0);
pointer-events: none; }

.waves-effect.waves-light .waves-ripple {
background: rgba(255, 255, 255, 0.4);
background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.waves-effect.waves-classic .waves-ripple {
background: rgba(0, 0, 0, 0.2); }

.waves-effect.waves-classic.waves-light .waves-ripple {
background: rgba(255, 255, 255, 0.4); }

.waves-notransition {
transition: none !important; }

.waves-button,
.waves-circle {
transform: translateZ(0);
-webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
mask-image: radial-gradient(circle, white 100%, black 100%); }

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: none;
outline: none;
color: inherit;
background-color: rgba(0, 0, 0, 0);
font-size: 1em;
line-height: 1em;
text-align: center;
text-decoration: none;
z-index: 1; }

.waves-button {
padding: 0.85em 1.1em;
border-radius: 0.2em; }

.waves-button-input {
margin: 0;
padding: 0.85em 1.1em; }

.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom; }

.waves-input-wrapper.waves-button {
padding: 0; }

.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1; }

.waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%; }

.waves-float {
-webkit-mask-image: none;
mask-image: none;
box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
transition: all 300ms; }

.waves-float:active {
box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }
.waves-block {
display: block; }
.profile-dropdown ul {
    margin: 0;
    padding: 0;
}