.payment-page { }
.payment-page .logo-center { margin-top: 30px; text-align: center; }
.payment-page .logo-center img { width: 300px; }
.payment-page .container-info { font-size: 20px; margin-top: 30px; text-align: center; }
.payment-page .container-info .txt { }
.payment-page .container-info .icon { color: red; font-size: 40px; }
.payment-page .payment-box { margin-top: 40px; background: #FFF; padding-top: 30px; padding-bottom: 30px; }
.payment-page .payment-total { margin-bottom: 30px; }
.payment-page .payment-total .value { font-size: 30px; }
.payment-page .payment-total .date { font-size: 19px; }

.method-create .list-contacts { float: left; height: 65px; border: 2px solid #CECECE; overflow: hidden; width: 100%; font-size: 11px; background-color: #ececec; white-space: nowrap; text-overflow: ellipsis; }
.method-create .list-contacts ul { display: inline-block; }
.method-create .list-contacts li { margin: 2px; list-style: none; float: left; }
.method-create .list-contacts span { padding: 3px; float: left; border: 1px solid #999; }
.method-create .list-contacts .name:hover { opacity: 0.2; }
.method-create .list-contacts .icon { float: left; color: #666666; cursor: pointer;  }
.method-create .list-contacts .icon:hover { color: red; }
.method-create .list-contacts .name { float: left; }


.list-payment-method .list-group-item { user-select: none; }
.list-payment-method .list-payment-method-item {  width: 100%; margin-bottom: 5px; }
.list-payment-method .list-add-new { cursor: pointer; padding: 10px; width: 100%; background: #daeac7; border: 1px solid #CCC; display: flex; height: 52px; }
.list-payment-method .list-add-new:hover { opacity: 0.8; }
.list-payment-method .payment-content { width: 100%; height: 52px; cursor: pointer; padding: 10px; background: #FFF; border: 1px solid #CCC; display: flex; float: left; margin-bottom: 0; }
.list-payment-method .payment-content:hover { opacity: 0.8; }
.list-payment-method input[type="radio"] { display: none; }
.list-payment-method input[type="radio"] + .payment-content { cursor: pointer; }
.list-payment-method input[type="radio"] + .payment-content:before { content: "\2022"; color: transparent; font-weight: bold; margin-right: 1em; font-size: 20px; }
.list-payment-method input[type="radio"]:checked + .payment-content { background-color: #0275D8; color: #FFF; }
.list-payment-method input[type="radio"]:checked + .payment-content:before { color: inherit; }
.list-payment-method .icon { background-position: 0 0 !important; display: inline-block; width: 60px; height: 30px; background-size: 60px !important; margin-right: 10px; font-size: 24px; }
.list-payment-method .mastercard { background: url('../../public/image/payment/masterCard.png') no-repeat; }
.list-payment-method .visa { background: url('../../public/image/payment/visa.png') no-repeat; }
.list-payment-method .american { background: url('../../public/image/payment/american.png') no-repeat; }
.list-payment-method .elo { background: url('../../public/image/payment/elo.png') no-repeat; }
.list-payment-method .diners { background: url('../../public/image/payment/diners.png') no-repeat; }
.list-payment-method .hipercard { background: url('../../public/image/payment/hipercard.png') no-repeat; }
.list-payment-method .payment-title { font-size: 23px; overflow: hidden; }
.list-payment-method .payment-remove { font-size: 23px; color: #9e9e9e; cursor: pointer; }
.list-payment-method .payment-remove:hover { color: #f44336; }
.list-payment-method .payment-edit { font-size: 23px; color: #777; cursor: pointer; }
.list-payment-method .payment-edit:hover { color: #337ab7; }
.list-payment-method .disabled,
.list-payment-method .disabled:hover { color: #ddd !important; cursor: default; }