html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.showUserData {
    margin-top: 2%;
}


.DefaultAddIcons {
    height: 26px;
    position: relative;
    top: 4px;
}

th:hover, tr:hover, button:hover, input:hover, select:hover {
    cursor: pointer;
}
/*-------------- Starttable photo css ---------*/

.vendorProfile {
    height: 5em;
}

.casinoLogo {
    height: 4em;
}

.casinoLogoView {
    height: 9em;
}

.AdminProfile {
    height: 5em;
    border-radius: 50%;
    margin-bottom: 4%;
}

.AuProfileImage {
    height: 120px;
    width: auto;
}


#editInfoTypeImg img {
    height: 60px;
}

.validationMessage {
    font-size: 13px;
    font-weight: 600;
    word-spacing: 2px;
    color: red;
}

.profilePopImg {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin-bottom: 10%;
}

.userProfilePhoto {
    height: 46px;
    border-radius: 50%;
}

.bmValMessage {
    font-size: 13px;
}

option:hover {
    cursor: pointer;
}

/*-------------- End table photo css ---------*/

/*-------------- Custom css for table ---------*/

.dt-length label {
    text-transform: capitalize;
}

.dt-info {
    text-transform: capitalize;
    color: #ffffff;
}


.search-box-area {
    width: 100%;
    background-color: #3c4a57;
    padding: 10px 10px;
    border-radius: 5px;
}

    .search-box-area label {
        color: white;
    }


.summarySpinner {
    margin-left: 28px;
    margin-top: 6px;
}

.calender_sec {
    display: flex;
}


/*-----UI-Block----*/

.block {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #221e1e;
    filter: blur(296px);
    z-index: 9999;
    display: none;
}

.loader-cont {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

.leader-position {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white
}


.loadingSpinner {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -9px;
    margin-right: 38px;
}

img.vendorCasinoLogo {
    height: 80px;
    width: auto;
    position: absolute;
    right: 11%;
}


/*-----------main accordian-------*/

.accord-div {
    width: 100%;
    min-width: 600px;
}

    .accord-div:hover {
        /*background-color: #e1e1e1;*/
    }

.accord-header {
    padding: .5em 1em;
    cursor: pointer;
    color: white;
    background-color: #ffffff2b;
    transition: background-color 0.3s ease;
}

    .accord-header:hover {
        background-color: #93878796;
    }

    .accord-header span {
        font-size: 1rem;
    }


.accord-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 15px;
    background-color: #06112485;
}

    .accord-content p {
        margin: 10px 0;
    }




/*------------------ accordian ----------------*/

@import "compass/css3";

.ac {
    background-color: #ffffff2b;
}

.container {
    max-width: 40em;
    margin: 10px auto;
}


.ac-label {
    color: white;
    position: relative;
    padding: .5em 1em;
    display: block;
    cursor: pointer;
    transition: background-color .15s ease-in-out;
}

    .ac-label:hover {
        background-color: #93878796;
    }


.ac-input {
    display: none;
}

.ac-text, .ac-sub-text {
    opacity: 0;
    height: 0;
    margin-bottom: .5em;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
}

.ac-input:checked ~ .ac-text, .ac-sub .ac-input:checked ~ .ac-sub-text {
    opacity: 1;
    height: auto;
}

.ac-sub .ac-label {
    padding: 0.5em 3em;
    margin-bottom: 0;
    margin-top: 5px;
}

    .ac-sub .ac-label:checked {
        background: none;
        border-bottom: 1px solid whitesmoke;
    }

    .ac-sub .ac-label:after, .ac-sub .ac-input:checked + .ac-label:after {
        left: 0;
        background: none;
    }

    .ac-sub .ac-input:checked + label, .ac-sub .ac-label:hover {
        background: #996b09a3;
    }

.ac-sub-text {
    padding: 0 1em 0 3em;
}


.valErrMag {
    font-size: 13px;
    color: red;
    text-transform: capitalize;
}


/*-------------------*/

.mtxSection_th {
    width: 230px;
}

.mtxSection {
    width: 230px;
    margin: 0 auto;
}

    .mtxSection img {
        width: 45px;
        height: 45px;
        padding: 5px;
    }


.isActiveColor {
    color: #00c300;
    font-weight: 600;
    box-shadow: 0px 0px 8px 0px #1a9d1a;
    padding: 6px 10px;
    border-radius: 6px;
}

.inActiveColor {
    color: red;
    font-weight: 600;
    box-shadow: 0px 0px 8px 0px red;
    padding: 6px 10px;
    border-radius: 6px;
}

.denyPage {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}

/*========sweetAlert============*/

.swal2-title {
    font-size: 1.2em !important;
}

.swal2-html-container {
    font-size: 1em !important;
}

.swal2-actions button:hover {
    cursor: pointer;
}

body.swal2-toast-shown .swal2-container {
    width: 450px !important;
}

.swal2-toast div:where(.swal2-html-container) {
    margin: .5em 0.3em !important;
}
/*-----------Start-table---------*/

.newhistoryTable {
    max-height: 500px;
    overflow-x: auto;
}

.hiddenRow {
    padding: 0 !important;
}

.gs_gamehistorytbl th {
    color: white !important;
    font-weight: 600 !important;
    font-size: 13px;
    letter-spacing: 0.1px;
    text-transform: capitalize;
    padding: 19px 8px !important;
    background-color: aliceblue;
    min-width: 127px;
}

.accordion-body {
    background-color: #44454780;
}

    .accordion-body th {
        min-width: 178px;
    }

    .accordion-body td {
        color: white !important;
        padding: 7px 10px !important;
    }

    .accordion-body tr > td {
        padding: 7px 10px;
    }

.panel-body {
    background-color: #061124;
}

    .panel-body tr > td {
        padding: 7px 10px;
    }



/*-----------End-table---------*/

.jackotChart {
    width: 50%;
    height: 400px;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.jackotChart canvas {
    width: 100% !important;
    height: 100% !important;
}