/*header*/

body#mj-wrapper {

	background-color: #2d3030;
}


.header {

    width: 100%;
    background: #1d1c1c;
    padding: 10px 24px 10px 0;
	z-index: 1001;
    position: fixed;
    height: 75px;

}

.logo img {

height: 40px;
position: absolute;
top:18px;
margin-left: 21px;
}

/*dropdown menu header*/
.dropimg i {

font-size: 46px;
padding-left: 13px;
}
/* 03072020 */
.dropimg {
/*border: 1px solid red;*/
padding-left: 15px;
display: flex;
margin-bottom: 15px;
overflow: hidden;
}
span.log-out.text-primary h6 {
padding-left: 25px;
border-bottom: solid 1px #A2A0A0;
padding-bottom: 15px;
}
.profile-user {
/*    border: 1px solid red;
*/  align-self: flex-end;
margin-left: 20px;
}
.prof-header {
margin-left: 10px;
text-align: center;
}
a.user-icon i {
font-size: 38px;
}
.dropdown-toggle::after{
display: none;
}
.synco i {
font-size: 13px;
padding-right: 5px;
padding-left: 0;
/*border: 1px solid red;*/
}
.DropDownSel.show {
/*padding-left: 13px;*/
top: -14px!important;
left: -8px!important;
padding-top: 17px;
}
/*---------------------------*/
.dropdown-menu {

	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 0.9rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	width: 287px;
}

/*span.email-mark{

margin-left: 20px;
}*/
/*end dropdown menu header*/


.sidebar-wrapper {

	width: 305px;
	max-height: 100%;
	position: fixed;
	left: 0;
	z-index: 999;
	background: #fff;
	top: 75px;
}

.card {

	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
	margin-top: -3px;
}

.mj-card {

	background-color: transparent;
	background: #1d1c1c;
	height: 64px;
	border-radius: 	0;



}


.m-players {

	background-color: #EAF8F7;
	padding: 10px;
	display: flex;
	border-radius: 27px;
	height: 92px;
	margin-right: 30px;
	width: 233px;


}




.m-image img{

 	width: 73px; 
}

.m-drops {


	background-color: #80d6b9;
	border-radius: 0px;
	margin-right: 2px;
	height: 259px;
	padding: 5px;
	height: 261px;
	width: 369px;
	-webkit-box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
	-moz-box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
	box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
	margin-left: 2px;
	margin-bottom: 2px;


}

.m-drops label{

	text-align: center;

}







/*scroll bar*/
.scrollbar
{

height: 217px;
overflow-y: scroll;

}

.force-overflow
{
min-height: auto;

}

#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
	border-radius: 10px;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: gray;
}

/*end scrollbar*/

.m-ul {

list-style: none;
padding: 0;

}

.mark-span {

	width: 126px;
	background-color: #defbf6;
	border-radius: 7px;
	padding: 0 5px;
	font-size: 16px;
	padding-left: 10px;
	height: 43px;
	margin-left: 35px;
	-webkit-box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
	-moz-box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
	box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
	text-align: center;
}

.mark-span1 {

width: 126px;
background-color: #F3D3A2;
border-radius: 12px;
padding: 0 5px;
font-size: 11px;
padding-left: 10px;
padding-top: 4px;
height: 26px;
margin-left: 59px;
   margin-left: 101px;
   margin-top: -20px;

}



.client-img img {

width: 73px; 
}


/*Clients*/


/*.clientsplayer {

background-color: #EAF8F7;
padding: 10px;
display: flex;
border-radius: 27px;
height: 92px;
width: 233px;
margin-right: 30px;	
margin-bottom: 30px;
float: left;
-webkit-box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
-moz-box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);


}*/
/* 03072020 */
.m-totalclients {

	text-align: center;
}
/*------------------------------*/
.m-totalclients label {

	font-size: 15px;
	margin-top: 2px;
/*padding-left: 31px;*/

}

h1.m-dataplayers {

	font-size: 26px;
}

p.m-toTalplayers {

	font-size: 11px;
	padding-left: 5px;
}

.m-toTalclients h1{

	border: solid red 2px;
}

.m-clients h1 {

	font-size: 26px;
}

.m-clients p{

	font-size: 11px;
}

.m-clients{

	padding-left: 5px;
}

.m-boxes {

	width: 53%;
	margin-left: 20px;
}

.img1 img {

	margin-left: 34px;
	width: 	125px;
	height: 44px;
}

