:root{
    --bs-theme-primary: #9A3334;
}

body {
    background-color: #f1f1f1;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    line-height: normal;
    
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    -moz-user-select: none;
    user-select: none; /* Standard syntax */
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
.bg-main {
    background-color: #f1f1f1;
}
.bg-blue {
    background-color: #0081ff;
}
.bg-green {
    background-color: #39b54a;
}
.bg-purple {
    background-color: #6739b6;
}
.bg-red {
    background-color: #9A3334;
}
.bg-orange {
    background-color: #9A3334;
}
.bg-yellow{
	background-color: #fbbd08;
}
.bg-purple-red {
    background-image: linear-gradient( 158deg, rgb(103, 57, 182) 50%, #9A3334 50% );
    border: 1px solid rgb(241 241 241);
}
.bg-purple-green {
    background-image: linear-gradient(
        158deg,
        rgb(103, 57, 182) 50%,
        rgb(57, 181, 74) 50%
    );
    border: 1px solid rgb(241 241 241);
}
.border-orange {
    border-color: #9A3334 !important;
}
.text-orange {
    color: #9A3334;
}
.l1-l2 .nav-pills .nav-link.active {
    background-color: #9A3334;
    color: #fff;
    border-bottom: 2px solid #fff;
}
.l1-l2 .nav-pills .nav-link {
    background-color: #9A3334;
    color: #fff;
    border-radius: 0px;
}
.nav-pills .nav-link.active {
    background-color: #fff;
    color: #9A3334;
    border-bottom: 2px solid #9A3334;
    font-weight:bold;
}
.nav-pills .nav-link {
    background-color: #fff;
    border-radius: 0px;
    font-weight:bold;
    font-size:15px;
}
.circle {
    height: 15px;
    width: 15px;
}
.circle-30 {
    height: 30px;
    width: 30px;
}
.fs-10 {
    font-size: 10px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15{
	font-size: 15px !important;
}
.fs-16{
	font-size: 16px !important;
}
.fs-18{
	font-size: 18px !important;
}
.fs-20{
	font-size: 20px !important;
}
.fs-40 {
    font-size: 40px !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.mb-100 {
    margin-bottom: 100px !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.p-10 {
    padding: 10px !important;
}
.h-50-px {
    height: 50px;
}
.tc-0,
.tc-2,
.tc-4,
.tc-6,
.tc-8,
.text-red {
    color: #e54d42;
}
.tc-1,
.tc-3,
.tc-5,
.tc-7,
.tc-9,
.text-green {
    color: #39b54a;
}
.botton-tab .nav-link {
    color: #9A3334 !important;
    font-size: 14px !important;
}
.botton-tab .nav-link.active {
    background-color: #9A3334;
    color: #fff !important;
    border-radius: 10px;
}
.divider-bottom {
    border-bottom: 1px solid #e2e2e2;
}
.divider-top {
    border-top: 1px solid #e2e2e2;
}
.dropdown-menu {
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
}
.dropdown-item {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 50px;
    color: #333;
}
.nav-link {
    color: #333;
}
.dropdown-toggle::after {
    margin-right: 15px;
    position: absolute;
    right: 0px;
}
.dropdown-toggle {
    display: flex;
    align-items: center;
}
.nac-icon {
    display: flex;
    align-items: center;
}
.wallet::before {
    font-family: "bootstrap-icons";
    content: "\F615";
    padding-right: 10px;
}
.record::before {
    font-family: "bootstrap-icons";
    content: "\F3B9";
    padding-right: 10px;
}
.megaphone::before {
    font-family: "bootstrap-icons";
    content: "\F484";
    padding-right: 10px;
}
.bank-card::before {
    font-family: "bootstrap-icons";
    content: "\F6B3";
    padding-right: 10px;
}
.transaction::before {
    font-family: 'bootstrap-icons';
    content: "\F12B";
    padding-right: 10px;
}
.address::before {
    font-family: "bootstrap-icons";
    content: "\F3E8";
    padding-right: 10px;
}
.shield-lock::before {
    font-family: "bootstrap-icons";
    content: "\F538";
    padding-right: 10px;
}
.download::before {
    font-family: "bootstrap-icons";
    content: "\F30A";
    padding-right: 10px;
}
.chat-text::before {
    font-family: "bootstrap-icons";
    content: "\F267";
    padding-right: 10px;
}
.question-circle::before {
    font-family: "bootstrap-icons";
    content: "\F505";
    padding-right: 10px;
}
.bank::before {
    font-family: "bootstrap-icons";
    content: "\F62E";
    padding-right: 10px;
}
.atsign::before {
    font-family: "bootstrap-icons";
    content: "\F152";
    padding-right: 10px;
}
.number-btn button {
    /*padding-left: 28px !important;
    padding-right: 28px !important;*/
    font-size: 20px !important;
    width: 55px;
    padding: 10px 0px;
    border-radius: 30px;
    font-weight: bold;
}
.color-btn button {
    /*padding-left: 28px !important;
	padding-right: 28px !important;*/
    font-size: 15px !important;
    font-weight: bold;
}
.btn-orange {
    color: #fff;
    background-color: #9A3334;
    border-color: #9A3334;
}
.btn-light-shadow {
    box-shadow: 0px 0px 3px 1px #ababab;
}
.cnn-box {
    border-bottom: 1px solid #dee2e6 !important;
    border-radius: 0px;
}
.cnn-box:focus {
    box-shadow: none;
}
.dropdown-item:active {
    color: #000;
    background-color: unset;
}
.header-box {
    border-radius: 5px;
    box-shadow: 0px 0px 7px 1px rgb(154 51 52);
}
.cnn-model {
    padding-left: 30px;
    padding-right: 30px;
}
.w-150 {
    width: 150px !important;
}
.w-25px {
    width: 25px;
    height: 25px;
}
.w-32px {
    width: 32px;
    height: 32px;
}
.w-30px {
    width: 30px;
    height: 30px;
}
.w-46px {
    width: 46px !important;
}
.w-110px {
    width: 110px !important;
}
.form-check-input:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.text-yellow {
    color: #fbbd08;
}
.text-purple {
    color: #6739b6;
}
.play-history td {
    padding-right: 20px;
    padding-left: 20px;
}
.play-history td span {
    padding-right: 5px;
}
.play-history .dropdown-item {
    padding-left: 0px !important;
}

/* complaint section */

.complaint-section .accordion-button {
    background: #9A3334;
    color: #fff;
}

.complaint-section .accordion-button:focus {
    z-index: 3;
    background: #9A3334 !important;
    outline: 0;
    box-shadow: none !important;
}

/* Presale rule */

#presale-rule-modal .modal-body {
    overflow: auto;
    height: 400px;
}
#presale-rule-modal .modal-body h4 {
    color: #9A3334;
    font-size: 16px;
}
#presale-rule-modal .modal-body h5 {
    color: #9A3334;
    font-size: 14px;
}
#read-rule-modal .modal-header,
#presale-rule-modal .modal-header,
#notification-modal .modal-header {
    justify-content: center;
}
.w-204{
    width: 204px;
}
.recharge-record-table td, .withdrawal-record-table td{
    padding: 10px 5px;
}
.my-bets-detail:focus, .my-bets-detail:hover {
    background-color: #fff !important;
}