.my-backpack-index{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;padding:0 20px 18px 0;border:1px solid #454d6b;background-color:#33384b;border-radius:3px}.my-backpack-index>button{width:100px;height:30px;margin:20px 0 24px 20px;border:1px solid #454d6b;background-color:#292e41;color:#b9c0ef;font-size:14px;border-radius:3px}.my-backpack-index .records-wrap{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin-left:20px;border-radius:5px;border:1px solid #454d6b;background-color:#292e41;padding:0 20px 20px}.my-backpack-index .records-wrap input{height:30px;margin:0 10px;text-align:center}.my-backpack-index .records-wrap input[type=number]{-moz-appearance:textfield}.my-backpack-index .records-wrap input[type=number]::-webkit-outer-spin-button,.my-backpack-index .records-wrap input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;opacity:0}.my-backpack-index .records-wrap>header{color:#7a80a2}.my-backpack-index .records-wrap>header .tabs{display:-webkit-box;display:-ms-flexbox;display:flex;height:61px;border-bottom:1px solid #444a5c}.my-backpack-index .records-wrap>header .tabs a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 28px;color:#7a80a2;-webkit-transition:color .1s linear;transition:color .1s linear}.my-backpack-index .records-wrap>header .tabs a:hover,.my-backpack-index .records-wrap>header .tabs a.active{color:#b9c0ef}.my-backpack-index .records-wrap>header .filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:69px;border-bottom:1px solid #444a5c;font-size:14px}.my-backpack-index .records-wrap>header .filter .select{width:100px;margin:0 10px}.my-backpack-index .records-wrap>header .filter input[type=date]{width:136px}.my-backpack-index .records-wrap>header .filter input[type=date]::-webkit-calendar-picker-indicator{color:#7a80a2;margin-left:0;outline:none}.my-backpack-index .records-wrap>header .filter>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px}.my-backpack-index .records-wrap>header .filter button{width:50px;height:30px}.my-backpack-index .records-wrap>.paginate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:20px;color:#7a80a2;font-size:14px}.my-backpack-index .records-wrap>.paginate a{color:#7a80a2;-webkit-transition:color .1s linear;transition:color .1s linear;min-width:20px;text-align:center;padding:0 5px}.my-backpack-index .records-wrap>.paginate a:hover,.my-backpack-index .records-wrap>.paginate a.active{color:#2585e7}.my-backpack-index .records-wrap>.paginate a:nth-last-of-type(1){margin-right:10px}.my-backpack-index .records-wrap>.paginate input{text-align:center}.my-backpack-index .records-wrap>.paginate input[type=number]{width:60px}.my-backpack-index .records-wrap>.paginate button{width:50px;height:30px;margin-left:10px}.my-backpack-index .records-wrap .records{color:#7a80a2;font-size:14px}.my-backpack-index .records-wrap .records a{color:#2585e7;text-decoration:underline}.my-backpack-index .records-wrap .records>header,.my-backpack-index .records-wrap .records>.list .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.my-backpack-index .records-wrap .records>header>div,.my-backpack-index .records-wrap .records>.list .item>div{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.my-backpack-index .records-wrap .records>header{color:#b9c0ef;font-weight:bold;margin:10px 0 0;height:40px}.my-backpack-index .records-wrap .records>.list .item{height:46px;border-bottom:1px solid #444a5c}.my-backpack-index .records-wrap .records>.list .item:nth-last-of-type(1){border-bottom:0}.my-backpack-index .records-wrap .records>header,.my-backpack-index .records-wrap .records .list .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.my-backpack-index .records-wrap .records>header>div,.my-backpack-index .records-wrap .records .list .item>div{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.my-backpack-index .records-wrap .records>header>div:nth-of-type(1),.my-backpack-index .records-wrap .records .list .item>div:nth-of-type(1){-ms-flex-preferred-size:20%;flex-basis:20%}.my-backpack-index .records-wrap .records>header>div:nth-of-type(2),.my-backpack-index .records-wrap .records .list .item>div:nth-of-type(2){-ms-flex-preferred-size:30%;flex-basis:30%;padding-left:10px;overflow:hidden;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.my-backpack-index .records-wrap .records>header>div:nth-of-type(2) span,.my-backpack-index .records-wrap .records .list .item>div:nth-of-type(2) span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.my-backpack-index .records-wrap .records>header>div:nth-of-type(3),.my-backpack-index .records-wrap .records .list .item>div:nth-of-type(3){-ms-flex-preferred-size:10%;flex-basis:10%}.my-backpack-index .records-wrap .records>header>div:nth-of-type(4),.my-backpack-index .records-wrap .records .list .item>div:nth-of-type(4){-ms-flex-preferred-size:15%;flex-basis:15%}.my-backpack-index .records-wrap .records>header>div:nth-of-type(5),.my-backpack-index .records-wrap .records .list .item>div:nth-of-type(5){-ms-flex-preferred-size:10%;flex-basis:10%}.my-backpack-index .records-wrap .records>header>div:nth-of-type(6),.my-backpack-index .records-wrap .records .list .item>div:nth-of-type(6){-ms-flex-preferred-size:15%;flex-basis:15%}.my-backpack-index .records-wrap .records>header{position:relative}.my-backpack-index .records-wrap .records>header .first-TH .comm-checkbox{position:absolute;left:0}.my-backpack-index .records-wrap .records>header div:nth-of-type(6){padding-left:16px}.my-backpack-index .records-wrap .records .item>div:nth-of-type(1){-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.my-backpack-index .records-wrap .records .item>div:nth-of-type(5){color:#ff6900}.my-backpack-index .records-wrap .records .item>div:nth-of-type(6){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.my-backpack-index .records-wrap .records .item>div.opt-box a{text-decoration:underline;margin-left:10px}.my-backpack-index .records-wrap .records .item>div.opt-box a:nth-of-type(1){color:#ff6900;margin-left:0}.my-backpack-index .records-wrap .records .item>div.opt-box a:nth-of-type(2){color:#2585e7}.my-backpack-index .records-wrap .no-data{height:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.my-backpack-index .records-wrap .tools{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #444a5c;padding:30px 0 10px}.my-backpack-index .records-wrap .tools .opt-all-box button{border-radius:5px;background-image:-webkit-gradient(linear, left bottom, left top, from(rgb(255, 105, 0)), to(rgb(255, 140, 60)));background-image:linear-gradient(to top, rgb(255, 105, 0) 0%, rgb(255, 140, 60) 100%);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.3);box-shadow:0 4px 8px 0 rgba(0,0,0,.3);padding:.7em 2.5em;color:#fff;font-size:14px;margin:0 15px 0 0;font-weight:bold}.my-backpack-index .records-wrap .tools .opt-all-box button:hover{opacity:.95}.my-backpack-index .records-wrap .tools .opt-all-box button.font-blue{background-image:-webkit-gradient(linear, left bottom, left top, from(#10a1ff), to(#54bbff));background-image:linear-gradient(to top, #10a1ff 0%, #54bbff 100%)}.my-backpack-index .records-wrap .tools .paginate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;color:#7a80a2;font-size:14px}.my-backpack-index .records-wrap .tools .paginate a{color:#7a80a2;-webkit-transition:color .1s linear;transition:color .1s linear;min-width:20px;text-align:center;padding:0 5px}.my-backpack-index .records-wrap .tools .paginate a:hover,.my-backpack-index .records-wrap .tools .paginate a.active{color:#2585e7}.my-backpack-index .records-wrap .tools .paginate a:nth-last-of-type(1){margin-right:10px}.my-backpack-index .records-wrap .tools .paginate input{text-align:center}.my-backpack-index .records-wrap .tools .paginate input[type=number]{width:60px}.my-backpack-index .records-wrap .tools .paginate button{width:50px;height:30px;margin-left:10px}