/*
 *  -------------------------------------------------
 *  Hybrid MLM  Copyright (c) 2018 All Rights Reserved
 *  -------------------------------------------------
 *
 *  @author Acemero Technologies Pvt Ltd
 *  @link https://www.acemero.com
 *  @see https://www.hybridmlm.io
 *  @version 1.00
 *  @api Laravel 5.4
 */

.stats .stat label {
    margin: 0;
    font-weight: 600;
    color: #737373;
    min-width: 33%;
    font-size: 14px;
}

.stats .stat {
    padding-bottom: 5px;
}

.stat:last-child {
    padding: 0 !important;
}

.gatewayColumn > .gateway {
    padding: 4px;
    cursor: pointer;
    border: 1px solid #ddd;
    text-align: center;
    background: #f3f3f3ad;
    border-radius: 7px !IMPORTANT;
}

.gatewayColumn > .gateway h3 {
    font-size: 20px;
    font-weight: 500;
    color: #444;
    margin-top: 8px;
}

.gatewayColumn.selected > .gateway {
    border-color: #36c6d3;
}

.gatewayColumn > .gateway h3 i {
    font-size: 21px;
    color: #36c6d3;
}

.gatewayColumn > .gateway h3 img {
    width: 23px;
}

.securityPinWrapper .innerWrap {
    border: none;
}

.securityPinWrapper .innerWrap input[type="password"] {
    padding: 9px !important;
}

.eachField input[type="checkbox"] {
    width: auto;
}

.reportFilters .filters.row input {
    min-height: 35px;
    width: 100%;
    margin-bottom: 15px;
    border: solid 1px #eee;
    padding: 5px 10px;
}

.reportFilters .filters.row select {
    min-height: 35px;
    width: 100%;
    margin-bottom: 15px;
    border: solid 1px #eee;
    padding: 5px 10px;
}

.reportFilters .filters .eachFilter label {
    font-weight: 500;
    width: 100%;
}

.reportFilters .filters .eachFilter button {
    margin-top: 15px;
}

.reportFilters .operation button {
    padding: 3px 17px;
    width: auto;
    margin-right: 5px;
}

.payoutSuccess {
    text-align: center;
    display: none;
    margin-bottom: 15px;
}

.payoutSuccess img {
    width: 60px;
}

.payoutSuccess h3 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 400;
    color: #555;
    margin-bottom: 20px;
}

form.filterForm {
    border-bottom: 1px dotted #dddd;
    margin-bottom: 20px;
    padding-bottom: 12px;
}

.reportContainer table td .expired {
    background: #eee;
    font-size: 11px;
    padding: 2px 4px;
    text-align: center;
    display: block;
    margin: auto;
}

.reportContainer table td .active {
    background: #36c6d3;
    font-size: 11px;
    color: #fff;
    padding: 2px 4px;
    text-align: center;
    display: block;
    margin: auto;
}

.reportContainer table td .cancelled {
    background: #e86059;
    font-size: 11px;
    color: #fff;
    padding: 2px 4px;
    text-align: center;
    display: block;
    margin: auto;
}

.bankInfo ul.bankinfoTab {
    padding: 0;
    display: flex;
    overflow: hidden;
}

.bankInfo ul.bankinfoTab li {
    list-style: none;
    cursor: pointer;
    font-size: 13px;
    flex: 1;
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    float: left;
    color: #ccc;
}

.bankInfo {
    overflow: hidden;
}
.bankInfo ul.bankinfoTab li.active {
    color: #545454;
    border-bottom: 1px solid black;
}

.bankInfo ul.bankinfoTab {
    padding: 0;
    display: flex;
    margin-bottom: 0;
    overflow: hidden;
}

.bankInfo ul.bankinfoTab li {
    list-style: none;
    cursor: pointer;
    font-size: 13px;
    flex: 1;
    font-weight: 600;
    border-bottom: 2px solid #cccccc;
    padding: 5px;
    float: left;
    color: #ccc;
}

.bankInfo {
    overflow: hidden;
}
.bankInfo .eachData {
    white-space: nowrap;
    color: #717171;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    font-size: 13px;
    padding: 4px;
    border-bottom: 1px dotted #dcdcdc;
}

.bankInfo .eachData label {
    margin-right: 12px !important;
    font-weight: 600;
    margin: 0;
    color: #6f7b79;
}

.bankInfo .eachData:last-child {
    border-bottom: none;
}

.bankInfo .panel.active {
    display: block;
    margin-bottom: 0;
}

.bankInfo .panel {
    display: none;
}

.bankInfo .panel .balance {
    font-size: 18px;
    border-bottom: 1px dotted #d0d0d0;
    padding: 2px 5px;
    /* text-align: center; */
    color: #19a98b;
}
.bankInfo .panel .balance label {
    font-size: 13px;
    margin-right: 5px;
    min-width: 30%;
    font-weight: 600;
    color: #828282;
}

.bankInfo .panel .withDrawn {
    /* text-align: center; */
    font-size: 18px;
    padding: 2px 5px;
    /* text-align: center; */
    color: #e7505a;
}

.bankInfo .panel .withDrawn label {
    font-size: 13px;
    color: #828282;
    min-width: 30%;
    font-weight: 600;
    margin-right: 5px;
}

.bankInfo .eachData.userId span {
    font-weight: 600;
    color: #e43a45;
}