.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-bottom: 10px !important;
}

body {
	font-family: "Helvetica Neue", Helvetica, "Roboto", Arial !important
}
/* Form Style */
.form-group {
    margin-bottom: 0.8rem !important;
}

.badge-role{
    background-color: #000;
    color: #fff;
    min-width: 100px;
}

.btn-edit{
    color: #fff;
    background-color: #505050;
    border-color: #505050;
    -webkit-box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);
    box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);
}

.btn-edit:hover{
    color: #fff;
    background-color: #3d3d3d;
    border-color: #363636;
}

/* Danger button */
.btn-danger {
    background-color: #f44336 !important;
    border: none !important;
    -webkit-box-shadow: 0 2px 6px 0 #f44336 !important;
    box-shadow: 0 2px 6px 0 #f44336 !important;
}
.btn-danger:hover {
    background-color: #db2c2c !important;
}

.btn-success>a{
    color: white !important;
}

/* Table Style */
.bg-primary-600 {
    background-color: #a7a9ac !important;
    color: black !important;
}

/* Sidebar */
/* .page-logo img {
    width: 15% !important;
} */
/* .page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient, .btn-login {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.30)), to(transparent)) !important;
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.30), transparent) !important;
    background-color: black !important;
} */
/* .nav-title {
    color: white !important;
    font-weight: 800 !important;
}
.nav-menu li.active{
    background: linear-gradient(to bottom, #5b5b5b 0%, white 100%) !important;
}
.nav-menu li.active:not(.open) > a:before{
    color:transparent !important;
}

.nav-menu li.active .fal, .nav-menu li.active a > [class*='fa-'], .nav-menu li a > .ni {
    color: black !important;
    font-weight: bold !important;
}
.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni {
    color: white !important;
}
.nav-menu li a {
    color: white !important;
}
.nav-menu li a:hover, .nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > .ni {
    color: white !important;
}
.nav-menu li > ul li.active > a{
    color:#012235 !important;
    font-weight:600;
}
.nav-menu li.active > a{
    box-shadow: none !important;
    color: black !important;
    font-weight:600;
}
.nav-menu li.active > a:hover{
    color: white !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.nav-menu li.open>ul{
    display:block;
}
.nav-menu b.collapse-sign {
    color: #f5f5f5 !important;
}
.page-logo > a{
    color: white !important;
} */

.input_container {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon {
    padding: 10px;
    min-width: 50px;
    text-align: center;
}

.input_password {
    width: 100%;
    padding: 10px;
    outline: none;
}

/*select multiple dropdown and search user table*/
.select-wrapper {
    margin: auto;
    max-width: 600px;
    width: calc(100% - 40px);
}
/*select multiple dropdown and search user table*/
.select-pure__select {
    align-items: center;
    background: #f9f9f8;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: left;
    min-height: 35px;
    padding: 5px 10px;
    position: relative;
    transition: 0.2s;
    width: 100%;
}
/*select multiple dropdown and search user table*/
.select-pure__options {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    display: none;
    left: 0;
    max-height: 221px;
    overflow-y: scroll;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 5;
}
/*select multiple dropdown and search user table*/
.select-pure__select--opened .select-pure__options {
    display: block;
}
/*select multiple dropdown and search user table*/
.select-pure__option {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 44px;
    line-height: 25px;
    padding: 10px;
}
/*select multiple dropdown and search user table*/
.select-pure__option--selected {
    color: #e4e4e4;
    cursor: initial;
    pointer-events: none;
}
/*select multiple dropdown and search user table*/
.select-pure__option--hidden {
    display: none;
}
/*select multiple dropdown and search user table*/
.select-pure__selected-label {
    background: #5e6264;
    border-radius: 4px;
    color: #fff;
    cursor: initial;
    display: inline-block;
    margin: 5px 10px 5px 0;
    padding: 3px 7px;
}
/*select multiple dropdown and search user table*/
.select-pure__selected-label:last-of-type {
    margin-right: 0;
}
/*select multiple dropdown and search user table*/
.select-pure__selected-label i {
    cursor: pointer;
    display: inline-block;
    margin-left: 7px;
}
/*select multiple dropdown and search user table*/
.select-pure__selected-label i:hover {
    color: #e4e4e4;
}
/*select multiple dropdown and search user table*/
.select-pure__autocomplete {
    background: #f9f9f8;
    border-bottom: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 10px;
    width: 100%;
}

/*sales report search button style*/
.reportStyle {
    margin-top:25px;
}
/*filter button color*/
.filter-button{
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.30), transparent) !important;
    background-color: #000 !important;
    border-color: #000 !important;
}
.im{
    color:#000 !important;
}