.micro {
	padding-top: 7px;
}

.d-m {
	display: flex !important;
	margin-top: 10px;
}

/*number players today*/

.m-clientimage img {

	width: 64px;
	margin-top: 0px;
}

.m-clientsToday h1 {

	font-size: 26px;
	margin-left: 30px;
}




.m-clientsToday p {

	font-size: 11px;
	text-align: center;
	text-justify: inter-word;
	font-family: Segoe UI Emoji;
	margin-top: -12px;
	margin-left: 15px;
}


.m-bg{

	background-color: #91EBCF;
}

.m-textdecor {

	text-decoration: underline;
}

.m-solution{

	text-decoration: underline;
}

.m-thirdrow {

	margin-left: 20px;
	margin-top: 11px;
}

span.m-providertitle{

	margin-left: 30px;
	font-size: 15px;
	margin-top: 24px;
	border-bottom-color: black;
	width: 13%;
	border-bottom: ridge;
}

.m-paymentransac span {

	margin-left: 30px;
	font-size: 15px;
	margin-top: -34px;
	border-bottom-color: black;
	width: 22%;
	border-bottom: ridge;
	position: absolute;
}

span.m-clientsplayers {

	margin-left: 30px;
	font-size: 15px;
	margin-top: 24px;
	border-bottom-color: black;
	width: 12%;
	border-bottom: ridge;
}

.clientsplayer {
	background-color: #EAF8F7;
	padding: 10px;
	display: flex;
	border-radius: 27px;
	height: 82px;
	width: 204px;
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
	-webkit-box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
	-moz-box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
	box-shadow: 5px 4px 5px 0px rgba(184,180,184,1);
}

.mj-boxcolor {

	background: #91ebcf;
}





/*Games Subscribe*/



.mj-label label {

	color: white;
	font-size: 16px;
	font-family: helvitca;
	margin-top: -1px;
	margin-left: -23px;


}

.slot-type {

	background: #1d1c1c;


}

.slot-type button{

	background: #1d1c1c;
	color:white;
	padding: 12px;
	
}

.slot-type input {

	background: #1d1c1c;
	color: white;
	margin-left: -23px;
}

.mj-wrappercontroll {

    margin-right: 12px;
    margin-left: 12px;

    
}

.mj-gameprovider {
	width: 100%;
	margin-bottom: 8px;
}

.provider-box {

	float: left;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0px;
}

.mj-checkbox {

	position: absolute;
	/*margin-top: -10px;*/
	padding-right: -18px;
	padding-left: -21px;
	margin-left: 3px;
}

span.mj-viewall {

	color:white;
	margin-right: 20px;
	float:right;
	margin-top: 36px;
}

.gamelist {

	float: 	left;
	
}

._game_list {

	display: block;
	margin-top: 10px;
	background-color: transparent;
}

.game-select {

	position: absolute;
	z-index: 1000;
	margin-top: 3px;
    margin-left: 2px;
    width: 11px;		
}





	/*search-bar*/

	.search { 

		position: relative; 
		margin: 0 auto ;
		text-align: center;
		background-color: white;
	}
	.search input { 

		text-indent: 30px;
		font-family:  FontAwesome, sans-serif;
	}
	.search .fa-search { 

		position: absolute;
		top: 28px;
		left: 65%;
		font-size: 15px;
	}

	.m-searchbar input{

		background: white;	
		height: 50%;
		color:black;
		margin-top: 9px;
		padding-left: 9px;
	}

	i.fa-search.m-icon {

		position: absolute;
		margin-left: -24px;
		margin-top: 15px;
	}

	
	.m-searcbox {

	    margin-left: 0%;
	    display: flex;
	    margin-right: 32px;

	}

	select.m-az {

	    margin-left: 5px;
	    margin-top: 9px;
	}

	.game-header-title{

		background: #1d1c1c;
	}

	.game-header-title span {

		color: white;
	}

	.m-secondrow {

		background: #1d1c1c;
		margin-top: 10px;
		width: 100%;
		border-radius: 	0;
		
	}

	.m-second {


		position: relative;
		width: 100%;
		padding-right: 0px; 
		padding-left: 10px;

	}
	
	.mj-col {

	    position: relative;
	    width: 100%;
	    padding-right: 0;
	    padding-left: 10px;
	}



	.mj-label select.mj-controller {

		height: 24px;
		width: 117px;
		margin-left: 5px;
		padding-top: 0;
		margin-top: 0px;
		border-radius: 0;

	}

	.mj-btnsubmit {

		border-radius: 0;
		height: 25px;
		padding-top: 0px;
		margin-top: -4px;
	}


	/* end search-bar*/


