.error{
	color:red;
}
.help-block1{
	color:red;
	margin-left: 186px;
}

.pending_btn{
	margin-left:5px; 
	/*margin-top:1px !important;*/
	border:1px solid black;
	border-radius: 50% ;
	padding: 0px 6px;
	cursor: pointer;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: rgba(0,36,71,0.5) !important;
}
.d-sm-inline-block a{
    color: #6417b8 !important;
}

/* .nav-link p{
	color : #fff !important;
} */

/*a{	
	color: #FFFFFF !important;
}*/
.page-link{
    color: #0056b3 !important;
}

.login-logo a{
	color:#000 !important;
}
.wbalance{
	color: #6417b8 !important;
    margin-top: 3px;
}
.inplayname{
	/*background: rgb(26, 33, 42);*/
    font-size: 0.875rem;
    line-height: 1rem;
    padding: 1.5rem 1.5rem 0px;
    border-radius: 1rem 1rem 0px 0px;
    grid-template-columns: minmax(0px, 1fr);
    display: grid;
    gap: 1rem;

}
#gamename{
	margin-left: 5px;

}
.navigation{
	border-radius: 1rem 1rem 0px 0px;
	border-bottom: 1px solid #aaa;
}
.bXwSvB {
    list-style-type: none;
    display: grid;
    margin: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto auto auto 2rem;
    gap: 1rem;
    padding: 0.25rem 0.75rem;
}
.teamlist{
	list-style-type:none;
}
.match{
	height: 100%;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    max-width: 3.75rem;
}
.matchstatus{
	    margin: 0px 0.625rem 0px auto;
    font-size: 0.75rem;
    line-height: 1;
    color: rgb(134, 151, 162);
    text-align: center;
}
.blockd{
	   /* border: 1px solid black;
    padding: 20px 5px 20px 5px;
    line-height: 1rem;*/


    list-style-type: none;
    display: grid;
    margin: 0px;
    border-bottom: 1px solid rgb(49, 55, 63);
    grid-template-columns: 1fr auto auto auto 2rem;
    grid-template-rows: 1fr;
    gap: 1rem;
    padding: 1rem;
}
.teamlist{
	grid-area: 1 / 1 / auto / auto;
}
.EdWff {
    display: flex;
    flex-direction: row;
}
.fhbAMd {
    display: grid;
    gap: 0.5rem;
}
.dStbqR {
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 18.75rem;
    letter-spacing: inherit;
}
.fHmfSh {
    margin-left: 100px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;


}
.hwvevL {
    margin: 0px 0.625rem 0px auto;
    font-size: 0.75rem;
    line-height: 1;
    color: rgb(134, 151, 162);
    text-align: center;
}
.libVaR {
    height: 100%;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    max-width: 3.75rem;
}
.cCASKJ {
    grid-area: 1 / 2 / auto / auto;
}
.dJiLXF {
    border-radius: 0.125rem;
    border: 1px solid transparent;
    cursor: pointer;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
    min-width: 5.5rem;
    min-height: 2rem;
    margin-left: 0.5rem;
    background-color: #6417b8;
    border-color: #6417b8;
}
.cOzEQD {
    display: flex;
    flex-direction: row;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}
.ilfAV{

	color:#FFFFFF;
}
.lgINkj {
    grid-area: 1 / 5 / auto / auto;
}
.doONrY {
    margin: 0px;
    font-size: 0.625rem;
    line-height: 1.2;
    color: rgb(134, 151, 162);
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    text-align: center;
}
.koDody {
    grid-area: 1 / 1 / auto / auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 1.5rem;
}
.bXwSvB {
    list-style-type: none;
    display: grid;
    margin: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto auto auto 2rem;
    gap: 11rem;
    padding: 0.25rem 0.75rem;
}
.hcp, .tot ,.win {
    /*border-color: #6417b8!important;
    box-sizing: border-box; 
    border-color: #6417b8 solid !important;
    display:flex;*/
    border-color: #6417b8!important;
    border-radius: 0.125rem;
    border: 1px solid transparent;
    cursor: pointer;
    height: 100%;
    box-sizing: border-box;
    display: inline-block;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
    min-width: 5.5rem;
    min-height: 2rem;
}

@media only screen and ( max-width: 767px ) {
.mobile_hide{display:none !important;}
}

/*.hKIOXr {
    list-style-type: none;
    display: grid;
    margin: 0px;
    background-color: rgb(26, 33, 42);
    border-bottom: 1px solid rgb(49, 55, 63);
    grid-template-columns: 1fr auto auto auto 2rem;
    grid-template-rows: 1fr;
    gap: 1rem;
    padding: 1rem;
}
.exFYiz {
    grid-area: 1 / 1 / auto / auto;
}
.cCASKJ {
    grid-area: 1 / 2 / auto / auto;
}


.dStbqR {
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 18.75rem;
    letter-spacing: inherit;
}
.fHmfSh {
    margin-left: auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
}

.libVaR {
    height: 100%;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    max-width: 3.75rem;
}


.fHmfSh > * + * {
    margin-left: 1rem;
}
.CEQom {
    padding: 0px;
    margin: 0px;
    font-size: 0.75rem;
    line-height: 1.4;
    min-width: 16px;
    color: rgb(12, 212, 99);
    text-align: center;
}


.fHmfSh > * + * {
    margin-left: 1rem;
}*/

