/*night-btn*/

.dayNight {
    padding: 0px;
    width: 42px;
    height: 42px;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    border-radius: 21px;
    border: none;
}

.dayNight.night {
    background: #2c2d30;
    color: #d9d9d9;
}

.dayNight:hover {
    background: #323237;
    color: #fff;
}

.dayNight:hover i {
    color: yellow;
}

/*night-btn end*/

.blue {
    color: #00f !important;
}

.night .blue {
    color: #2dbdff !important;
}

.red {
    color: red !important;
}

.night .red {
    color: #ff4848 !important;
}

.color-1 {
    background-color: #dcf8fe;
}

.color-2 {
    background-color: #ffe6e2;
}

.color-3 {
    background-color: #fffbe4;
}

.color-4 {
    background-color: #e9e1f6;
}

.night .color-1 {
    background-color: #215965;
}

.night .color-2 {
    background-color: #3f1812;
}

.night .color-3 {
    background-color: #534a15;
}

.night .color-4 {
    background-color: #220b46;
}

.night .btn-secondary {
    background-color: #212121;
    color: #d0d0d0;
}

.name-color {
    color: #333;
}

.night .name-color {
    color: #fff;
}

.night a:hover {
    color: #d9d9d9;
}

body.night,
.night .page-container .page-content-wrapper,
.night .modal .modal-body,
.night .modal .modal-header {
    color: #d9d9d9;
    background: #1e1f21;
}

.night .header,
.night .container-fluid,
.night .jumbotron,
.night .toast-header,
.night .toast-body {
    background: #1e1f21;
    border-color: #3a3b3d;
}

.night .row-xs-heightm,
.night .card,
.night .social-card.share .card-header,
.night .card.card-transparent .card-body,
.night .nav-tabs,
.night .kt-portlet .kt-portlet__head,
.night .kt-portlet,
.night .kt-portlet .kt-portlet__body,
.night .dataTables_wrapper {
    background: #2c2d30;
    border-radius: 0;
    border-color: #3a3b3d;
}

.night .kt-portlet .kt-portlet__head {
    border-bottom: 1px solid #3a3b3d;
}

.night .social-card.share .card-header:hover {
    background: #1e1f21;
}

.night .table.table-striped tbody tr:nth-child(2n + 1) td {
    background: #2c2d30 !important;
    border: 1px solid #3a3b3d;
    color: #fff;
}

.night h1,
.night h2,
.night h3,
.night h4,
.night h5,
.night h6,
.night strong {
    color: #fff;
}

.night label,
.night .jstree-default .jstree-anchor,
.night .form-group label:not(.error),
.night .card-title,
.night span.username,
.night .kt-infobox .kt-infobox__title,
.night .modal-header .close {
    color: #fff;
}

.night .bg-white,
.night .nav-tabs>li>a,
.night .kt-section .kt-section__info {
    color: #d9d9d9;
}

.night .kt-portlet {
    -webkit-box-shadow: 0px 0px 13px 0px rgb(255 255 255 / 5%);
    box-shadow: 0px 0px 13px 0px rgb(255 255 255 / 5%);
}

.night #user-info-tabs li.nav-item a.active {
    color: #f66666;
    font-weight: bold;
    background: #2c2d30;
}

.night .text-primary {
    color: #9985f2 !important;
}

.night .table thead tr th {
    padding: 12px 5px;
    background-color: #323232;
    border: 1px solid #3a3b3d;
    color: #d9d9d9;
}

.night .page-container .page-content-wrapper .content {
    background: #1e1f21;
}

.night .td_partner {
    background-color: #57575780 !important
}

.night .td_deposit {
    background-color: #313a50 !important;
}

.night .td_withdraw {
    background-color: #614046 !important;
}

.night .td_mine {
    background-color: #3e3946 !important;
}

.night .td_user {
    background-color: #384d4b !important;
}

body.night table {
    border-color: #3a3b3d;
}

.night .table.table-striped tbody tr td {
    background: #1e1f21 !important;
    border-color: #3a3b3d;
    color: #d9d9d9;
}

.night .table.table-striped tbody tr.losing-tr.agency td {
    background-color: #618686 !important;
}

.night .table.table-striped tbody tr.losing-tr.master td {
    background-color: #91789f !important;
}

.night .form-control {
    border-color: #757575;
    background: #4f4f4f;
    color: #fff;
    border-color: #3a3b3d;
}

.night #reply {
    color: #222;
}

.night .form-control[disabled],
.night .form-control[readonly],
.night fieldset[disabled] .form-control {
    background: #363636;
    color: #989898;
    border-color: #3a3b3d;
}

#btn-modify-name {
    margin-top: 20px;
}

.btn-danger {
    color: #fff;
}

.night p.value {
    color: #f0f0f0;
}

.night .bg-warning {
    background: #ffb64d60 !important;
    color: #ffffff;
    fill: #ffb64d60
}

.night .bg-success {
    background: #26dad280 !important;
    color: #ffffff;
    fill: #26dad280
}

.night .bg-info {
    background: #62d1f380 !important;
    color: #ffffff;
    fill: #62d1f380
}

/*
.night .table.table-striped tbody tr.bg-yellow td,
.night .table.table-striped tbody tr.bg-yellow:nth-child(2n + 1) td{
	background-color: #b48137  !important;
}*/

.form-group-default,
.night .toast {
    background-color: transparent;
}

.user-item.blockedLeave {
    background-color: #83c1de !important;
}

.night .table.table-striped tbody tr.user-item.blockedLeave td {
    background-color: #547b8e !important
}

.user-item.blocked {
    background-color: #f0a0a0 !important;
}

.night .table.table-striped tbody tr.user-item.blocked td {
    background-color: #744646 !important
}

/*index layout*/

@media (min-width: 1824px) {
    .menu-pin .container-fluid.container-fixed-lg {
        width: 100%;
    }
}

.row.layout {
    flex-wrap: wrap;
    display: flex;
}

.row.layout>.col-sm-12 {
    display: flex;
    justify-content: space-between;
}

.row.layout>.col-sm-12>.row {
    width: 33.33333%;
}

.table>tbody>tr>td {
    background: #fff !important;
    vertical-align: middle;
}

@media (max-width: 509px) {
    .row.layout>.col-sm-12>.row {
        width: 100%;
    }
    .row.layout>.col-sm-12 {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/*css change 20220316*/

.social-card.share .card-header h5 {
    margin-top: 0;
    margin-right: 5px;
}

.money-box .btn-wrap {
    padding-left: 1rem !important;
    margin-top: 2px;
    padding-bottom: 1rem;
}

.row.layout .card .card-header {
    padding: 10px 20px 7px 20px;
    max-height: 48px;
}

.form-group-default .form-control {
    height: 37px;
    padding-left: 10px;
}

.modal-header .close {
    font-size: 25px;
}