@import url("../static/css/bootstrap.min.css");
.mod-radios {
    font-size: 14px;
}
.mod-value label {
    margin-right: 0;
}
.mod-value .x-input {
    display: inline-block;
    width: 400px;
}
select.x-select {
    display: inline-block;
    width: 114px;
}
.radix-tips {
    margin-left: 160px;
    font-size: 12px;
    color: #bbb;
    font-style: italic;
}

#containerPayback table th {
    vertical-align: middle;
    text-align: center;
    background-color: #f9f9f9;
}
#containerPayback table td {
    font-weight: normal;
    font-size: 14px;
}
#containerPayback table td.x-name {
    text-align: center;
}
#containerPayback table td.x-bill {
    color: #000;
}
#containerPayback table td.x-left {
     color: #aaa;
}
#containerPayback table tr.x-all,
#containerPayback table tr.x-last td.x-total {
    background-color: #ffffe4;
}
#containerPayback table tr.x-all td.x-name ,
#containerPayback table tr.x-all td.x-bill ,
#containerPayback table tr.x-all td.x-amount ,
#containerPayback table tr.x-all td.x-interest  {
    color: #f00;
}
.mod-inputs {
    font-size: 14px;
}
.mod-inputs .form-control {
    width: 120px;
    display: inline-block;
    margin:0 10px 10px 0;
}
.mod-inputs label {
    margin-right: 0;
}
.mod-inputs .x-sp {
    margin-left: 50px;
}
.mod-inputs span {
    color: #aaa;
}
#containerPayback .x-tips {
    margin: 10px 0 20px 0;
}
#containerPayback .x-btn {
    margin-left: 20px;
}
#containerPayback .x-exchange {
    float: right;
    font-size: 12px;
    color: #48b;
    text-decoration: underline;
}
#containerPayback .x-exchange:hover {
    cursor: pointer;
    color: #f00;
}
.x-calc-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.x-revrate {
    color: #f00;
}
.row.x-tips {
    font-size: 14px;
    color: #aaa;
    font-style: italic;
    margin-bottom: 40px;
}