.plus_css, .reveal_icon{
    color: #1dc9b7;
}
.badge-danger{
    background-color: red;
}
.header-btn:hover{
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.30), transparent) !important;
    background: black !important;
}
/*sweetaler button */
.swal2-icon.swal2-warning{
    font-size:20px !important;
}
.swal2-icon.swal2-info{
    font-size:20px !important;
}
/*fix popover problem*/
.table-responsive{
    min-height: 300px;
}

/* Login Page */
.loginBg {
    background-image: url("/img/logo/caveman360.jpg");
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.loginForm {
    margin-top: 12vw;
}
.loginLogo {
    width: 50%;
    margin: 0 auto;
}
.card{
    box-shadow: 0 0 10px #000000 !important;
}

.ownerlabel {
    padding-left: 0px;
    padding-bottom:5px;
}

.ownerlabel > span{
    padding-left: 0px;
}

.ownerlabel > span > a{
    font-size: 19px;
}

.alert{
    padding:0 !important;
    color: red;
}
.sub-title{
    color: #47a3da;
    margin-top: 15px;
    font-size: 20px;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    padding: 8px 0;
}
.customer_create_box{
    padding:18px;
}

.datepicker{
    background-color: white !important;
}
.customer_create .form-control[readonly], .user_create .form-control[readonly]{
    background-color:#fff !important;
}
.sms_btn{
    margin-top:3vh;
}
.card-inverse .card-header{
    color: #fff;
}
.card-inverse {
    color: #fff;
}
.card-primary {
    background-color: #36a9e1;
}
.card-primary .card-header, .card-primary .card-footer {
    background-color: #219fdd;
}
.card-danger .card-header, .card-danger .card-footer {
    background-color: rgba(217, 0, 0, 0.28) /*background-color: #ff3b3b;; */;
}
.card-danger {
    /* background-color: #ff5454; */
    background-color: rgba(250, 149, 61, 0.86);
}
.bank-border{
    border-radius: 25px;
    border: 2px solid rgb(172, 180, 159);
    padding: 20px;
    max-width: 46% !important;
}
.bank-title{
    max-width: 46% !important;
}
.accbalance_deposit label{
    text-align: left !important;
}
.column_withdrawal{
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    margin: 0px;
    padding: 15px;
}

.bankform_button{
    border:none;
    background:transparent;
    color:red;
    font-weight: 1000;
}

/*Account Balance threshold notice*/
.blinking{
    animation:blinkingText 2s infinite;
    margin-top: 20px;
    text-align: start;
    margin-bottom: -13px;
}
@keyframes blinkingText{
    0%{     color: red;    }
    49%{    color: red; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: red;    }
}
.fas.warning{
    color:red;
    margin-top:-26px;
}
#wrapper{
    width: 50%;
}

#wrapper label{
    vertical-align: middle;
}

input[type="checkbox"]{
    width: 25px;
    height: 15px;
}

/*Search box from deposit modal*/
.btn_search_deposit_modal{
    height:38px;
}

/*Header search bar*/
.header_search{
    margin-left: calc(100% - 200px);
}
ul#ui-id-1{
    z-index: 9999;
}
ul#ui-id-1 li{
    border-bottom: 1px solid lightgray;
    margin-top: 10px;
}

/* blink for pending count label*/
@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}

/*hide create deposit(claim bankform) button css*/
.pagination_button{
    background-color: transparent;
    border: none;
}

/* set min-height for modal body*/
.modal-body{
    min-height:350px;
}

/*dashboard top deposit table css*/
.transaction_statistic td{
    padding:0.15rem 0.75rem;
}
.transaction_statistic {
    margin-bottom : 0rem !important;
}

