/*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, 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: 0.3s ease-in-out;
    transition: 0.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;
}