a:hover { text-decoration: none; }

.fa { line-height: 25px; }
.fa-none { width: 11.2px; }

#listdiv { overflow: hidden; margin-bottom: 50px; }

body.has-float { overflow: hidden; }

.layui-layer-content { background-color: #f5f5f5; }

.input-group-append > :not(:first-child) { margin-left: .5rem; }
.input-group.user, .input-group.user > input, .input-group.user > input[readonly] { background-color: #ffe699 !important; }

.dropdown-item > .fa { color: inherit; }
.dropdown-menu-center { left: 50% !important; right: auto !important; text-align: center !important; transform: translate(-50%,23px) !important; }

/***pricing-top***/
.pricing-top .card-body { padding-top: 10px; padding-bottom: 7px; }
.pricing-top label { margin-bottom: 0; line-height: 32px; }
.pricing-top button { padding: 0.375rem 12px; border: 1px solid #e33333; }

/***pricing-summary***/
.pricing-summary .table th { padding: 5px; color: #fff; background: #4b545c; text-align: center; }
.pricing-summary .table td { padding: 5px; text-align: center; }

/***pricing-titles***/
.pricing-titles-cont { width: 140px; min-width: 140px; color: #fff; text-align: center; position: relative; }
.pricing-titles > div, .ptitle-calc-result { background: #4b545c; cursor: default; height: 27px; padding: 0px; line-height: 26px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; white-space: nowrap; }
.ptitle-calc-result { background: #4b545c; }

.pricing-items-cont { overflow-x: auto; width: 100%; }
    .pricing-items-cont .zhanwei { height: 27px; }

.modal-fullscreen .modal-dialog { width: 100vw; height: 100vh; margin: 0; padding: 0; max-width: none; }
.modal-fullscreen .modal-content { height: auto; height: 100vh; border-radius: 0; border: none; }
.modal-fullscreen .modal-body { overflow-y: auto; }

.pricing-float-topbar { z-index: 20; position: fixed; top: 10px; right: 40px; }
    .pricing-float-topbar .close { float: none; font-size: 24px; }
.pricing-float-main { padding: 20px 0; }
    .pricing-float-main .pricing-items-cont { width: auto; }

.singleprice { z-index: 1; position: absolute; left: 140px; top: 1px; height: 26.5px; width: 200px; padding: 0; line-height: 25px; border: 1px solid #ddd; border-left: 0; text-align: center; white-space: nowrap; color: #333; }

/***pricing-trade***/
.pricing-trades { display: flex; }
.pricing-trade { flex: initial; width: 200px; max-width: 200px; min-width: 200px; vertical-align: top; }
    .pricing-trade > div, .pricing-index { background-color: white; height: 27px; padding: 0; padding-bottom: 1px; line-height: 25px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; white-space: nowrap; position: relative; color: #333; }
        .pricing-trade > div.seal { overflow: hidden; }
    .pricing-trade select, .pricing-trade input, .pricing-trade .dropdown button { font-size: 1rem; background-color: white; height: 25px; width: 100% !important; padding: 0; margin: 0; border: 0; text-align: center; color: #333; }
        .pricing-trade input[type=number] { padding-left: 1rem; }
        .pricing-trade input:focus { border: 0; outline: 0; box-shadow: none; -webkit-box-shadow: none; }
        .pricing-trade input[readonly] { background-color: #fff !important; }
        .pricing-trade input[disabled], .pricing-trade input[disabled] + * { background-color: #f0f8ff !important; }
    .pricing-trade .input-group-addon:last-child { border: 0; padding: 0 2px; }
    .pricing-trade .input-group .glyphicon-refresh { color: #4b545c; }
    .pricing-trade .input-group-append { padding: 0 5px; min-width: 40px; }
        .pricing-trade .input-group-append > a:first-child { margin-left: auto; }
    .pricing-trade .input-group > input:first-child { padding-left: 40px; }

/***pricing-index***/
.pricing-index { position: relative; }
.pricing-index-text { color: #333; }
.pricing-index a { margin-right: 4px; }
.pricing-index .structure-type { position: absolute; top: 0; left: 19px; display: block; font-size: 85%; color: #818a91; background-color: transparent; border: 0; }

.pricing-index-drag { position: absolute; left: 3px; top: 0; padding: 3px 0 0 0; cursor: grab; margin: 0; }
    .pricing-index-drag > .fa { font-size: 10px; line-height: 10px; color: #818a91; vertical-align: top; }

.pricing-index-icons { display: inline-block; }

.pricing-index-right { position: absolute; right: 3px; display: inline-block; }
.pricing-index-right-toggle { padding: 0 3px; margin: 0; }

/***table-calc-result-1***/
.table-calc-result-1 { margin: 0; border: 0; table-layout: fixed; font-size: 90%; }
    .table-calc-result-1 th, .table-calc-result-1 td { padding: 0; height: 20px; line-height: 18px; text-align: center; overflow: hidden; }
    .table-calc-result-1 th { background-color: #4b545c; color: #fff; }

/**pitem**/
.pitem:empty, .pitem-cash:empty { background: #f0f8ff; }

/**screenshot**/
.screenshot-wrap { background: #eee; height: 100%; overflow: hidden; padding: 10px 10px 60px; position: relative; }
    .screenshot-wrap .img-wrap { height: 100%; overflow-y: auto; }
    .screenshot-wrap .toolbar { position: absolute; left: 0; bottom: 0; right: 0; height: 60px; padding-top: 10px; }

/**placeholder**/
input::-webkit-input-placeholder { color: #ccc; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
input::-moz-placeholder { color: #ccc; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
input:-ms-input-placeholder { color: #ccc; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }

/*yt-input-group*/
.yt-input-group { position: relative }
    .yt-input-group a:focus, .input-group a:focus { outline: none; }
.yt-input-group-append { position: absolute; right: 5px; top: 0px; display: none; }
.yt-input-group:hover .yt-input-group-append, .yt-input-group input:focus + .yt-input-group-append { display: inline-block; }
.yt-input-group.user input { background-color: #ffe699 !important; }
.yt-input-group-append.s1 { right: 23px; }
.yt-input-group-append.show { display: inline-block; }
a.yt-input-group-append, .yt-input-group-append > a { color: #e33333; }
.yt-input-group-append-left { position: absolute; left: 5px;}

/**for-screenshot**/
.for-screenshot { padding: 0; }
    .for-screenshot .screenshot-hide { display: none; }
    .for-screenshot .screenshot-fill { display: block !important; }
    .for-screenshot .pricing-titles-cont { width: 140px; margin-left: unset !important; }
    .for-screenshot .pricing-items-cont { overflow-x: unset !important; width: auto; }
    .for-screenshot .yt-input-group.user input { background-color: white !important; }
.pricing-trade > .pitem.screenshot-fill { border: 0; border-top: 1px solid #ddd; height: 1px; margin-top: -1px; background: none; display: none; }

/**form-layout-save**/
.form-layout-save .form-input { width: 300px; }

/**nice-select**/
.nice-select { width: 100%; height: 25px; padding: 0; border: 0; border-radius: 0; line-height: 25px; text-align: center !important; }
    .nice-select:after { border: 0; width: 0; -webkit-transform-origin: unset; -ms-transform-origin: unset; transform-origin: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; -webkit-transition: unset; transition: unset; }
    .nice-select .list { width: 100%; border: 1px solid #999; border-radius: 0; margin-top: 1px; }
    .nice-select .option { text-align: center; padding: 0; min-height: 30px; line-height: 30px; }
        .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f8f9fa; }

/**template**/
.yt-template-group { max-height: 600px; overflow-y: auto }
.yt-template-item { position: relative; padding-left: 30px; }
    .yt-template-item span { float: right; line-height: 25px; }
.yt-template-link { color: #666; line-height: 25px; }
    .yt-template-link:hover { color: #007bff; }
.yt-template-remove { display: none; position: absolute; left: 10px; top: 10px; }
.yt-template-item:hover .yt-template-remove { display: inline-block; }

#modalGroupTradeSave .form-group { float: left; }