/*dashboard top right css (today/month new user) and pre-create bot and transaction bot*/
#sparks {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: right;
}
/*dashboard top right css (today/month new user) and pre-create bot and transaction bot*/
#sparks li:first-child {
    border-left: none;
    padding-left: 0;
}
/*dashboard top right css (today/month new user) and pre-create bot and transaction bot*/
#sparks li {
    padding: 2px 10px;
    display: inline-block;
    max-height: 47px;
    overflow: hidden;
    text-align: left;
    -webkit-box-sizing: content-box;
    border-left: 1px dotted #c7c7c7;
}
/*dashboard top right css (today/month new user) and pre-create bot and transaction bot*/
.sparks-info {
    min-width: 70px;
}
/*dashboard top right css (today/month new user) and pre-create bot and transaction bot*/
#sparks li h5{
    color: #555;
    float: left;
    font-size: 11px;
    font-weight: 400;
    margin: -3px 0 0 0;
    padding: 0;
    border: none;
    text-transform: uppercase;
}

/*top10 deposit/withdrawal table button css */
.show_more{
    margin-left: 7vw;
}

/*404 page*/
.no_permission{
    height: calc(100vh - 15.5625rem);
    width: 100%;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    margin-top:10vh;
}
.page-error{
    font-size: 600% !important;
    font-weight: bold !important;
    color: #424242;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}
.text-declined{
    background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
    color: #886ab5;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-shadow: none;
}
.f_line{
    font-size: 40%;
    display: block;
    line-height: 1.5;
    margin: 2px 0 1.5rem;
    color: #424242;
}
.s_line{
    font-weight: 500 !important;
    margin-bottom: 2rem !important;
    font-size: 1.1875rem;
}
.player_code{
    color: black!important;
    text-transform: uppercase;
    font-weight: 600;
}
.player_code:hover {
    text-decoration: underline !important;
}
.bot_alive_active{
    color: #1B5E20;
}
.created_updated{
    margin-top: -20px;
    margin-bottom: 20px;
}
.created_text{
    color:#868e96;
}

@media screen and (max-width: 460px) {
    #time {
      display:none;
    }
}

.border_name{
    border: 1px solid;
    text-transform: uppercase;
    font-weight: bold;
    padding:2px;
}

/*adjust sweetalert z-index*/

.swal2-container {
    z-index: 5000 !important;
}

/*adjust sweetalert z-index*/


/* Announcement Label */
.badge-announcement {
    color: #fff;
    background-color: #000000
}
.badge-holiday {
    color: #fff;
    background-color: #064e10
}

.badge-general {
    color: #fff;
    background-color: #000000
}

.badge-maintenance {
    color: #fff;
    background-color: #530505
}

.badge-special {
    color: rgb(0, 0, 0);
    background-color: #fde939
}

.badge-important {
    color: #fff;
    background-color: #ff0000
}

.badge-misc {
    color: #fff;
    background-color: #494949
}

/*********** ajax loader *************/
.ajax-loader {
    display:    none;
    position:   fixed;
    z-index:    9999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(0, 0, 0, 0.8);
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .ajax-loader {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .ajax-loader {
    display: block;
}

#pending_count_special_alert .badge-warning {
    border-radius: 20px;
    background-color: #f00!important;
    height: 12px;
    width: 12px;
}

#special_alert_menu_icon.highlight:before {
    color: yellow;
}

#refresh_reminder {
    font-size: smaller;
    cursor: pointer;
}
.badge-crm-status {
    text-transform: uppercase;
}

.badge-crm-status.badge-active {
    color: #ffffff;
    background-color: #1dc9b7;
}

.badge-crm-status.badge-suspended {
    color: #ffffff;
    background-color: #495057;
}

.badge-crm-status.badge-partial {
    color: #ffffff;
    background-color: #ffc241;
}

#panel-alert .form-label {
    text-transform: uppercase;
    font-weight: 300;
    color: #d8d6d7;
}

.domain {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
swal2-container swal2-center swal2-backdrop-show {
    z-index: 10000;
}
.badge-team {
    width: 36px;
}

.redemption-header label {
    font-size: smaller;
    color: #c9c9c9;
}

.loading-overlay {
    display:none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000003;
    padding: 0;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    padding-top: 11vh;
}

.loading-overlay.active {
    display:block;
}

div.loading-text {
    animation: showup 5s infinite;
    color: #d0d0d0;
    font-size: x-large;
}

@keyframes showup {
    0% {opacity:0;}
    25% {opacity:1;}
    60% {opacity:1;}
    100% {opacity:0;}
}