.p2p{
    position:relative;
    min-height:340px;
}
.p2p .type{
    background-color: #343a40;
}
.p2p .type.active{
    background-color:#1d2124;
}
.p2p .type.active[data-type="buy"]{
    background-color:#0ecb81;
}
.p2p .type.active[data-type="sell"]{
    background-color:#f6465d;
}

.p2p .asset{
    padding-bottom:2px;
    color:#888;
    margin-right:10px;
}
.p2p .asset.active,
.p2p .asset:hover{
    cursor:pointer;
    color:#fff;
    padding-bottom:0;
    border-bottom:1px solid #fff;
}

.p2p .assets-fiat-block{
    display:flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #292c30;
}
.p2p .expand{
    display:none;
}

.p2p .filter-summ-block .summ-block{
    background-color: #2a2e39;
    display:flex;
    justify-content: space-between;
}

.p2p .filter-block{
    display:flex;
    position:relative;
    border-bottom: 1px solid #292c30;
    padding-bottom:4px;
}
.p2p .filter-block > div{
    margin-right:10px;
}
.p2p .filter-block .name{
    font-size:13px;
    cursor:pointer;
    padding-right:20px;
    background: url(/images/icons/arrow-down.svg) no-repeat right 0.2rem center/18px 18px;
}
.p2p .filter-block > .active .name,
.p2p .filter-block .name:hover,
.p2p .filter-block .name.selected{
    color:#fff;
}
.p2p .filter-block > .active .expand{
    display:block;
    position:absolute;
    top: 26px;
    left:0;
    padding: 10px;
    width:100%;
    background-color:#131722;
    border:1px solid #50555d;
}

.p2p .filter-summ-block .summ-block{
    display:flex;
    justify-content: space-between;
    padding-right:8px;
    align-items: center;
}