/* login styles */


	.container.log-in-Al {
		height: 90vh;
		/*border: solid 1px red;*/
		margin: auto;

		align-items: center;
		display: flex;
		justify-content: center;
	}
	.al-content-login {
		/*border: solid 2px black;*/
		width: 100%;
	}
	.Al-log-inputs {
		justify-content: center;
	}
	.card-header.Al-Head {
		background-color: #fff;
		border-bottom: 0;
		text-align: center;
		padding-bottom: 20px;
	}
	.card.Al {
		/*margin-top: 40%;*/
		padding-top: 10px;
	    border-radius: 9px;
	    -webkit-box-shadow: 0px 7px 12px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 7px 12px 1px rgba(0,0,0,0.2);
		box-shadow: 0px 7px 12px 1px rgba(0,0,0,0.2);
	}
	.Al-body {
		padding: 0;
		padding-bottom: 50px;
	}
	.Al-log-inputs input {
		background-color: #CBE5EC;
		border-radius: 0;
	    width: 99%;
	}
	.Al-log-inputs button {
		border-radius: 0;
		width: 99%;
	}
	.Al-log-inputs a {
		font-size: 11px;
		color: #000;
	}
	/* end login */

	.mj-label {
		margin-bottom: 0;
	}

	button.select-provider,button.select-sub-provider {
		border: transparent;
		background: transparent;
		padding:8px;
	    border-right: 1px solid rgba(255,255,255,0.1);
	}
	button.select-provider,button.select-sub-provider:hover {
		background-color: #333;
		transition: all 0.2s ease
	}
	button.select-provider:focus {
		overflow: none;
		outline: none;
	}


/*edit profile header*/

	.btn-block {

		width: 283px;
		height: 36px;
		font-size: 16px;
		font-family: Segoe UI;
		border-radius: 0;
		margin-right: 0px;

	}

	span.m-span.mj-span {

		margin-top: -4px;
		margin-left: 30px;

	}

	span.m-span {

		font-weight: normal;
		font-size: 22px;
		font-family: Segoe UI;
		margin-top: -6px;
	}


	/*change password header*/

	.m-modalbody.m-modalpw{

		margin-top: 25px;
		float: left;
		margin-left: 5%;

	}

	.fa-angle-left {

		cursor: pointer;
	}

	button.mj-btnsave {

		width: 283px;
		font-weight: 700;
		height: 36px;
		background: #4586bb;
		color: white;
		font-family: Segoe UI;
		border: 0px;
		font-size: 16px;
		-webkit-box-shadow: 0px 14px 18px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 14px 18px -14px rgba(0,0,0,0.75);
box-shadow: 0px 14px 18px -14px rgba(0,0,0,0.75);
	}

	span.mj-savebtn {

		font-weight: 500;
		font-family: Segoe UI;
		font-size: 16px;

	}

	.pwmj {

		float: right;
		font-family: Segoe UI;
		font-size: 12px;
		margin-top: 34px;
		margin-right: 43px;
	}

	.m-firstp {

		font-weight: bold;
	}


	button.m-uploadbtn {
		float: left;
		margin-left: 17p;
		width: 149px;
		height: 36px;
		border-radius: 18px;
		margin-left: -144px;
		border: solid 1px #dcd0d0;
		-webkit-box-shadow: 0px 14px 17px -13px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 14px 17px -13px rgba(0,0,0,0.75);
		box-shadow: 0px 14px 17px -13px rgba(0,0,0,0.75);
	}



	.mj-modalheader img.mj-img {

		width: 10px;
		margin-top: 8px;
		cursor: pointer;
	}

	.m-modalheader img.mj-imgarrow {

		width: 10px;
		margin-top: 6px;
		cursor: pointer;

	}

	.modal-header.m-modalheader {

		font-family: Segoe UI;
		font-size: 22px;
		border-bottom: 0;
	  
	  
	  }
	  
	  
	  
	  .form-control.m-formform {
	  
	  
		display: block;
		width: 283px;
		height: 36px;
		padding: 0.375rem 0.75rem;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.6;
		color: #495057;
		background-color: #CBE5EC;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: 0;
		margin-right: 0;
		border: 0;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		-webkit-box-shadow: 0px 14px 17px -17px rgba(0,0,0,0.75);
	  -moz-box-shadow: 0px 14px 17px -17px rgba(0,0,0,0.75);
	  box-shadow: 0px 14px 17px -17px rgba(0,0,0,0.75);
	  
	  
	  }