.bootstrap-duallistbox-container select option:hover {
    background-color: #003366;
    color: #FFF; cursor: pointer;
}

.bootstrap-duallistbox-container select option {
    padding: 5px;
}


body { font-family: 'Roboto', sans-serif; font-size: 15px; overflow-x:hidden }
body .content-wrapper { background-color: #f3f3f9; }
.layout-fixed .brand-link { border:0 !important; background: #002447; text-align: center; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; color: #86d4ff; transition: all 0.5s ease-in-out; }
.layout-fixed .main-sidebar .nav-item .nav-link { padding: 0.7rem 1rem; font-size: 12px; letter-spacing: 0.6px;  color: rgba(255,255,255,0.9); font-weight: 400; text-transform: uppercase; }
.layout-fixed .main-sidebar .nav-item .nav-link i { font-size: 13px; }
.layout-fixed .main-sidebar .category-name {  text-align: center; color: #fff; font: caption; padding: 0.7rem 1rem; background: #002447; font-size: 14px; }
.layout-fixed .main-sidebar .nav-item:hover>.nav-link, .layout-fixed .main-sidebar .nav-item:focus>.nav-link { background: rgba(0,36,71,0.5); }
[class*=sidebar-dark-] { background: #003366; }
.dashboard-page .small-box { box-shadow: none; background: #003366; }
.dashboard-page .small-box .inner a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 50px; overflow: hidden; }
.dashboard-page .small-box .inner:after {
    position: absolute;
    content: "";
    right: -20px;
    bottom: -10px;
    width: 100px;
    height: 100px;
    background: rgba(255,255,255,0.15);
    border-radius: 100%;
}
.dashboard-page .small-box .inner:before {
    position: absolute;
    content: "";
    right: 70px;
    bottom: 75px;
    width: 35px;
    height: 35px;
    background: rgba(255,255,255,0.15);
    border-radius: 100%;
}
.dashboard-page .small-box .inner .title { position: relative; z-index: 1; font-size: 18px; font-weight: 500; line-height: 140%; margin: 0; padding: 0; }
.dashboard-page .small-box .inner .title, .dashboard-page .small-box .inner .title a  { color: #ffffff; }
.dashboard-page .small-box .inner .title br { display: none; }
.btn.addcat { background: #003366; border-color: #003366; padding: 7px 20px; text-transform: uppercase; font-size: 13px; transition: all 0.5s ease-in-out;  }
.btn.addcat:hover { background: #0061c1; border-color: #0061c1; }
.content-header h1.text-dark { font-family: 'Roboto', sans-serif; font-weight: 700; color: #000 !important; }
.content-header h1.text-dark small { font-weight: 700;}
.current-time p { background: #fff; padding: 10px 20px; box-shadow: 0 1px 2px rgba(56,65,74,.15); }
.current-time p i { padding: 0 7px 0 0}
.page-item.active .page-link, .page-item .page-link:hover { background: #003366; border-color: #003366; color: #ffffff !important; }
.card-primary:not(.card-outline)>.card-header { background: #003366; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgb(241 248 255); }
.table-bordered, .table-bordered td, .table-bordered th, .table-bordered td, .table-bordered th { border-color: #c0d0e1; }
.table-bordered thead td, .table-bordered thead th { border-bottom-width: 0; }
.table-bordered thead th { border-top-width: 0; }
.table thead th, .table td, .table th { vertical-align: middle; }
.card { box-shadow: none; border:0  }
.form-control { outline: none !important; }
.select2-container--bootstrap4.select2-container--focus .select2-selection { border-color: #ced4da; box-shadow: none; outline: none !important; }
.width-45 { width: 45px !important; }
.max-width-45 { max-width: 45px !important; }
.width-60 { width: 60px !important; }
.width-85 { width: 85px !important; }
.width-100 { width: 100px !important; }
.balance-info { border-width:1px 1px 1px 4px; border-style: solid; border-color: #ced4da; padding: 22px 30px; }
.balance-info .price { font-size: 30px; }
.login-page, .register-page { background: #e2f0ff; }
.login-logo, .register-logo { font-size: 1.7rem; }
.login-card-body, .register-card-body { padding: 30px; }
.login-page .form-control, .register-page .form-control { height: calc(2.55rem + 2px); padding: .375rem 1rem; }
.login-page .error, .login-page .error.help-block, .register-page .error, .register-page .error.help-block { font-style: normal; }
.btn-theme { background: #003366; border-color: #003366; }
.btn-theme:hover, .btn-theme:focus { background: #006ed9; border-color: #006ed9; }