.p2p .filter-block .methods-payment{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.p2p .filter-block .method-payment{
    padding:10px;
    cursor:pointer;
    flex-basis:32%;
    border:1px solid #50555d;
    margin-bottom: 10px;
}
.p2p .filter-block .method-payment.active,
.p2p .filter-block .method-payment:hover{
    border:1px solid #fff;
}

.p2p .adverts-list .advert{
    margin-bottom: 12px;
    padding: 8px;
    background-color: #131722;
}
.p2p .adverts-list .advert .nickname{
    font-size:16px;
    margin-bottom:5px;
}
.p2p .adverts-list .advert .deals-block{
    color:#888;
    font-size:13px;
    margin-bottom:8px;
}
.p2p .adverts-list .advert .deals-block .deals{
    margin-left:4px;
}
.p2p .adverts-list .advert .deals-block .delimiter{
    margin:0 10px;
}
.p2p .adverts-list .advert .price-block{
    margin-bottom:5px;
}
.p2p .adverts-list .advert .price{
    font-size:18px;
    margin-right:4px;
    color:#fff;
}
.p2p .adverts-list .advert .name{
    color:#888;
    font-size:13px;
}
.p2p .adverts-list .advert .summ{
    margin-left:10px;
    margin-right:4px;
}
.p2p .adverts-list .advert .limit-block{
    margin-bottom:10px;
}
.p2p .adverts-list .advert .min{
    margin-left:13px;
    margin-right:5px;
}
.p2p .adverts-list .advert .max{
    margin-right:4px;
    margin-left:5px;
}
.p2p .adverts-list .advert .method-payment{
    margin-right:8px;
}

.p2p .adverts-list .advert .type-block{
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.p2p .advert-expand{
    position:relative;
    left:0;
    top:0;
    width:100%;
    margin-top:-138px;
    z-index:1;
    background-color: #131722;
    padding:8px 8px 10px 8px;
}
.p2p .advert-expand .head-block{
    position:relative;
    background-color:#000;
    margin:-8px -8px;
    padding-bottom:10px;
    padding-top: 10px;
}
.p2p .advert-expand .back{
    margin-bottom: 5px;
    margin-left: 5px;
    position:absolute;
    left:0;
    top:10px;
    background: url(/images/icons/back.svg) no-repeat;
    width: 21px;
    height: 21px;
    cursor: pointer;
    background-size: contain;
}
.p2p .advert-expand .head{
    text-align:center;
    display:block;
    font-weight:bold;
    color:#fff;
}
.p2p .advert-expand .name{
    color:#888;
    font-size:13px;
    margin-right:6px;
}
.p2p .advert-expand .price-block{
    margin-top:16px;
}
.p2p .advert-expand .price{
    margin-right:4px;
}
.p2p .advert-expand .available-summ{
    margin-right:4px;
}
.p2p .advert-expand .price.buy{
    color:#0ecb81;
}
.p2p .advert-expand .price.sell{
    color:#f6465d;
}
.p2p .advert-expand .min{
    margin-right:5px;
}
.p2p .advert-expand .max{
    margin-left:5px;
    margin-right:4px;
}
.p2p .advert-expand .summ-block{
    margin-top:10px;
    margin-bottom: 16px;
}
.p2p .advert-expand .summ-out-block{
    margin-bottom:5px;
}
.p2p .advert-expand .summ-in-block{
    margin-bottom:20px;

}
.p2p .advert-expand .summ-out-input-block,
.p2p .advert-expand .summ-in-input-block{
    background-color: #2a2e39;
    padding-right:10px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.p2p .advert-expand .summ-out-input-block .summ-out-all,
.p2p .advert-expand .summ-in-input-block .summ-in-all{
    margin-right: 10px;
    color:#fff;
    cursor:pointer;
}
.p2p .advert-expand .balance-block{
    margin-top:2px;
    margin-bottom:-18px;
    font-size:13px;
    text-align:right;
}
.p2p .advert-expand .balance{
    margin-right:4px;
}

.p2p .methods-payment-user-block {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom:20px;
}

.p2p .advert-expand .advert-type{
    display:flex;
    justify-content: center;
}

.p2p .advert-expand .method-payment{
    margin-right:10px;
}

.p2p .advert-expand .deals{
    margin-right:10px;
}
.p2p .advert-expand .conditions-block{
    margin-top:10px;
}

.methods-payment-user-add-popup{
    min-width:400px;
}
.methods-payment-user-add-popup .name-block{
    display:flex;
    justify-content: space-between;
    margin-bottom:2px;
}
.methods-payment-user-add-popup .name-block .name{
    color:#fff;
}
.methods-payment-user-add-popup .name-block .edit{
    background:url('/images/icons/edit.svg') no-repeat;
    width:18px;
    height:18px;
    cursor:pointer;
}
.methods-payment-user-add-popup .name-block .field{
    margin-bottom:2px;
}
.methods-payment-user-add-popup .method-payment-user{
    border-bottom: 1px solid #2a2e39;
    margin-bottom: 10px;
    cursor:pointer;
    margin-left:-6px;
    margin-right:-6px;
    padding:6px;
}
.methods-payment-user-add-popup .method-payment-user:hover{
    background-color:#2a2e39;
}
.methods-payment-user-add-popup .header{
    margin-top: 26px;
    color: #888;
}
.methods-payment-user-add-popup .method-payment-add{
    display:flex;
    justify-content: space-between;
}

.p2p .selected-methods-payment-user .selected-method-payment-user{
    position:relative;
    margin-bottom:10px;
    border-bottom:1px solid #2f373c;
    padding-bottom:5px;
}
.p2p .selected-methods-payment-user .remove{
    background:url('/images/icons/close.svg') no-repeat;
    width:18px;
    height:18px;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
}
.p2p .selected-methods-payment-user .name{
    font-size:15px;
    color:#fff;
}
.p2p .selected-methods-payment-user .field {
    font-size: 13px;
}

.method-payment-new-edit-popup{
    min-width:400px;
}
.method-payment-new-edit-popup .method-payment-fields .field textarea{
    resize: none;
    height:100px;
}
.method-payment-new-edit-popup .method-payment-fields .field .name{
    margin-bottom:5px;
}
.method-payment-new-edit-popup .method-payment-fields .field .name .not-required{
    margin-left:5px;
    color:#888;
    font-size: 13px;
}
.method-payment-new-edit-popup .actions{
    margin-top:26px;
    display:flex;
}
.method-payment-new-edit-popup .actions .back{
    margin-right:auto;
}
.method-payment-new-edit-popup .actions .save{
    margin-left:5px;
}