.fa-angle-double-left:before {

	content: "\F100";
	font-size: 16px;
	cursor: pointer;
	font-size: 14px;

}



.modal-body.m-modalbody{

	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
	margin-top: 24px;
	margin-left: 43px;
}

.modal-body.mj-modalbody {

	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
	float: left;
	margin-left: 45px;
}

.edit-profile {
	width: 625px;
	height: 355px;
	border-radius: 13px;
}

.edit-form {
    width: 52%;
    margin-top: -20px;	
}
.change-image {
    width: 45%;
    text-align: center;
    margin-top: 19px;
}

.modal-header.title {
    border-bottom: none;
}

input.form-control.input-form {

	width: 283px;
    height: 36px;
    font-family: Segoe UI;
    font-size: 16px;
    background: #CBE5EC;
    margin-bottom: 25px;
    border-radius: 0;
    -webkit-box-shadow: 0px 11px 13px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 13px -11px rgba(0,0,0,0.75);
box-shadow: 0px 11px 13px -11px rgba(0,0,0,0.75);

}

input.savebtn {

	cursor: pointer;
    width: 283px;
    height: 36px;
    color: white;
    font-weight: 700;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    -webkit-box-shadow: 0px 11px 13px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 13px -11px rgba(0,0,0,0.75);
box-shadow: 0px 11px 13px -11px rgba(0,0,0,0.75);
}


.modal-header.title.header-modal{

	display: flex;
	padding: 0;
	align-items: flex-start;
	justify-content: space-between;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);

}

.modal-body.d-flex.justify-content-between{


	position: relative;
    flex: 1 1 auto;
    padding: 0;
    margin-top: 2px;
}

h4.textheader {

	margin-top: 20px;
	margin-left: 20px;
	font-size: 22px;
	font-family: Segoe UI;
	font-weight: normal;

}

label.save-button {

	display: inline-block;
	margin-bottom: 0.5rem;
	background: #f1f1f1;
	width: 149px;
	height: 36px;
	border-radius: 18px;
	color: black;
	padding: 5px;
	margin-top: 20px;
	-webkit-box-shadow: 0px 11px 13px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 13px -9px rgba(0,0,0,0.75);
box-shadow: 0px 11px 13px -9px rgba(0,0,0,0.75);


}


img.img-arrow {

	vertical-align: middle;
	border-style: none;
	width: 14px;
	height: 15px;
	margin-top: 27px;
	margin-left: 29px;
	cursor: pointer;

}

.modal-footer.m-modalfooter{

	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 0;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);

}



.modal-header.m-modalheader.mj-modalheader{

	display: flex;
    align-items: flex-start;
    justify-content: unset; 
    padding: 1rem 1rem;
    border-bottom: 0;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);


}

input.form-control.m-formform{

	margin-bottom: 25px;

}

p.paymentsol{

	
	margin-left: -5px;
}


/*scroll to top*/
.go-top {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 1em;
    display: none;
    width: 58px;
    cursor: pointer;
    border-radius: 50%;
}

 figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
 figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.prof-header img.rounded-circle {
    width: 50px;
    height: 50px;
}




.check_all_game{
	height: auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-right: 33px;
}

.check_all_game span {
	display: flex;
    width: 79px;
    outline: none;
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    font-weight: bold;
    color: #fff;
    justify-content: center;
    margin-bottom: 0px;
    font-size: 12px;
    font-family: SEGOE UI;
}

.m-searchbar input {
    background: white;
    height: 25px;
    color: black;
    margin-top: 9px;
    padding-left: 9px;
}

.mj-slot {
    width: 700px;
}

._sort_by_type.d-flex {
    max-width: 730px;
}

.select-sub-provider.active {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 4px 0px rgba(255,255,255,1);
}

.select-sub-provider:focus {
	outline: unset;
}
.mj-slot .filter-type:focus{
	outline: unset;
}
#view_type_all,#view_type_less {
	display: flex;
    width: 100px;
    outline: none;
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    font-weight: bold;
    color: #fff;
    justify-content: center;
    margin-bottom: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}