.App{width:100%;height:100%;position:relative;background-color:#f2f5f7;overflow-x:auto}.App .app-left-menu{position:absolute;left:0;height:100%;min-height:-webkit-max-content;min-height:-moz-max-content;min-height:max-content}.App .app-main{min-height:100%}.App .app-main .app-main-header{min-width:1120px}.App .app-main .app-main-content{width:100%;background-color:#f2f5f7}button{outline:none}.no-scroll{overflow:hidden}@media print{.no-print{display:none!important;height:0!important;width:0!important}.print{margin-left:0!important}.topic-data{display:none}}@media screen and (min-width:768px){.app-main{margin-left:80px;width:calc(100% - 80px)}}@media screen and (min-width:280px) and (max-width:768px){.app-main{width:100%}}.table-app tr:hover{background-color:#f7fafc}.table-app th{background-color:#f0f3f5;font-size:14px;font-weight:500;padding:5px}.table-app th span{border-left:1px solid #d7dadc;padding-left:8px;padding-top:3px;padding-bottom:3px;display:block;text-align:left;color:#0f2533}.table-app th:first-child span{border-left:none}.table-app td{font-size:13px;font-weight:400;padding-left:15px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #d7dadc}.table-app .position{font-size:12px;color:#222;border:1px solid #ccc;border-radius:2px;padding:0 3px;margin-right:5px}.dsa-select__container{width:100%;padding-right:15px;margin-right:15px}.dsa-select__control{width:100%!important;border:1px solid #d1d9de;height:30px}.dsa-select__placeholder{font-size:14px;color:rgba(34,34,34,.52)}.dsa-select__indicator-separator{background:none!important}.dsa-modal-wrapper{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.dsa-modal-wrapper .dsa-modal-title{font-size:16px;color:#0f2533;padding:24px 0}.dsa-modal-wrapper .dsa-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px;position:relative}.dsa-modal-wrapper .dsa-footer-topic{padding:8px 7px;text-align:right}.dsa-modal-wrapper .dsa-button-modal{margin-left:8px;border:none;background-color:#fff;border-radius:4px}.dsa-modal-wrapper .dsa-button,.dsa-modal-wrapper .dsa-button-modal{color:#0f2533;font-size:14px;padding:8px 12px;cursor:pointer;font-weight:500;outline:none}.dsa-modal-wrapper .dsa-button{background-color:#f2f5f7}.dsa-input,.dsa-modal-wrapper .dsa-button{border-radius:4px;border:1px solid #d1d9de}.dsa-input{width:100%;outline:none;padding:8px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.dsa-datepicker{background:#fff url(/img/action/today_24px.svg) 97% 50% no-repeat;border:1px solid #c4c4c4;border-radius:4px;height:36px;outline:none;font-size:14px;line-height:20px;padding-left:15px;width:140px}button{border:inherit}.dsa-badge{z-index:auto;min-width:20px;height:20px;padding:0 6px;color:#fff;font-weight:600;font-size:12px;white-space:nowrap;background:#74818a;border-radius:10px;box-shadow:0 0 0 1px #fff}.csv-download,.dsa-badge{line-height:20px;text-align:center}.csv-download{background:#fff;border:1px solid #d1d9de;border-radius:4px;font-weight:500;font-size:14px;color:#3d3df2;padding:6px 12px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.csv-download:hover{background:#eee}.csv-download:before{content:"";display:inline-block;width:30px;height:18px;position:relative;top:3px;left:-5px;background:url(/img/ic_download_svg.svg) 50% no-repeat}.nav{width:100%;align-items:center;display:flex;justify-content:space-between;height:60px;background-color:#ddd;background:#fff;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);position:relative;z-index:100}@media (max-width:767px){.nav{position:relative}}.nav ul{margin-bottom:0}.nav ul li{align-items:center;display:flex;justify-content:center}.nav ul li span.date{font-family:Noto Sans JP;font-style:normal;font-weight:400;font-size:12px;line-height:17px;text-align:right;color:#b3bfc7}.nav ul li .notification img{margin-right:32px;margin-left:32px;height:24px;cursor:pointer}.nav ul li .notification .items{margin-left:35px;color:#b3bfc7;font-size:12px;line-height:18px;position:relative;display:flex;align-items:center;justify-content:center;height:40px;width:40px}.nav ul li .notification .items:hover{background-color:#f0f3f5;border-radius:50%}.nav ul li .notification .ic_notification{position:absolute;top:5px;right:3px;width:16px;height:16px;border-radius:50%;background-color:#fa3e3e;color:#fff;font-size:9px;line-height:11px;display:flex;justify-content:center;align-items:center;font-family:Roboto;font-weight:700;cursor:pointer}.nav ul li .inquiry_text{display:contents}@media (max-width:938px){.nav ul li .inquiry_text{display:none}}.nav ul li .inquiry{padding:3px;margin-left:35px}.nav ul li .inquiry .items{display:flex;align-items:center}.nav ul li .inquiry:hover{background-color:#f0f3f5;border-radius:5px}.nav ul li span{margin-left:4px;font-family:Noto Sans JP;font-style:normal;font-weight:400;font-size:12px;line-height:17px;cursor:pointer;color:#6e7f8a}.nav ul li .logout{margin-right:24px;display:flex;align-items:center;margin-left:35px;padding:8px}.nav ul li .logout:hover{background-color:#f0f3f5;border-radius:5px}.nav ul li .logout img{width:18px;height:18px;cursor:pointer}.nav ul li .logout span{margin-left:4px;font-family:Noto Sans JP;font-style:normal;font-weight:400;font-size:12px;line-height:17px;cursor:pointer;color:#6e7f8a}.form-group{margin-bottom:0;margin-left:12px}.form-group span.form-control-feedback{position:absolute;z-index:2;display:block;width:36px;height:36px;line-height:36px;text-align:center;pointer-events:none;color:#aaa}.form-group input.form-control{padding-left:2.375rem;background:#e8ecef;border-radius:4px;width:480px;height:36px;max-height:unset;border:0}.search-autocomplete-dsa .dropdown{border-radius:0 0 4px 4px;background-color:#f2f5f7;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);position:absolute;max-height:400px;overflow:auto}.search-autocomplete-dsa .dropdown .items{height:40px;width:480px;display:flex;align-items:center}.search-autocomplete-dsa .dropdown .items span.form-control-feedback{height:20px;width:20px;margin-left:10px;position:unset;margin-right:12px;align-items:center;display:flex;justify-content:center}.search-autocomplete-dsa .dropdown .items img{height:20px;width:20px}.search-autocomplete-dsa .dropdown .items span.text{color:#0f2533;font-size:13px;margin-left:4px;margin-right:12px}.search-autocomplete-dsa .dropdown .items span.quantity{color:#74818a;font-size:13px}.search-autocomplete-dsa .dropdown .items:hover{background-color:#dfe6eb;cursor:pointer}.left-menu{height:100%}.left-menu .left-menus{width:80px;background:#0d2b40;height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:100%;align-items:center;display:flex;flex-direction:column}.left-menu .left-menus .content:not(:first-child){cursor:pointer}.left-menu .left-menus .content{width:80px;height:74px;flex-direction:column;align-items:center;display:flex;justify-content:center}.left-menu .left-menus .content:first-child{width:100%;display:flex;justify-content:center;align-items:center;height:88px;min-height:88px}.left-menu .left-menus .content .item{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap}.left-menu .left-menus .content .item:hover{background-color:hsla(0,0%,100%,.1);border-radius:50%}.left-menu .left-menus .content .item.active{width:100%;background-color:#253498}.left-menu .left-menus .content .item.active:hover{pointer-events:none;width:100%;border-radius:0}.left-menu .left-menus .content .item .icon{font-size:24px;display:flex;align-items:center;justify-content:center;height:40px;width:40px}.left-menu .left-menus .content .item .icon img{width:24px}.left-menu .left-menus .content .item .item-name{color:#fff;font-size:10px;font-weight:700;line-height:12px;text-align:justify}.left-menu .left-menus .content .notification .icon{position:relative}.left-menu .left-menus .content .notification div.ic-notification{position:absolute;top:4px;right:1px;width:16px;height:16px;border-radius:50%;background-color:#d50000;color:#fff;font-family:Roboto;font-size:10px;font-weight:700;letter-spacing:-1px;line-height:11px;text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center}.login{left:-80px;align-items:center;justify-content:center;background:#f2f5f7;position:relative;width:calc(100% + 80px);background-color:#fff;min-height:inherit;display:flex;padding:0 30px 0 0}.title-page{font-weight:900;font-size:20px;line-height:29px;text-align:center}.text-message{padding-bottom:20px;color:#444;font-size:12px;text-align:center}.title-login{line-height:24px;margin-bottom:100px}.title-login,.title-login-sp{font-size:37px;font-weight:700}.title-login-sp{line-height:37px;margin-top:30px;margin-bottom:50px}form.loginForm{width:333px;jistify-content:center;align-items:center;margin:0 auto 0 40px;padding:unset;border:none!important}form.loginForm .group{margin-bottom:1rem}form.loginForm .input-text{background:#fff;border:1px solid #d1d9de;border-radius:4px;height:55px;max-height:none;width:95%;padding:0 1rem;font-size:14px}form.loginForm .input-text::-webkit-input-placeholder{font-size:14px;line-height:17px;color:#999}form.loginForm .input-text:-ms-input-placeholder{font-size:14px;line-height:17px;color:#999}form.loginForm .input-text::-ms-input-placeholder{font-size:14px;line-height:17px;color:#999}form.loginForm .input-text::placeholder{font-size:14px;line-height:17px;color:#999}form.loginForm .notice{padding-top:4px}form.loginForm .md-checkbox-custom input{width:20px;height:20px}form.loginForm .md-checkbox-custom input:checked+label:after{width:10px;height:5px;top:2px}form.loginForm .md-checkbox-custom label{font-style:normal;font-weight:400;font-size:13px;line-height:22px;color:#222}form.loginForm .md-checkbox-custom label:before{width:18px;height:18px;top:3px}form.loginForm .button{box-shadow:0 1px 5px #111010;background:#3f46f3;color:#fff;cursor:pointer;border-radius:4px;width:95%;font-style:normal;font-weight:500;font-size:14px;line-height:20px;height:48px;border:none;opacity:1;text-transform:uppercase;-webkit-transition:all .3s;transition:all .3s}form.loginForm .button:hover{background:rgba(41,47,51,.92);box-shadow:0 4px 14px -2px rgba(0,0,0,.75)}.formErrors p{font-size:12px;color:#fa3e3e!important;line-height:14px}.loginForm-sp{width:290px}.loginimg{width:100%;max-width:100%;height:auto}@media screen and (min-width:1440px){.login_sp{display:none}}@media screen and (min-width:1024px) and (max-width:1440px){.login_sp{display:none}}@media screen and (min-width:768px) and (max-width:1024px){.login_sp{display:none}}@media screen and (min-width:280px) and (max-width:768px){.login{display:none}}.load{position:fixed;top:0;left:0;z-index:1060;width:100%;height:100%;overflow:hidden;outline:0;display:flex;justify-content:center;align-items:center;background-color:rgba(229,229,236,.3)}.load .loader,.load .loader:after,.load .loader:before{background:#47bab3;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:.7em;height:4em}.load .loader{color:#47bab3;text-indent:-9999em;margin:auto;position:relative;font-size:5px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.load .loader:after,.load .loader:before{position:absolute;top:0;content:""}.load .loader:after{left:1.5em}.load .loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:3em}40%{box-shadow:0 -2em;height:4em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:3em}40%{box-shadow:0 -2em;height:4em}}form.loginForm{max-width:500px;margin:0 auto;padding:10px;border:1px solid #ddd}.tooltips-dash{visibility:hidden;font-weight:300;font-size:15px!important;position:absolute;top:50px;left:168px;background-color:#fff;border:1px solid #fff;padding:15px;border-radius:2px;box-shadow:0 1px 4px 4px rgba(0,0,0,.3);z-index:2}@media (max-width:605px){.tooltips-dash{width:160px}}@media (max-width:402px){.tooltips-dash{width:120px}}@media (max-width:375px){.tooltips-dash{width:-webkit-min-content;width:-moz-min-content;width:min-content}}.wrap-dashboard{min-height:calc(100vh - 60px);min-width:1120px}.wrap-dashboard .title-dashboard{padding:22px 24px;font-size:20px;font-weight:700;box-shadow:0 1px 0 0 #d1d9de;position:relative;background-color:#fff}.wrap-dashboard .title-dashboard span{margin-left:10px}.wrap-dashboard .title-dashboard span:hover .tooltips-dash{visibility:visible;cursor:pointer}.wrap-dashboard .notice{cursor:pointer;height:48px;width:100%;background-color:#f2a230;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:14px 26px;font-size:14px;line-height:20px;font-weight:700}.wrap-dashboard .notice .img-notice{margin-right:20px;width:20px}.wrap-dashboard .notice p{height:20px;color:#fff;font-family:"Noto Sans JP Bold";font-size:14px;line-height:20px}.wrap-dashboard .body-dashboard{background-color:#f2f5f7;padding:24px 24px 100px}.wrap-dashboard .body-dashboard .head--tables{margin-bottom:16px;display:flex;justify-content:space-between}.wrap-dashboard .body-dashboard .head--tables-left{display:flex;align-items:center}.wrap-dashboard .body-dashboard .head--tables-left .title-span{margin-right:58px}.wrap-dashboard .body-dashboard .head--tables-left .title-span:first-child{font-size:18px;font-weight:700}.wrap-dashboard .body-dashboard .head--tables-left button{outline:none}.wrap-dashboard .body-dashboard .head--tables-left .date-button{background-color:#fff;border-radius:4px;border:1px solid #d1d9de;padding:7px 16px;margin-right:8px;font-size:14px;cursor:pointer}.wrap-dashboard .body-dashboard .head--tables-left .date-button:hover{background-color:#f2f5f7;border-color:#74818a}.wrap-dashboard .body-dashboard .head--tables-left>div{margin-left:18px}.wrap-dashboard .body-dashboard .head--tables-left .time-option{width:120px;background:#fff url(/img/action/today_24px.svg) 97% 50% no-repeat;border:1px solid #c4c4c4;border-radius:4px;height:36px;margin-left:18px;outline:none;font-size:14px;line-height:20px;letter-spacing:-1px;padding-left:12px}.wrap-dashboard .body-dashboard .head--tables-left .time-option::-webkit-inner-spin-button{display:none}.wrap-dashboard .body-dashboard .head--tables-left .time-option::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.wrap-dashboard .body-dashboard .head--tables-left .time-option::-webkit-clear-button{display:none}.wrap-dashboard .body-dashboard .head--tables-left .time-option::-ms-clear{display:none}.wrap-dashboard .body-dashboard .head--tables-right select.form-control{width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wrap-dashboard .body-dashboard .body--tables .link-double.link{text-decoration:none!important}.wrap-dashboard .body-dashboard .body--tables-middle,.wrap-dashboard .body-dashboard .body--tables-top{padding:7px 16px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.2);background-color:#fff;border-radius:4px;overflow:auto}.wrap-dashboard .body-dashboard .body--tables-middle thead tr th,.wrap-dashboard .body-dashboard .body--tables-top thead tr th{width:12%}.wrap-dashboard .body-dashboard .body--tables-middle tbody tr td:nth-child(5),.wrap-dashboard .body-dashboard .body--tables-top tbody tr td:nth-child(5){background-color:#f7fafc}.wrap-dashboard .body-dashboard .body--tables .title-win-lose{padding:16px 0;font-size:18px}.wrap-dashboard .body-dashboard .body--tables .title-win-lose+div{display:flex}.wrap-dashboard .body-dashboard .body--tables .title-win-lose+div>div{width:100%}.wrap-dashboard .body-dashboard .body--tables .title-win-lose+div>div:last-child{box-shadow:0 1px 3px rgba(0,0,0,.2)}.wrap-dashboard .body-dashboard .body--tables .wrap-win-lose{margin-right:16px}.wrap-dashboard .body-dashboard .body--tables .wrap-win-lose>div{margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:4px}.wrap-dashboard .body-dashboard .body--tables .wrap-win-lose>div:last-child{margin-bottom:0}.search{width:200px;margin-left:auto}.flex-table{display:flex;align-items:center}.justify-center-table{justify-content:center}.justify-left-table{justify-content:left}.title-align-left-box{margin-left:auto;margin-right:0}.d-block-table{display:block}.title-table{padding:18px 0;min-height:56px;display:flex;align-items:center}.title-table .title-circle{width:20px;height:20px;border-radius:50%;margin-right:8px}.title-table .title-text{font-size:16px;font-weight:700}.wrap-table{height:100%;background-color:#fff;border-radius:4px}.wrap-table::-webkit-scrollbar{height:.5rem}#myTable{width:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;border:1px solid #ddd;height:calc(100% - 56px)}#myTable tr{border-bottom:1px solid #ddd;text-align:center;background-color:#fff;line-height:26px;max-height:48px}#myTable tr.header{background-color:#f0f3f5}#myTable tr.headerSpan{height:32px}#myTable tr.headerSpan th{border-right:1px solid #d1d9de;padding:0}#myTable tr.headerSpan th span{color:#0f2533;font-size:12px;font-weight:700;line-height:14px;text-align:center;border:0}#myTable tr.headerSpan th:first-child span:last-child{border-left:1px solid red}#myTable tr td,#myTable tr th{padding:4px 0 4px 4px;font-size:12px;color:#0f2533}#myTable tr td:last-child,#myTable tr th:last-child,#myTable tr th:last-child span{border-right:0}#myTable tr:hover{background-color:#f7fafc;cursor:pointer}#myTable tr td div.link{color:#3d3df2;text-decoration:underline}#myTable tr td .link-double{display:flex;flex-direction:column}#myTable tr td .link-double span{line-height:17px}#myTable tr td .btn-group .dropdown-menu.show{display:block;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:4px}#myTable tr td.isIcon span{display:flex;align-items:center;justify-content:center}#myTable tr td.isIcon span img.icon{width:20px;height:20px;margin-right:6px}#myTable tr td.isIcon span.dot{height:8px;width:8px;border-radius:50%;margin-right:5px}#myTable tr td.isIcon span.dot.dot-red{background-color:#f53e3f}#myTable tr td.isIcon span.dot.dot-orange{background-color:#f2a12f}#myTable tr td.isIcon span.dot.dot-green{background-color:#44d98e}#myTable tr td.isIcon span.position{font-size:12px;color:#222;border:1px solid #ccc;border-radius:2px;line-height:14px;height:18px;margin-right:9px}#myTable tr td.check{align-items:center;display:flex;justify-content:center;height:100%}#myTable tr td.check .md-checkbox-custom{margin:unset!important;height:1.25rem;width:1.25rem}#myTable tr td .form-check-input,#myTable tr th .form-check-input{position:unset;margin-top:unset;margin-left:unset}#myTable tr.item-center{text-align:center}#myTable tr.item-left{text-align:left}.green-dot{background-color:#009a44}.blue-dot{background-color:#00a1e9}.pl-16{padding-left:16px}.th2{margin:4px}.span-th{width:100%;display:inline-block;border-right:1px solid #d1d9de}.w-4{width:40px}.dropdown-dot .overlay{display:block;width:100%;height:100%;background:none;box-shadow:none;position:fixed;z-index:1}.dropdown-dot div{position:absolute;right:0;display:flex;z-index:30;flex-direction:column;padding:5px 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.5);display:none}.dropdown-dot div button{position:relative;z-index:2;border:none;background-color:transparent;white-space:nowrap;cursor:pointer;padding:7px;display:block;width:100%}.dropdown-dot div button:hover{background-color:#f1f1f1}@media (max-width:1200px){.overflow-table-large{overflow-y:scroll!important}.overflow-table-large #myTable{min-width:1200px!important}.overflow-table-large::-webkit-scrollbar{height:2px!important}.overflow-table-small{width:100%;height:100%}.overflow-table-small #myTable{min-width:unset!important}}@media (min-width:1200px){.overflow-table-small{width:100%;height:100%}.overflow-table-small #myTable{min-width:unset!important}}nav{padding:16px 0}nav ul.pagination{margin-top:5px;margin-bottom:0;flex-wrap:wrap}nav ul.pagination,nav ul.pagination li{align-items:center;justify-content:center;display:flex}nav ul.pagination li{margin-right:8px;height:36px;min-width:36px;border-radius:4px!important;border-radius:4px;background:#fff;border:1px solid #d1d9de;box-sizing:border-box;padding:8px;margin-bottom:5px}nav ul.pagination li span{font-style:normal;font-weight:500;font-size:14px;line-height:20px}nav ul.pagination li:last-child{margin-right:0}nav ul.pagination li:hover{cursor:pointer}nav ul.pagination li.active{background-color:#3d3df2;color:#fff}nav ul.pagination li.disabled{pointer-events:none;opacity:.6}.rc-checkbox{width:38.5px;height:41px;vertical-align:unset;pointer-events:none}.rc-checkbox:hover{width:38.5px;height:41px}.rc-checkbox .rc-checkbox:hover,.rc-checkbox:hover{border-radius:50%;background-color:rgba(196,196,250,.1)}.rc-checkbox .rc-checkbox:hover{width:56px;top:-10px;left:-10px;height:56px}.rc-checkbox-inner{pointer-events:auto;left:-2px;width:23px;height:23px;margin:10px;border:1px solid #b0b9bf}.rc-checkbox-inner:after{left:7px;top:2px;width:5px;height:11px}.rc-checkbox-checked .rc-checkbox-inner{background-color:#3d3df2;border-color:#b0b9bf}.rc-checkbox-checked .rc-checkbox-inner:after{left:7px;top:2px;width:5px;height:11px}.rc-checkbox-checked:focus,.rc-checkbox-checked:hover{border-color:#c4c4fa}.rc-checkbox-input{pointer-events:auto;width:23px;height:23px;left:6px;top:7px}.rc-checkbox-input:hover{background-color:#c4c4fa;border-color:#c4c4fa}.rc-checkbox-input:focus+.rc-checkbox-inner,.rc-checkbox:hover .rc-checkbox-inner{border-color:#b0b9bf}input[type=checkbox][disabled]{border:none;opacity:1;top:7px;left:6px;-webkit-filter:brightness(1.3);filter:brightness(1.3)}.wrap-dashboard-team{min-width:1120px}.wrap-dashboard-team .title-dashboard{padding:22px 24px;font-size:20px;box-shadow:0 1px 0 0 #d1d9de;position:relative;background-color:#fff}.wrap-dashboard-team .title-dashboard span{margin-left:10px}.wrap-dashboard-team .title-dashboard span:hover .tooltips-dash{visibility:visible;cursor:pointer}.wrap-dashboard-team .tooltips-dashboard-team{visibility:hidden;font-weight:300;font-size:15px!important;position:absolute;top:50px;left:168px;background-color:#fff;border:1px solid #fff;padding:15px;border-radius:2px;box-shadow:0 1px 4px 4px rgba(0,0,0,.3);z-index:2}.wrap-dashboard-team .notice{cursor:pointer;background-color:#f2a230;padding:14px 26px;display:flex;font-weight:700}.wrap-dashboard-team .notice .img-notice{margin-right:20px;width:20px}.wrap-dashboard-team .notice p{height:20px;color:#fff;font-family:"Noto Sans JP Bold";font-size:14px;line-height:20px}.wrap-dashboard-team .body-dashboard{background-color:#f2f5f7;padding:24px 24px 100px}.wrap-dashboard-team .body-dashboard .head--tables{margin-bottom:16px;display:flex;justify-content:space-between}.wrap-dashboard-team .body-dashboard .head--tables-right select{font-size:14px;background-color:#fff;padding:7px 12px;border-radius:4px}.wrap-dashboard-team .body-dashboard .head--tables-left span{margin-right:46px;font-size:18px;font-weight:700}.wrap-dashboard-team .body-dashboard .head--tables-left button{font-size:14px;background-color:#fff;border-radius:4px;border:1px solid #d1d9de;padding:7px 16px;margin-right:8px}.wrap-dashboard-team .body-dashboard .head--tables-left>div{margin-left:18px}.wrap-dashboard-team .body-dashboard .head--tables-right .form-control{width:140px}.wrap-dashboard-team .body-dashboard .body--tables-middle,.wrap-dashboard-team .body-dashboard .body--tables-top{padding:0 16px 16px;margin-bottom:16px;box-shadow:0 1px 2px rgba(233,198,198,.2)}.wrap-dashboard-team .body-dashboard .body--tables .table-top{margin-bottom:24px}.wrap-dashboard-team .body-dashboard .body--tables .title-win-lose{padding:16px 0;font-size:18px}.wrap-dashboard-team .body-dashboard .body--tables .title-win-lose+div{display:flex}.wrap-dashboard-team .body-dashboard .body--tables .title-win-lose+div>div{width:50%}.wrap-dashboard-team .body-dashboard .body--tables .wrap-table-team{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:4px;margin-bottom:16px}.wrap-dashboard-team .body-dashboard .body--tables .wrap-table-team:last-child{margin-bottom:0}.wrap-dashboard-team .body-dashboard .body--tables .wrap-win-lose{margin-right:16px}.wrap-dashboard-team .body-dashboard .body--tables .wrap-win-lose+div>div{height:100%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.schedule-monthly{padding:15px;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.schedule-monthly table{text-align:center;border-spacing:0;width:100%;height:100%;border:1px solid #ddd;border-bottom:none!important}.schedule-monthly table thead tr th{height:32px;background-color:#f0f3f5;border-bottom:1px solid #ddd!important;font-size:12px;line-height:16px;color:#0f2533;position:relative;border-right:1px solid #ddd}.schedule-monthly table thead tr th:last-of-type{border-right:none!important}.schedule-monthly table tbody tr{background-color:#fff}.schedule-monthly table tbody tr td{height:72px;border-bottom:1px solid #ddd!important;font-size:12px;line-height:16px;border-right:1px solid #ddd}.schedule-monthly table tbody tr td:last-of-type{border-right:none!important}.schedule-monthly table tbody tr:last-of-type{border-bottom:none!important}.schedule-monthly table tbody tr .item{height:100%;width:100%;display:flex;flex-direction:column}.schedule-monthly table tbody tr .item .date{height:16px;width:100%;margin:4px 8px 0;text-align:left!important;color:#74818a;font-size:12px;font-weight:500;line-height:12px}.schedule-monthly table tbody tr .item .content{color:#0f2533;font-size:12px;line-height:14px;text-align:center}.schedule-monthly table tbody tr .item a{color:#3d3df2;text-decoration:underline}.dashboard-team-calendar{background:#fff;padding:15px}.dashboard-team-calendar .dashboard-team-calendar-wrapper{border-left:1px solid #d1d9de;border-top:1px solid #d1d9de}.dashboard-team-calendar .dashboard-team-calendar-wrapper .header-team-calendar{display:flex}.dashboard-team-calendar .dashboard-team-calendar-wrapper .header-team-calendar-item{padding:8px 10px;background:#f7fafc;width:14.28571%;text-align:center;border-right:1px solid #d1d9de;border-bottom:1px solid #d1d9de;font-weight:500;font-size:13px}.dashboard-team-calendar .dashboard-team-calendar-wrapper .body-team-calendar-wrapper{display:flex;flex-wrap:wrap}.dashboard-team-calendar .dashboard-team-calendar-wrapper .body-team-calendar-item{padding:8px 10px;height:72px;background:#fff;width:14.28571%;border-right:1px solid #d1d9de;border-bottom:1px solid #d1d9de}.dashboard-team-calendar .dashboard-team-calendar-wrapper .body-team-calendar-item .date-name{color:#74818a;font-size:12px;font-weight:500}.dashboard-team-calendar .dashboard-team-calendar-wrapper .body-team-calendar-item .content-calendar{line-height:17px;padding:0;text-align:center;font-size:12px;color:#0f2533;cursor:pointer}.dashboard-team-calendar .dashboard-team-calendar-wrapper .calendar-item-link{color:#3d3df2!important}.wrap-dashboard-topic .title--dashboard{background-color:#fff;padding:14px 24px;box-shadow:2px 1px 2px #d1d9de;height:63px}.wrap-dashboard-topic .title--dashboard h1{font-size:20px;color:#0f2533}.wrap-dashboard-topic .title--dashboard-right .search-topic{height:33px;margin-right:15px}.wrap-dashboard-topic .title--dashboard-right .search-topic input{background-color:#e8ecef;border:none;border-radius:16px;height:100%;padding:15px}.wrap-dashboard-topic .title--dashboard-right .add-topic{position:relative}.wrap-dashboard-topic .title--dashboard-right .add-topic:before{content:"+";color:#fff;position:absolute;top:7px;left:16px;font-weight:700;font-size:1.5rem}.wrap-dashboard-topic .title--dashboard-right .add-topic i{font-family:"Font Awesome Free 5";font-weight:700}.wrap-dashboard-topic .title--dashboard-right .add-topic button{background-color:#3d3df2;padding-left:43px;color:#fff}.wrap-dashboard-topic .body--tables{height:calc(100vh - 123px);padding:24px;background-color:#f2f2f2}.admin-delivery{min-height:1024px;display:flex;justify-content:flex-start;min-width:1120px}.admin-delivery .tag-item{cursor:pointer;padding:5px 10px;border-radius:15px;background-color:#e8ecef;color:#444;font-size:14px;margin-bottom:8px;margin-right:8px}.admin-delivery .delivery{box-shadow:0 1px 8px 0 rgba(0,0,0,.3);width:45%}.admin-delivery .delivery .title{height:64px;background-color:#fff;font-size:20px;color:#0f2533;padding:0 24px;align-items:center;display:flex;justify-content:space-between;position:relative;box-shadow:0 1px 0 0 #d1d9de}.admin-delivery .delivery .title .search{margin-right:12px;position:relative}.admin-delivery .delivery .title .search input{background-color:#f2f5f7;border:1px solid #d1d9de;border-radius:16px;padding:0 14px;width:100%;height:29px}.admin-delivery .delivery .title .search input:focus{outline:none}.admin-delivery .delivery .title .search img{right:9px;top:5px;width:20px;position:absolute}.admin-delivery .delivery .title .add{position:relative}.admin-delivery .delivery .title .add:before{content:"+";color:#fff;position:absolute;top:4px;left:10px;font-weight:700;font-size:1.5rem}.admin-delivery .delivery .title .add button{background-color:#3d3df2;color:#fff;font-size:14px;border-radius:4px;border:none;padding:7px 8px 7px 28px}.admin-delivery .delivery .delivery-table{background:#f2f5f7;padding:24px}.admin-delivery .delivery .delivery-table .table-wrapper{background:#fff;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.15)}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace{border-radius:4px 4px 0 0;border-bottom:1px solid #d1d9de;width:100%}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace{cursor:pointer}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace:hover{background-color:#f0f3f5}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace:last-child td>div:first-child{border-bottom:none}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper{padding:0 16px 0 24px;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;flex-direction:column}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper>div:first-child{padding:16px 0;width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #d1d9de}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper>div:first-child>div:first-child{display:flex;justify-content:space-between}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper>div:first-child>div:first-child>div:first-child{display:flex;justify-content:flex-start}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper .oval-gray{background-color:#74818a;width:16px;height:16px;border-radius:50%;font-size:12px;font-weight:700;line-height:18px;display:flex;justify-content:center;align-items:center;color:#fff}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper .note-dot{position:absolute;left:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:8px;border-radius:999px;display:inline-block;background-color:#fa3e3e}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper .date{font-size:11px!important;line-height:17px!important;color:#999!important}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper .date>div:first-child{margin-bottom:3px;white-space:nowrap;align-items:center;display:flex;justify-content:flex-end}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper .date button{font-size:10px;margin-left:auto;display:block;background-color:#b0b9bf;color:#fff;border:none;border-radius:4px;padding:5px 8px}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper:not(.none-border):after{content:"";width:100%;height:1px;display:block;margin-left:24px;border-bottom:1px solid #d1d9de}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper .info{height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:14px;font-weight:500;line-height:20px;color:#222!important}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper .info>div:first-child{display:flex;width:100%;margin-bottom:9px}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper .info h4{font-size:14px;margin-right:5px}.admin-delivery .delivery .delivery-table .table-wrapper .list-workspace .container-workspace .delevery-item-wrapper .info p{font-size:12px}.admin-delivery .delivery .delivery-table .table-wrapper .pagination{height:auto;font-size:14px;border-radius:0 0 4px 4px}.admin-delivery .wrap-work-space-admin{position:relative;width:58%;background-color:#fff;box-shadow:0 1px 8px 0 rgba(0,0,0,.3)}.admin-delivery .wrap-work-space-admin input:focus,.admin-delivery .wrap-work-space-admin textarea:focus{outline:none}.admin-delivery .work-space{padding-left:20px;padding-right:20px}.admin-delivery .work-space .title{padding:16px 0;display:flex;justify-content:space-between;align-items:center}.admin-delivery .work-space .title .content{border-bottom:1px solid #ccc;padding:13px 0;width:70%}.admin-delivery .work-space .title .content input{width:100%;height:100%;border:none;color:#222;font-size:20px;font-weight:700;line-height:20px}.admin-delivery .work-space .title .content input::-webkit-input-placeholder{color:#222}.admin-delivery .work-space .title .content input:-ms-input-placeholder{color:#222}.admin-delivery .work-space .title .content input::-ms-input-placeholder{color:#222}.admin-delivery .work-space .title .content input::placeholder{color:#222}.admin-delivery .work-space .title .date{font-size:11px;line-height:17px;color:#999}.admin-delivery .work-space .title .date .delivery-date{font-size:12px}.admin-delivery .work-space .title .date .delivery-date,.admin-delivery .work-space .title .date .last-update-date{display:flex;justify-content:flex-end;align-items:center}.admin-delivery .work-space .note-space{height:80px;background-color:#e8ecef;border-radius:4px;font-size:14px;line-height:20px;color:#444;padding:12px}.admin-delivery .work-space .note-space textarea{width:100%;height:100%;background-color:transparent;border:none}.admin-delivery .work-space .wrapper-table{margin-top:23px;box-shadow:none!important}.admin-delivery .work-space .wrapper-table .but-drop{margin-top:16px;text-align:center}.admin-delivery .work-space-action{border-top:1px solid #d1d9de;padding:20px;bottom:0;width:54%;position:fixed;background-color:#fff}.admin-delivery .work-space-action>div:nth-child(2) input::-webkit-input-placeholder{font-size:14px}.admin-delivery .work-space-action>div:nth-child(2) input:-ms-input-placeholder{font-size:14px}.admin-delivery .work-space-action>div:nth-child(2) input::-ms-input-placeholder{font-size:14px}.admin-delivery .work-space-action>div:nth-child(2) input::placeholder{font-size:14px}.admin-delivery .work-space-action>div:nth-child(2) input{border:1px solid #d1d9de;box-sizing:border-box;border-radius:4px;width:100%;padding:10px 12px}.admin-delivery .work-space-action .name-customer{margin-bottom:8px;align-items:center;display:flex;justify-content:flex-start;flex-wrap:wrap}.admin-delivery .work-space-action .name-customer div{display:flex;align-items:center;justify-content:space-between;padding:6px;background-color:#e8ecef;border-radius:16px;margin-left:8px}.admin-delivery .work-space-action .name-customer div img{margin-left:10px;cursor:pointer}.admin-delivery .work-space-action .item-search-wp{position:relative}.admin-delivery .work-space-action .item-search-wp .search{position:absolute;bottom:43px;display:none;width:100%;background-color:#fff;z-index:20;border:1px solid #d1d9de;border-radius:4px;margin-bottom:3px;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:300px;overflow-y:scroll}.admin-delivery .work-space-action .item-search-wp .search .item{padding:10px}.admin-delivery .work-space-action .item-search-wp .search .item:hover{background-color:grey;cursor:pointer}.admin-delivery .work-space-action .item-search-wp .d-none{display:none}.admin-delivery .work-space-action .item-search-wp .d-block{display:block}.admin-delivery .work-space-action .item-search-wp .message{color:red;margin-bottom:8px}.admin-delivery .work-space-action .item-search-wp input:focus{outline:none}.admin-delivery .work-space-action>div:last-child{margin-top:16px;align-items:center;display:flex;justify-content:space-between}.admin-delivery .work-space-action .export{align-items:center;display:flex;justify-content:flex-end}.admin-delivery .work-space-action .export label{font-size:12px}.admin-delivery .work-space-action .export div{margin-left:25px;padding:8px;background-color:#3d3df2;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;align-items:center;display:flex;justify-content:space-between}.admin-delivery .work-space-action .export div img{margin-right:12px}.admin-delivery .work-space-action .delete{color:#fa3e3e;font-size:14px;padding-left:14px;display:flex;align-items:center;cursor:pointer}.admin-delivery .work-space-action .delete img{margin-right:5px}.admin-delivery .work-space-action-csv{border-top:1px solid #d1d9de;padding:20px;bottom:180px;width:54%;position:fixed;background-color:#fff}.admin-delivery .work-space-action-csv .justify-content-between>div>div{display:inline-block;padding:4px 6px}.admin-delivery .work-space-action-csv>div:last-child{margin-top:4px;align-items:center;display:flex;justify-content:space-between}.admin-delivery #file_upload{display:none}.admin-delivery #file_upload_label{padding:8px;background-color:#3d3df2;border-radius:4px;color:#fff;font-size:14px;text-align:center;cursor:pointer;white-space:nowrap}.admin-delivery #file_upload_label>img{margin:0 4px 2px}.wrap-workspace{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-workspace .workspace{padding:24px 24px 72px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);max-width:480px;position:relative}.wrap-workspace .workspace h4{font-size:16px;color:#0f2533}.wrap-workspace .workspace .item-workspace .item{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px 0 0}.wrap-workspace .workspace .item-workspace .item span{cursor:pointer;padding:11px;border-radius:16px;background-color:#e8ecef;color:#444;font-size:14px;margin-bottom:8px;margin-right:8px}.wrap-workspace .workspace .item-workspace .item span:hover{background-color:grey}.wrap-workspace .workspace .item-customer{display:flex;flex-direction:row;flex-wrap:wrap;max-height:200px;overflow-y:scroll}.wrap-workspace .workspace .item-customer .item{cursor:pointer;margin-bottom:5px}.wrap-workspace .workspace .item-customer .item:hover{background-color:grey}.wrap-workspace .workspace .list-search-customer{max-height:200px;overflow-y:scroll}.wrap-workspace .workspace .list-search-customer .item{padding:10px 5px;cursor:pointer}.wrap-workspace .workspace .list-search-customer .item:hover{background-color:grey}.wrap-workspace .workspace .message{color:red}.wrap-workspace .workspace input:nth-child(2){margin:24px 0}.wrap-workspace .workspace input:nth-child(4){margin-bottom:16px}.wrap-workspace .workspace>div:nth-child(5)>div{display:flex;flex-wrap:wrap;justify-content:flex-start}.wrap-workspace .workspace>div:nth-child(5)>div span{padding:11px;border-radius:16px;background-color:#e8ecef;color:#444;font-size:14px;margin-bottom:8px;margin-right:8px}.wrap-workspace .workspace>div:nth-child(5) p{color:#222;font-size:14px;margin-bottom:8px}.wrap-workspace .workspace input[type=text]{padding:12px;border-radius:4px;border:1px solid #d1d9de;width:100%;margin-bottom:1rem}.wrap-workspace .workspace input[type=text]::-webkit-input-placeholder{font-size:14px;color:#999}.wrap-workspace .workspace input[type=text]:-ms-input-placeholder{font-size:14px;color:#999}.wrap-workspace .workspace input[type=text]::-ms-input-placeholder{font-size:14px;color:#999}.wrap-workspace .workspace input[type=text]::placeholder{font-size:14px;color:#999}.wrap-workspace .workspace>div:nth-child(3){display:flex;margin-bottom:8px}.wrap-workspace .workspace>div:nth-child(3)>div{margin-right:8px;display:flex;align-items:center;justify-content:space-between;padding:6px;background-color:#e8ecef;border-radius:16px}.wrap-workspace .workspace>div:nth-child(3)>div img{margin-left:10px}.wrap-workspace .workspace>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-workspace .workspace>div:last-child button{font-size:14px;color:#0f2533;padding:8px 12px;background-color:#fff;margin-left:8px;border-radius:8px;cursor:pointer;border:none;font-weight:500}.wrap-copy-topic .copy-topic>div ul{padding:0!important}.wrap-copy-topic .copy-topic>div ul li{padding:16px 24px!important}.wrap-copy-topic .copy-topic>div ul li:hover{background-color:#f7fafc}.wrap-copy-topic .copy-topic>div ul li.active{background-color:grey}.wrap-copy-topic .copy-topic>div:last-child button{font-weight:500}.wrap-mytopic-delete{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-mytopic-delete .mytopic-delete{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 80px;position:relative}.wrap-mytopic-delete .mytopic-delete h4{font-size:16px;color:#0f2533}.wrap-mytopic-delete .mytopic-delete p{margin:24px 0;font-size:14px;color:#74818a}.wrap-mytopic-delete .mytopic-delete>div:nth-child(3) div{margin-bottom:8px}.wrap-mytopic-delete .mytopic-delete>div:nth-child(3) label,.wrap-mytopic-delete .mytopic-delete>div:nth-child(3) span{font-size:14px;color:#0f2533}.wrap-mytopic-delete .mytopic-delete>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-mytopic-delete .mytopic-delete>div:last-child button{padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;border:none;font-size:14px;font-weight:500;color:#0f2533}.wrap-mytopic-delete .mytopic-delete>div:last-child button:last-child{color:red}.wrap-workspace-delete{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-workspace-delete .workspace-delete{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:280px;padding:24px 24px 80px;position:relative}.wrap-workspace-delete .workspace-delete h4{font-size:16px;color:#0f2533}.wrap-workspace-delete .workspace-delete p{margin:24px 0;font-size:14px;color:#74818a}.wrap-workspace-delete .workspace-delete>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-workspace-delete .workspace-delete>div:last-child button{padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;border:none;font-size:14px;font-weight:500;color:#0f2533}.wrap-workspace-delete .workspace-delete>div:last-child button:last-child{color:red}.delivery-sent{-webkit-animation:toast 4.4s ease;animation:toast 4.4s ease;position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;justify-content:center;align-items:flex-end}.delivery-sent button{margin-bottom:2rem;color:#fff;background-color:#3d3df2;border-radius:4px;padding:22px 16px;border:none;cursor:pointer}.toast-btn-sent-none{display:none}@-webkit-keyframes toast{0%{opacity:1}89%{opacity:1}to{opacity:0}}@keyframes toast{0%{opacity:1}89%{opacity:1}to{opacity:0}}.content{display:inline-block}.content .button-custom{cursor:pointer;height:36px;border-radius:4px;background-color:#3d3df2;box-shadow:0 2px 3px 0 rgba(0,0,0,.3);align-items:center;display:flex;justify-content:center;position:relative;padding:0 15px}.content .button-custom .img{height:24px;width:24px;align-items:center;display:flex;justify-content:flex-start}.content .button-custom .img img{height:12px;width:12px}.content .button-custom span{font-style:normal;font-weight:500;font-size:14px;line-height:20px;text-align:center;color:#fff}.content .button-custom>div:last-child{position:absolute;top:36px;background-color:#fff;left:0;padding:8px 0;box-shadow:0 2px 8px rgba(0,0,0,.5)}.content .button-custom>div:last-child button{width:100%;border:none;background-color:transparent;cursor:pointer;-webkit-transition:.5s;transition:.5s;color:#222;padding:12px 0}.content .button-custom>div:last-child button:hover{background-color:#f7fafc}#dropdown-hidden{display:none;z-index:10}.wrap-my-topic{background-color:#f2f5f7;height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:calc(100vh - 60px);min-width:1120px}.wrap-my-topic .message-error{color:red;text-align:center}.wrap-my-topic .more-button-action{padding:5px;cursor:pointer}.wrap-my-topic .btn-add-topic{cursor:pointer;height:36px;border-radius:4px;background-color:#3d3df2;box-shadow:0 2px 3px 0 rgba(0,0,0,.3);position:relative;padding:0 15px;font-style:normal;font-weight:500;font-size:14px;line-height:20px;text-align:center;color:#fff}.wrap-my-topic .btn-add-topic img{margin-right:5px}.wrap-my-topic .tooltips,.wrap-my-topic .tooltips-my-topic{visibility:hidden;width:500px;font-weight:300;font-size:15px!important;position:absolute;top:115px;left:217px;background-color:#fff;border:1px solid #fff;padding:15px;border-radius:2px;box-shadow:0 1px 4px 4px rgba(0,0,0,.3);z-index:2}@media (max-width:715px){.wrap-my-topic .tooltips-my-topic{width:200px}}@media (max-width:418px){.wrap-my-topic .tooltips-my-topic{width:150px}}@media (max-width:351px){.wrap-my-topic .tooltips-my-topic{width:90px}}.wrap-my-topic .title-my-topic{height:64px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#fff;box-shadow:0 1px 0 0 #d1d9de}.wrap-my-topic .title-my-topic h1{color:#0f2533;font-size:20px}.wrap-my-topic .title-my-topic h1 span{margin-left:10px}.wrap-my-topic .title-my-topic h1 span:hover .tooltips-my-topic{visibility:visible;cursor:pointer}.wrap-my-topic .title-my-topic .title-right{display:flex;align-items:center}.wrap-my-topic .title-my-topic .title-right .search{margin-right:12px;position:relative}.wrap-my-topic .title-my-topic .title-right .search input{background-color:#f2f5f7;border:1px solid #d1d9de;border-radius:16px;padding:0 14px;width:100%;height:29px}.wrap-my-topic .title-my-topic .title-right .search img{right:7px;top:4px;width:23px;position:absolute}.wrap-my-topic .content-my-topic{padding:24px}.wrap-my-topic .content-my-topic .content-my-topic-container{box-shadow:0 1px 3px 0 rgba(15,37,51,.25);border-radius:4px;background:#fff}.wrap-my-topic .content-my-topic .table-my-topic tr:hover{background-color:#f7fafc;cursor:pointer}.wrap-my-topic .content-my-topic .table-my-topic th{background-color:#f0f3f5;font-size:14px;font-weight:500;padding:5px}.wrap-my-topic .content-my-topic .table-my-topic th span{border-left:1px solid #d7dadc;padding-left:8px;padding-top:3px;padding-bottom:3px;display:block;text-align:left;color:#0f2533}.wrap-my-topic .content-my-topic .table-my-topic th:first-child span{border-left:none}.wrap-my-topic .content-my-topic .table-my-topic td{font-size:13px;font-weight:400;padding-left:15px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #d7dadc}.wrap-add-workspace .topic-add-workspace{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;position:relative}.wrap-add-workspace .topic-add-workspace h4{padding:24px;font-size:16px;color:#0f2533;border-bottom:1px solid #d1d9de}.wrap-add-workspace .topic-add-workspace ul{max-height:265px;overflow:auto}.wrap-add-workspace .topic-add-workspace ul li{padding:17px 24px;font-size:14px;color:#222;cursor:pointer}.wrap-add-workspace .topic-add-workspace ul li:hover{background-color:#f7fafc}.wrap-add-workspace .topic-add-workspace ul li.active{background-color:#f2f5f7}.wrap-add-workspace .topic-add-workspace>div{padding:8px 7px;border-top:1px solid #d1d9de;text-align:right}.wrap-add-workspace .topic-add-workspace>div button{margin-left:8px;border:none;background-color:#fff;border-radius:4px;color:#0f2533;font-size:14px;padding:8px 12px;cursor:pointer;font-weight:500}.dropdown_displayNone__1UOCB{display:none}.dropdown_imageWrapper__KLtZx{width:24px;height:24px}.dropdown_dropdown__2Z72V{font-size:14px;color:#222;border:1px solid #d1d9de;border-radius:4px;padding:11px;background:url(/img/ic_arrow_down1.svg) 99%/28px no-repeat #fff;-webkit-appearance:none;position:relative;cursor:pointer;width:100%}.dropdown_dropdownMenu__QCQo2{position:absolute;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1);margin-bottom:8px;margin-top:8px;width:100%!important;top:34px;left:0;z-index:100;max-height:320px;box-sizing:border-box;overflow:auto;display:none!important}.dropdown_dropdownPositionRight__3WIxT{right:0;top:20px;left:inherit;width:200px!important}.dropdown_dropdownTitle__AbksV{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:rgba(34,34,34,.6);width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown_dropdownMenuItem__8dcsC{display:flex;width:100%!important;justify-content:space-between;padding:12px;cursor:pointer;align-items:center;line-height:16px}.dropdown_blockSuggest__L-nbG{width:200px!important}.dropdown_displayBlock__vUtV2{display:block!important}.dropdown_dropdownMenuItem__8dcsC:hover{background:#e8ecef}.modal_active__OyTDp{background-color:#e6e5e5!important}.modal_dateButton__1GzY3{background:#fff;border:1px solid #d1d9de;padding:8px 15px;border-radius:5px;margin-left:10px;outline:none;cursor:pointer}.modal_dateWrapper__3lks-{display:flex;flex-wrap:wrap;padding-right:20px}.modal_dateWrapper__3lks- :hover{background-color:#f2f5f7;border-color:#74818a}.modal_topicLoading__1CXo6{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;top:0}.modal_footerTopic__11HB-{margin-top:15px;padding:8px 7px;text-align:right}.modal_tab__QrEd7{padding:10px;cursor:pointer;border-bottom:4px solid #fff}.modal_tab__QrEd7:hover{background-color:#f0f3f5}.modal_tabActive__1pR2J{color:#3d3df2;border-bottom:4px solid #3d3df2}.modal_tabActive__1pR2J:hover{background-color:#fff}.modal_buttonModal__2x7sH{margin-left:8px;border:none;background-color:#fff;border-radius:4px;color:#0f2533;font-size:14px;padding:8px 12px;cursor:pointer;font-weight:500;outline:none}.modal_modalWrapper__3DE_m{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.modal_modalContent__165yi{width:480px}.modal_modalContent__165yi,.modal_modalContentGame__3bNe5{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);padding:24px;position:relative}.modal_modalContentGame__3bNe5{width:1180px}.modal_modalTitle__1eF_t{font-size:16px;color:#0f2533;padding:24px 0}.modal_teamWrapper__1ZaUI{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;position:relative;min-height:320px}.modal_copyTopicWorkspaceWrapper__3HKpT{position:relative;padding:0;min-height:320px}.modal_copyTopicItem__3Vj92{padding:16px 24px!important;cursor:pointer}.modal_copyTopicItem__3Vj92:hover{background-color:#f7fafc}.modal_copyTopicItemActive__16if3{background-color:#e6e5e5}.modal_teamItem__2EPJD{width:50%;padding:15px;cursor:pointer;line-height:18px}.modal_inputWrapper__BjaYO{background-color:#eee;border-radius:4px;border:none;display:flex;align-items:center}.modal_inputWrapper__BjaYO img{margin-right:8px}.modal_inputSearch__1AKcr{padding:9px;outline:none;border:none;width:100%;font-size:15px;background:transparent}.modal_inputSearch__1AKcr::-webkit-input-placeholder{font-size:15px}.modal_inputSearch__1AKcr:-ms-input-placeholder{font-size:15px}.modal_inputSearch__1AKcr::-ms-input-placeholder{font-size:15px}.modal_inputSearch__1AKcr::placeholder{font-size:15px}.modal_inputEdit__3ihPb{border:1px solid #eee;border-radius:4px;padding:9px;outline:none;width:100%;font-size:14px}.modal_message__cOz9a{color:red;text-align:center}.modal_suggestionList__3cfF7{overflow:auto;max-height:320px}.modal_suggestionItem__BVI9p{padding:20px 8px;font-size:14px;color:#222;cursor:pointer}.modal_topicGameDateWrapper__Sx-2m{display:flex;align-items:center}.modal_tableHeader__Jd1S1{background-color:#f0f3f5;font-size:14px;font-weight:500;padding:5px}.modal_tableHeader__Jd1S1 span{border-left:1px solid #d7dadc;padding-left:8px;padding-top:3px;padding-bottom:3px;display:block;text-align:left;color:#0f2533}.modal_tableHeader__Jd1S1 span:first-child{border-left:none}.modal_tableBodyTr__g4Gba{font-size:13px;font-weight:400;padding-left:15px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #d7dadc}.modal_cursorPointer__4USXz{cursor:pointer}.modal_link__1Nzmi{color:#3d3df2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:133px}.modal_topicChooseGameTable__3SmW3{display:flex;justify-content:center;flex-wrap:wrap;position:relative;min-height:300px;margin-top:30px}.admin-delivery-list-topic thead tr{border:1px solid #d7dadc;background:#f0f3f5}.admin-delivery-list-topic th{background-color:#f0f3f5;font-size:14px;font-weight:500;padding:5px}.admin-delivery-list-topic th span{border-left:1px solid #d7dadc;padding-left:8px;padding-top:3px;padding-bottom:3px;display:block;text-align:left;color:#0f2533}.admin-delivery-list-topic th:first-child span{border-left:none}.admin-delivery-list-topic td{font-size:13px;font-weight:400;padding-left:15px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #d7dadc}.admin-delivery-list-topic .more-button-action{padding:12px 0;cursor:pointer}.admin-delivery-list-topic .position{font-size:12px;color:#222;border:1px solid #ccc;border-radius:2px;padding:0 3px;margin-right:5px}.admin-news{min-height:calc(100vh - 60px);height:-webkit-max-content;height:-moz-max-content;height:max-content;background-color:#f2f5f7;min-width:1120px}.admin-news .block-title{height:64px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-shadow:0 1px 0 0 #d1d9de;position:relative}.admin-news .block-title__text--main{padding-left:0;font-size:20px;color:#0f2533;font-weight:700}.admin-news .block-title__control{width:-webkit-max-content;width:-moz-max-content;width:max-content}.admin-news .block-title__control .searchbox{width:200px;height:32px;border:1px solid #d1d9de;border-radius:16px;font-size:14px;color:#222;padding:7px 12px;background:url(/img/action/ic_search_svg.svg) 95% no-repeat;margin-right:10px}.admin-news .block-title__control .button{background:#3d3df2;border-radius:4px;font-weight:500;font-size:14px;border:none;color:#fff;padding:8px 14px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.admin-news .block-title__control .button:hover{background:#5454e3}.admin-news .block-title__control .button:before{content:"";display:inline-block;background:url(/img/ic_add_svg.svg) 0 no-repeat;width:25px;height:12px}.admin-news .block-content .wrapper{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px}.admin-news .block-content .wrapper nav{padding:1rem}.admin-news .block-content .wrapper .pagination{padding:0}.admin-news .block-content .wrapper .wrap-table{padding:0!important}.admin-news .block-content .wrapper .wrap-table #myTable{margin-top:0}.admin-news .block-content .wrapper .wrap-table #myTable .span-th{text-align:left}.admin-news .block-content .wrapper .wrap-table #myTable .justify-center-table{justify-content:left}.admin-news .block-content .wrapper .wrap-table #myTable th:first-child .span-th{padding-left:1rem}.admin-news .block-content .wrapper .wrap-table #myTable .justify-content-center{justify-content:left!important}.admin-news .block-content .wrapper .wrap-table #myTable tr td{height:48px}.admin-news .block-content .wrapper .wrap-table #myTable tr td:first-child{padding-left:20px}.admin-news .block-content .wrapper .wrap-table #myTable tr td:last-child{width:56px}.admin-news .dropdown-dot .dropdown-menu{right:1rem}.admin-news .dropdown-dot div button{width:130px;height:40px;text-align:left;padding:0 1rem;font-size:14px;color:#222}.admin-news .dropdown-dot img{padding:10px 15px 0}.wrap-news-delete{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-news-delete .news-delete{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 80px;position:relative}.wrap-news-delete .news-delete h4{font-size:16px;color:#0f2533}.wrap-news-delete .news-delete p{margin:24px 0;font-size:14px;color:#74818a}.wrap-news-delete .news-delete>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-news-delete .news-delete>div:last-child button{padding:8px 12px;border-radius:4px;border:none;cursor:pointer;background-color:#fff;margin-left:8px;font-size:14px}.wrap-news-delete .news-delete>div:last-child button:nth-child(2){color:red}.news{min-height:calc(100vh - 60px);background-color:#f2f5f7}.news .block-title{height:64px;width:100%;background-color:#fff;display:flex;align-items:center;padding:0 1.5rem}.news .block-title img{width:24px;height:24px;cursor:pointer;margin-right:20px}.news .block-title__text--main{color:#0f2533;font-size:20px;font-weight:700}.news .block-content{display:flex;justify-content:space-between}.news .block-content .left,.news .block-content .right .right-bottom,.news .block-content .right .right-top{display:block;width:54.5%;padding:1rem;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.news .block-content .left .textarea,.news .block-content .right .right-bottom .textarea,.news .block-content .right .right-top .textarea{height:480px;width:100%;padding:10px;border:1px solid #d1d9de;border-radius:2px;background-color:#f2f5f7;resize:none}.news .block-content .right{display:block;width:calc(45.5% - 24px)}.news .block-content .right .right-top{width:100%}.news .block-content .right .right-top>div:last-child{position:relative}.news .block-content .right .right-top>div:last-child #list-company-search{position:absolute;padding:10px 0;z-index:1;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);border-radius:4px;width:100%}.news .block-content .right .right-top>div:last-child #list-company-search li{color:#0f2533;cursor:pointer;padding:10px}.news .block-content .right .right-top>div:last-child #list-company-search li:hover{background-color:#d2d5d7}.news .block-content .right .right-top .form-group{margin-left:0}.news .block-content .right .right-top .form-group .fa-search{display:none}.news .block-content .right .right-top .form-group input.form-control{height:48px;width:100%;border:1px solid #d1d9de;border-radius:4px;background-color:#fff;padding:.5rem}.news .block-content .right .right-top .form-group .dropdown{padding:.5rem;width:100%;background-color:#fff}.news .block-content .right .right-top .form-group .dropdown .items{width:100%;border-radius:2px;padding:6px 14px}.news .block-content .right .right-top .form-group .dropdown .items:hover{background-color:#f0f3f5}.news .block-content .right .right-bottom{width:100%;margin-top:1rem}.news .block-content .right .right-bottom .no-border{padding-bottom:0;border-bottom:none}.news .block-content .right .right-bottom .form-date{display:flex;align-items:center}.news .block-content .right .right-bottom .form-date .time-option{width:135px;background:#fff url(/img/action/today_24px.svg) 97% 50% no-repeat;border:1px solid #c4c4c4;border-radius:4px;height:36px;outline:none;font-size:14px;line-height:20px;letter-spacing:-1px;padding-left:12px}.news .block-content .right .right-bottom .form-date .time-option::-webkit-inner-spin-button{display:none}.news .block-content .right .right-bottom .form-date .time-option::-webkit-calendar-picker-indicator{opacity:0}.news .block-content .right .right-bottom .form-date .time-option::-webkit-clear-button{display:none}.news .block-content .right .right-bottom .form-date .time-option::-ms-clear{display:none}.news .block-content .right .right-bottom .form-date span{font-size:12px;color:#222;padding:0 .5rem}.news .block-content .right .right-bottom .form-date .hour-option,.news .block-content .right .right-bottom .form-date .minute-option{height:32px;width:48px;border:1px solid #d1d9de;border-radius:4px;background-color:#fff;margin-right:.5rem;font-size:14px;text-align:center}.news .block-content .right .right-bottom .block-button{padding:28px 0 0;display:flex}.news .block-content .right .right-bottom .block-button button:first-child{color:#fa3e3e}.news .block-content .right .right-bottom .block-button button:first-child:before{background:url(/img/ic_draft_svg.svg) 50% no-repeat}.news .block-content .right .right-bottom .block-button button:last-child{background-color:#3d3df2;color:#fff;padding:6px 15px}.news .block-content .right .right-bottom .block-button button:last-child:before{content:none}.news .title{color:#0f2533;font-size:16px;font-weight:700;line-height:16px;padding-bottom:18px;border-bottom:1px solid #f0f3f5;margin-bottom:1rem}.wrap-news-deletes{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-news-deletes .news-deletes{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 80px;position:relative}.wrap-news-deletes .news-deletes h4{font-size:16px;color:#0f2533}.wrap-news-deletes .news-deletes p{margin:24px 0;font-size:14px;color:#74818a}.wrap-news-deletes .news-deletes>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-news-deletes .news-deletes>div:last-child button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;font-size:14px;font-weight:500;color:#0f2533}.wrap-news-deletes .news-deletes>div:last-child button:nth-child(2){color:red}#wrap-input-tag{width:100%;height:48px;border:1px solid #d1d9de;padding:0 5px;border-radius:4px;overflow:auto;display:flex;align-items:center}#wrap-input-tag::-webkit-scrollbar{width:0;height:0}#content-tag{display:flex}#item{background-color:#e8ecef;padding:5px 10px;border-radius:999px;margin-right:5px;height:32px}#wrap span{color:#444;font-size:14px;margin-right:10px}#input-tag{border-radius:999px;width:calc(100% - 4px);min-width:calc(100% - 4px);height:calc(100% - 4px);padding-left:10px;border:none}#input-tag:focus{outline:none}#item img{width:20px;cursor:pointer}.admin-user{background-color:#f2f5f7;height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:calc(100vh - 60px);min-width:1120px}.admin-user .block-title{height:64px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-shadow:0 1px 0 0 #d1d9de;position:relative}.admin-user .block-title__text--main{padding-left:0;font-size:20px;color:#0f2533;font-weight:700}.admin-user .block-content .wrapper{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px}.admin-user .block-content .wrapper nav{padding:1rem}.admin-user .block-content .wrapper .pagination{padding:0}.admin-user .block-content .wrapper .wrap-table{padding:0!important}.admin-user .block-content .wrapper .wrap-table #myTable{margin-top:0}.admin-user .block-content .wrapper .wrap-table #myTable .span-th{text-align:left}.admin-user .block-content .wrapper .wrap-table #myTable .justify-center-table{justify-content:left}.admin-user .block-content .wrapper .wrap-table #myTable th:first-child .span-th{padding-left:1rem}.admin-user .block-content .wrapper .wrap-table #myTable .justify-content-center{justify-content:left!important}.admin-user .block-content .wrapper .wrap-table #myTable tr td{height:40px}.admin-user .block-content .wrapper .wrap-table #myTable tr td:first-child{padding-left:20px}.admin-user .block-content .wrapper .wrap-table #myTable tr td:last-child{width:56px}.admin-user .dropdown-dot div button{width:130px;height:40px;text-align:left;padding:0 1rem;font-size:14px;color:#222}.admin-user .dropdown-dot img{padding:10px 15px 0}#wrap-add-user,#wrap-user-delete,#wrap-user-setting{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.modal-custom .modal-header .modal-title{color:#0f2533;font-size:16px;font-weight:700;font-style:normal}.modal-custom .modal-footer button{border:none!important}#delete .modal-footer button:nth-child(2){color:red}.block-content{padding:24px 24px 20px;background-color:#f2f5f7;box-shadow:0 -1px 0 #dfe6eb}.match-schedule{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:4px;padding:1rem}.match-schedule .title{font-weight:700;font-size:16px;line-height:16px;color:#0f2533;margin-bottom:18px}.match-schedule .table{margin:unset;border:1px solid #d1d9de}.match-schedule .table thead th{border:unset;text-align:center;font-size:12px;width:14.28571%;background:#f0f3f5;border-right:1px solid #d1d9de;border-bottom:1px solid #d1d9de;padding:.75rem}.match-schedule .table tbody tr td{text-align:center;padding:1rem;align-items:center;border-right:1px solid #d1d9de;position:relative}.match-schedule .table tbody tr td .title-schedule{display:flex;align-items:center;justify-content:center;padding-bottom:1rem}.match-schedule .table tbody tr td .title-schedule img{width:24px}.match-schedule .table tbody tr td .title-schedule span{font-size:12px;font-weight:400;line-height:14px;color:#3d3df2;padding-left:5px}.match-schedule .table tbody tr td input{border-radius:4px;font-size:14px;font-weight:300;border:1px solid #ddd;max-height:33px;width:100%;padding:.375rem .75rem}.match-schedule .table tbody tr td p{font-size:12px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chart{min-width:347px;min-height:347px;width:100%;height:100%;padding:1rem;background-color:#fff;margin-top:1rem;box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px}.chart .control{display:flex;justify-content:space-between}.chart .control .btn-radius{background:#e8ecef;border:none;border-radius:25px;font-weight:400;margin-right:8px;padding:8px 16px;font-size:14px;color:#444;-webkit-transition:all .3s;transition:all .3s}.chart .control .btn-radius.active{background:#3d3df2;color:#fff}.chart .control .btn-radius:hover{background-color:#d1d9de}.chart .text-area{background:#f7fafc;width:100%;border-radius:4px;color:#444;font-size:14px;padding:2px 16px;resize:none;border:none}.batter{padding:16px 0}.batter .batter-title{font-size:18px;font-weight:700;margin-bottom:1rem;color:#222;width:100%}.batter .grid{display:flex;flex-wrap:wrap;justify-content:space-between;grid-column-gap:1rem;grid-template-columns:auto auto auto auto}.batter .batter-block{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:4px;width:calc((100% - 60px)/4)}.batter .batter-block .title-table{padding-left:1rem;background:none}.batter .batter-block .wrap-table{height:auto;padding:0!important}.batter .batter-block .wrap-table #myTable{border-bottom:none;border-left:none;border-right:none}.batter .batter-block .wrap-table #myTable tr.item-center{background:none}.batter .batter-block .wrap-table #myTable tr.item-center:hover{background-color:#f1f1f1}.batter .batter-block .wrap-table #myTable tr.item-center:last-child{border-bottom:none;margin-bottom:8px}.pitcher .pitcher-title{font-size:18px;font-weight:700;margin-bottom:1rem;color:#222}.pitcher .grid{display:flex;flex-wrap:wrap;justify-content:space-between;grid-column-gap:1rem;grid-template-columns:auto auto auto auto}.pitcher .pitcher-block{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:4px;width:calc((100% - 60px)/4)}.pitcher .pitcher-block .title-table{padding-left:1rem;background:none}.pitcher .pitcher-block .wrap-table{height:auto;padding:0!important}.pitcher .pitcher-block .wrap-table #myTable{border-bottom:none;border-left:none;border-right:none}.pitcher .pitcher-block .wrap-table #myTable tr.item-center{background:none}.pitcher .pitcher-block .wrap-table #myTable tr.item-center:hover{background-color:#f1f1f1}.pitcher .pitcher-block .wrap-table #myTable tr.item-center:last-child{border-bottom:none;margin-bottom:8px}.appoint{padding:16px 0 24px}.appoint .appoint-title{font-size:18px;font-weight:700;margin-bottom:1rem;color:#222}.appoint .grid{display:flex;flex-wrap:wrap;justify-content:space-between;grid-column-gap:1rem;grid-template-columns:auto auto auto}.appoint .appoint-block{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:4px;width:calc((100% - 40px)/3)}.appoint .appoint-block .title-table{padding-left:1rem;background:none}.appoint .appoint-block .wrap-table{height:auto;padding:0!important}.appoint .appoint-block .wrap-table #myTable{border-bottom:none;border-left:none;border-right:none}.appoint .appoint-block .wrap-table #myTable tr.item-center{background:none}.appoint .appoint-block .wrap-table #myTable tr.item-center:hover{background-color:#f1f1f1}.appoint .appoint-block .wrap-table #myTable tr.item-center:last-child{border-bottom:none;margin-bottom:8px}.team-pitcher{min-height:calc(100vh - 180px);padding:24px;background-color:#f2f5f7;box-shadow:0 -1px 0 #dfe6eb}.team-pitcher .wrapper{box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px;background-color:#fff}.team-pitcher .wrapper .header th:nth-child(2) span{text-align:left}.team-pitcher .wrapper .item-center td:nth-child(2) .justify-center-table{justify-content:left}.block-button-batter{padding:1rem;display:flex;justify-content:flex-end}.block-button-batter button{background:#fff;border:1px solid #d1d9de;border-radius:4px;font-weight:500;font-size:14px;line-height:20px;text-align:center;color:#3d3df2;padding:6px 12px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.block-button-batter button:hover{background:#eee}.block-button-batter button:before{content:"";display:inline-block;width:30px;height:18px;position:relative;top:3px;left:-5px;background:url(/img/ic_download_svg.svg) 50% no-repeat}.block-button{padding:1rem;display:flex;justify-content:space-between}.block-button button{background:#fff;border:1px solid #d1d9de;border-radius:4px;font-weight:500;font-size:14px;line-height:20px;text-align:center;color:#3d3df2;padding:6px 12px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.block-button button:hover{background:#eee}.block-button button:before{content:"";display:inline-block;width:30px;height:18px;position:relative;top:3px;left:-5px;background:url(/img/ic_download_svg.svg) 50% no-repeat}.explain-text{display:flex;font-size:12px;color:#5a5a5a;align-items:center}.orange-text{color:orange;margin-left:2px;margin-right:2px}.wrap-table #myTableTeam{border-bottom:none;border-left:none;border-right:none;margin-top:0}.wrap-table #myTableTeam .span-th{text-align:left}.wrap-table #myTableTeam tr.item-center{background:none}.wrap-table #myTableTeam tr.item-center:hover{background-color:#f1f1f1}.wrap-table #myTableTeam tr.item-center:last-child{border-bottom:none;margin-bottom:8px}.wrap-table #myTableTeam td:first-child,.wrap-table #myTableTeam th:first-child{padding-left:20px}.wrap-table #myTableTeam .justify-center-table{justify-content:start}.team-batter{min-height:calc(100vh - 180px);padding:24px;background-color:#f2f5f7;box-shadow:0 -1px 0 #dfe6eb}.team-batter .wrapper{box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px;background-color:#fff}.team-batter .wrapper .header th:nth-child(2) span{text-align:left}.team-batter .wrapper .item-center td:nth-child(2) .justify-center-table{justify-content:left}.team{background-color:#fff;min-height:calc(100vh - 60px);min-width:1120px}.team .block-title{height:64px;display:flex;align-items:center;padding:0 24px;box-shadow:inset 0 -1px 0 #d1d9de;background-color:#fff}.team .block-title__text--sub{width:36px}.team .block-title__text--main{font-size:20px;line-height:24px;padding-left:8px;margin:unset;font-weight:500}.team #myTable{border-bottom:none;border-left:none;border-right:none;margin-top:0}.team #myTable tr.item-center{background:none}.team #myTable tr.item-center:hover{background-color:#f1f1f1}.team #myTable tr.item-center:last-child{border-bottom:none;margin-bottom:8px}.team-starter{min-height:calc(100vh - 180px);padding:16px 24px;background-color:#f2f5f7;box-shadow:0 -1px 0 #dfe6eb}.team-starter .block-control{display:flex;justify-content:space-between;margin-bottom:1rem}.team-starter .block-control .head--tables-right select.form-control{width:120px;font-size:14px;color:#222;background-color:#fff;border:1px solid #d1d9de;border-radius:4px;background:url(/img/navigation/arrow_drop_down_24px.svg) 93%/28px no-repeat #fff;-webkit-appearance:none;padding:7px 21px 7px 11px}.team-starter .block-control .block-button{padding:0}.team-starter .block-board{display:grid;grid-column-gap:.5rem;grid-template-columns:auto auto auto auto auto auto}.team-starter .block-board__item{box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px;padding:1rem;display:flex;justify-content:space-between;background-color:#fff}.team-starter .block-board__item .sub-text{font-size:16px;color:#6e7f8a;line-height:19px}.team-starter .block-board__item .main-text{font-size:20px;line-height:23px;font-weight:700;color:#3d3cf2}.team-starter .block-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px;padding:16px 0 28px;margin-top:24px}.team-starter .block-content .control{padding-left:1rem}.team-starter .block-content .control .btn-radius{background:#e8ecef;border:none;border-radius:25px;font-weight:500;margin-right:8px;padding:8px 16px;font-size:14px;color:#444;-webkit-transition:all .3s;transition:all .3s}.team-starter .block-content .control .btn-radius.active{background:#3d3df2;color:#fff}.team-starter .block-content .control .btn-radius:hover{background-color:#d1d9de}.team-starter .block-content .wrapper .title-table{font-size:14px;font-weight:700;padding-left:20px;color:#0f2533;cursor:pointer}.team-starter .block-content .wrapper .wrap-table{padding-bottom:0}.team-starter .block-content .wrapper .wrap-table thead tr th .span-th{text-align:left}.team-starter .block-content .wrapper .wrap-table thead tr th:first-child .span-th{padding-left:1rem}.team-starter .block-content .wrapper .wrap-table tbody tr td div{justify-content:left}.team-starter .block-content .wrapper .wrap-table tbody tr td:first-child div{padding-left:1rem}.team-starter .block-content .wrapper .wrap-table #myTable tr.item-center:last-child{border-bottom:1px solid #ddd}.team-starter .block-content .wrapper .wrap-table:last-child{margin-top:-9px}.team-starter .block-content .wrapper:last-child #myTable tr.item-center:last-child{border-bottom:none}.tab-container{width:calc(100% - 350px);height:56px;padding-left:24px;display:flex;flex-wrap:nowrap;align-items:flex-end}.tab-container .popup-tab-player{position:absolute;top:100%;right:0;background-color:#fff;border-radius:4px;display:none;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);z-index:100}.tab-container .popup-tab-player ul li{white-space:nowrap;padding:10px 20px;cursor:pointer;color:#000}.tab-container .popup-tab-player ul li:hover{background-color:#f2f5f7}.tab-container .ul{overflow-x:auto;overflow-y:hidden;white-space:nowrap}.tab-container .ul::-webkit-scrollbar{height:4px}.tab-container .li{height:40px;display:inline-block;position:relative}.tab-container .li.active{border-bottom:4px solid #3d3df2}.tab-container .li.active .btn-link{text-decoration:unset;font-weight:400;font-size:14px;line-height:20px;color:#3d3df2}.tab-container .li:hover{background:#e8ecef;border-radius:4px 4px 0 0}.tab-container .li .btn-link{padding:6px 15px;font-weight:400;font-size:14px;line-height:20px;color:#6e7f8a;height:40px;display:inline-block}.tab-container .li .btn-link:hover{text-decoration:unset}.tab-container .li .btn-link:focus{background-color:#f0f3f5;color:#222;height:36px;border-radius:4px 4px 0 0}.tab-container .li .btn-link img{width:25px;cursor:pointer}.tab-container .plus-button-wrapper{position:relative}.popup-tab-team-report{position:absolute;top:100%;right:0;background-color:#fff;border-radius:4px;display:block;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);z-index:10000}.popup-tab-team-report ul li{white-space:nowrap;padding:10px 20px;cursor:pointer;color:#000}.popup-tab-team-report ul li:hover{background-color:#f2f5f7}.autosize-input-submit input{padding:3px 8px;border:none;outline:none;border-radius:3px;background:transparent}.team-schedule{min-height:calc(100vh - 180px);padding:24px;background-color:#f2f5f7;box-shadow:0 -1px 0 #dfe6eb}.team-schedule .wrapper{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px}.team-schedule .wrapper .block-control{display:flex;justify-content:flex-start;align-items:center;padding:1rem 0}.team-schedule .wrapper .block-control select.form-control{width:120px;font-size:14px;color:#222;background-color:#fff;border:1px solid #d1d9de;border-radius:4px;background:url(/img/navigation/arrow_drop_down_24px.svg) 93%/28px no-repeat #fff;-webkit-appearance:none;padding:7px 21px 7px 11px;margin:0 1rem}.team-schedule .wrapper .block-control .btn-radius{background:#e8ecef;border:none;border-radius:25px;font-weight:500;margin-right:8px;padding:8px 16px;font-size:14px;color:#444;-webkit-transition:all .3s;transition:all .3s}.team-schedule .wrapper .block-control .btn-radius.active{background:#3d3df2;color:#fff}.team-schedule .wrapper .block-control .btn-radius:hover{background-color:#d1d9de}.team-schedule .wrapper .wrap-table{padding-bottom:0}.team-schedule .wrapper #myTable{margin-top:0}.team-schedule .wrapper #myTable tr.item-center:last-child{border-bottom:none}.team-schedule .wrapper #myTable thead tr th:nth-child(3) .span-th,.team-schedule .wrapper #myTable thead tr th:nth-child(6) .span-th{text-align:left}.team-schedule .wrapper #myTable tbody tr td:nth-child(3) .justify-center-table,.team-schedule .wrapper #myTable tbody tr td:nth-child(6) .justify-center-table{justify-content:left}.team-public{min-height:calc(100vh - 180px);padding:24px;background-color:#f2f5f7;box-shadow:0 -1px 0 #dfe6eb}.team-public .wrapper{box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px;background-color:#fff}.team-public .wrapper .block-control{display:flex;justify-content:flex-end;padding:1rem;align-items:center}.team-public .wrapper .block-control__right{display:flex;align-items:center}.team-public .wrapper .block-control__right .time-option{width:168px;background:#fff url(/img/action/today_24px.svg) 97% 50% no-repeat;border:1px solid #c4c4c4;border-radius:4px;height:36px;outline:none;font-size:14px;line-height:20px;letter-spacing:-1px;padding-left:12px}.team-public .wrapper .block-control__right .time-option::-webkit-inner-spin-button{display:none}.team-public .wrapper .block-control__right .time-option::-webkit-calendar-picker-indicator{opacity:0}.team-public .wrapper .block-control__right .time-option::-webkit-clear-button{display:none}.team-public .wrapper .block-control__right .time-option::-ms-clear{display:none}.team-public .wrapper .block-control__right span{font-size:12px;color:#222;padding:0 .5rem}.team-public .wrapper .block-control .block-button{padding:0;margin-left:24px}.team-public .wrap-table{padding-bottom:0;margin-top:-68px}.team-public .wrap-table #myTable tr.item-center:last-child{border-bottom:1px solid #ddd}.team-public .wrap-table thead tr th .span-th{text-align:left}.team-public .wrap-table thead tr th:first-child .span-th{padding-left:1rem}.team-public .wrap-table tbody tr td div{justify-content:left}.team-public .wrap-table tbody tr td:first-child div{padding-left:1rem}nav ul.pagination{justify-content:start;padding:0 1rem}.table-public{margin-top:68px}.team-user-topic{width:calc(100% - 300px)}.team-user-topic .block-control .form-control{height:32px;width:130px;border:1px solid #d1d9de;border-radius:4px;background:url(/img/navigation/arrow_drop_down_24px.svg) 93%/28px no-repeat #fff;cursor:pointer;position:relative}.team-user-topic .block-control .form-control #option-selected{position:absolute;top:-32px}.team-user-topic .block-control .form-control #option-selected .option-select{background:none;color:#222;font-size:14px;position:relative;top:32px;padding:0 .5rem;z-index:5;height:32px;line-height:32px}.team-user-topic .block-control .form-control #option-selected .option-select:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:4px;border-radius:50%}.team-user-topic .block-control .form-control .option{color:#222;font-size:14px;position:relative;top:32px;padding:0 .5rem;z-index:5;height:30px;line-height:30px;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.team-user-topic .block-control .form-control .option:hover{background-color:#d5d5d5}.team-user-topic .block-control .form-control .option:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:4px;border-radius:50%}.team-user-topic .block-control .form-control .option-1:before{background-color:#f53e3f}.team-user-topic .block-control .form-control .option-2:before{background-color:#f2a12f}.team-user-topic .block-control .form-control .option-3:before{background-color:#44d98e}.team-user-topic .block-control .block-button button{padding:0 12px;height:36px;margin-left:8px}.team-user-topic .block-control .block-button .btn-copy:before{width:23px;height:19px}.team-user-topic .block-content{box-shadow:none;padding:1.5rem 0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:calc(50% - .5rem) calc(50% - .5rem)}.team-user-topic .block-content .block-item{position:relative;width:100%;height:350px;text-align:center;padding:0;border:3px dashed #dfe6eb;display:flex;justify-content:center;align-items:center}.team-user-topic .block-content .block-item img{width:24px}.team-user-topic .block-content .block-item span{color:#6e7f8a;font-size:16px;font-weight:700}.topic-data .back .block-form .form-input{list-style:none}.team-user-topic{min-height:calc(100vh - 180px);padding:24px;background-color:#f2f5f7}.team-user-topic .block-control{display:flex;justify-content:space-between}.team-user-topic .block-control .explain-text{align-items:center;margin-left:20px;height:32px;font-size:13px;flex:auto}.team-user-topic .block-control .block-button{padding:0}.team-user-topic .block-control .block-button .btn-delete:before{background-image:url(/img/delete_icon_blue.png);background-size:cover;width:24px;margin-right:8px}.team-user-topic .block-control .block-button .btn-copy:before{background-image:url(/img/copy_icon.png);background-size:cover;width:24px;height:20px;margin-right:8px}.team-user-topic .block-item-active{background:#dde6eb}.team-user-topic .target-topic-box{width:50%;text-align:center;padding:8px}.team-user-topic .block-item{height:400px;border:3px dashed #dfe6eb;display:flex;justify-content:center;align-items:center}.team-user-topic .block-item img{width:24px}.team-user-topic .block-item span{color:#6e7f8a;font-size:16px;font-weight:700}.team-user-topic .team-user-list-topic{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.block-form{padding-left:15px;padding-right:15px;overflow:hidden;-webkit-transition:height .2s;transition:height .2s}.block-form .form-input{height:40px;border:1px solid #d1d9de;border-radius:4px;background-color:#f2f5f7;padding:10px 12px;color:#0f2533;font-size:14px;font-weight:700;margin-bottom:8px;cursor:move}.topic-type-dropdown-menu .item{padding:13px 16px;color:#222;font-size:14px;cursor:pointer;position:relative;-webkit-transition:all .2s;transition:all .2s;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topic-type-dropdown-menu .item:hover{background:#e8ecef}.topic-type-dropdown-menu .icon{width:24px;height:24px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.topic-type-dropdown-menu .icon,.topic-type-dropdown-menu .iconActive{-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.topic-type-dropdown-menu .iconActive{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.topic-data .hide{opacity:0;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;visibility:hidden}.topic-data .show{opacity:1;-webkit-transition:opacity .1s ease-in;transition:opacity .1s ease-in;visibility:visible}.topic-data .back .form-input{list-style:none;height:40px;width:260px;border:1px solid #d1d9de;border-radius:4px;background-color:#f2f5f7;padding:10px 12px;color:#0f2533;font-size:14px;font-weight:700;margin-bottom:8px;width:100%}.chart_chartWrapper__1jp3Z{background-color:#fff;border-radius:5px;border:1px solid rgba(15,37,51,.1);width:100%}.chart_titleWrapper__34S52{display:flex;margin:0 15px;padding:15px 0;border-bottom:1px solid rgba(15,37,51,.1);align-items:center}.chart_title__2GVMd{flex:1 1}.chart_titleRightWrapper__10Pie{display:flex;justify-content:flex-start}.chart_buttonChart__a1WgN{background:transparent;border:none;padding:0 7px;cursor:pointer;outline:none;color:#74818a}.chart_buttonActive__1uDzk{background:#6e7f8a;color:#fff}.chart_description__2YvmE{color:#444;margin:15px;padding:12px 15px;background-color:#f0f3f5;line-height:18px;font-size:13px}.chart_groupButton__18YwO{border:1px solid #6e7f8a;border-radius:2px;display:flex}.chart_inputWrapper__2XJIk{position:absolute;top:30px;right:0;width:200px;height:150px;background-color:#fff;z-index:1000}.chart_inputWrapperTextarea__3gN2F{width:100%;height:100%;outline:none;padding:10px;border-radius:5px;border:1px solid rgba(15,37,51,.1);box-shadow:0 0 5px 0 rgba(0,0,0,.2)}.chart_input__FOqZ-{min-width:100px;width:100%!important;outline:none;border:none}.table_tableWrapper__1SNCc{height:300px;overflow:auto}.table_headerWrapper__3C6dH{border:1px solid #d1d9de}.table_headerWrapper__3C6dH th{background-color:#f0f3f5;font-size:14px;font-weight:500;padding:5px}.table_headerWrapper__3C6dH th span{border-left:1px solid #d7dadc;padding-left:8px;padding-top:3px;padding-bottom:3px;display:block;text-align:center;color:#0f2533}.table_headerWrapper__3C6dH th:first-child span{border-left:none}.table_bodyWrapper__1n9d3 td{font-size:13px;font-weight:400;padding-left:8px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #d7dadc;text-align:center}.card-circle_container__1fQlx{padding:15px 0}.card-circle_image__2wa2t{position:absolute;top:30px;display:flex;justify-content:center}.card-circle_circleWrapper__2Q2Fi{display:flex;justify-content:center;position:relative}.card-circle_buttonWrapper__2P4-L{margin-top:30px;text-align:center}.card-circle_button__1Vqye{background:#f2f5f7;border:1px solid #d1d9de;border-right:none;border-radius:4px 0 0 4px;color:#6e7f8a;font-weight:500;padding:8px 15px;font-size:14px;outline:none;cursor:pointer;width:88px}.card-circle_button__1Vqye:last-child{border-radius:0 4px 4px 0;border:1px solid #d1d9de;border-left:none}.card-circle_buttonActive__kSrNN{background:#3d3df2;color:#fff;border:1px solid #3d3df2!important}.card-circle_card__365Zm{position:relative;width:0;height:0;border-color:#fa3e3e transparent transparent;border-style:solid;border-width:200px 30px 0}.card-circle_cardInfo__2IBTO{position:absolute;top:-187px;left:-15px;font-size:13px;font-weight:500;color:#fff}.card-circle_card1__267kH{-webkit-transform:rotate(-34deg);transform:rotate(-34deg);margin-right:-30px;margin-top:20px}.card-circle_card1__267kH span{-webkit-transform:rotate(33deg);transform:rotate(33deg)}.card-circle_card2__1zDea{-webkit-transform:rotate(-17deg);transform:rotate(-17deg);margin-right:-27px;margin-top:6px}.card-circle_card2__1zDea span{-webkit-transform:rotate(16deg);transform:rotate(16deg)}.card-circle_card4__1Jo7Z{-webkit-transform:rotate(17deg);transform:rotate(17deg);margin-left:-27px;margin-top:6px}.card-circle_card4__1Jo7Z span{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}.card-circle_card5__3dh02{-webkit-transform:rotate(34deg);transform:rotate(34deg);margin-left:-30px;margin-top:20px}.card-circle_card5__3dh02 span{-webkit-transform:rotate(-33deg);transform:rotate(-33deg)}.card-circle_cardLeft__1zdjB{border-width:200px 55px 0}.card-circle_card-left-1__2RYfp{-webkit-transform:rotate(-31deg);transform:rotate(-31deg);right:-53px;margin-top:22px}.card-circle_card1-left-1__3iNtG span{-webkit-transform:rotate(33deg);transform:rotate(33deg)}.card-circle_card-left-2__2mOMs{margin-top:6px}.card-circle_card-left-3__1ajXL{-webkit-transform:rotate(31deg);transform:rotate(31deg);right:52px;margin-top:22px}.card-circle_card-left-3__1ajXL span{-webkit-transform:rotate(16deg);transform:rotate(16deg)}.card-grid_cardGridWrapper__29zKr{background-color:#fff;border-radius:5px;border:1px solid rgba(15,37,51,.1);width:100%}.card-grid_titleWrapper__3-YSg{display:flex;margin:0 15px;padding:15px 0;border-bottom:1px solid rgba(15,37,51,.1);align-items:center}.card-grid_title__2VXj5{flex:1 1}.card-grid_titleRightWrapper__1RkBH{display:flex;justify-content:flex-start}.card-grid_buttonChart__1_QZU{background:transparent;border:none;padding:5px 7px;cursor:pointer;outline:none}.card-grid_buttonActive__2rPMz{background:#6e7f8a;color:#fff}.card-grid_description__1TM61{color:#444;margin:15px;padding:12px 15px;background-color:#f0f3f5;line-height:18px;font-size:13px}.card-grid_groupButton__C3WT8{border:1px solid #6e7f8a;border-radius:2px;display:flex}.card-grid_cardContent__33WHN{display:flex;padding:10px 15px 8px;justify-content:center}.card-grid_activeContent__3ZHMz{opacity:1}.card-grid_leftContent__bOQls{align-items:flex-end}.card-grid_leftContent__bOQls,.card-grid_rightContent__1FxL9{display:flex;flex-direction:column;justify-content:center}.card-grid_centerContent__3q4aw{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:1px 1px;gap:1px 1px;flex:1 1;max-width:300px;max-height:300px;padding:0 10px;position:relative}.card-grid_centerItem__3xbD_{background:#fa3e3e;padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:13px;line-height:16px;color:#fff;font-weight:500;max-height:90px}.card-grid_footerCard__3TqYO{display:flex;padding:0 15px;justify-content:center}.card-grid_inputWrapper__2Eiz7{position:absolute;top:30px;right:0;width:200px;height:150px;background-color:#fff;z-index:1000}.card-grid_inputWrapperTextarea__2BumH{width:100%;height:100%;outline:none;padding:10px;border-radius:5px;border:1px solid rgba(15,37,51,.1);box-shadow:0 0 5px 0 rgba(0,0,0,.2)}.card-grid_input__1AykM{min-width:100px;width:100%!important;outline:none;border:none}table{width:100%}.cursor-poiter{cursor:pointer}.message-error{text-align:center;padding:40px;color:#fa3e3e}.select-column{background-color:#e8ecef}.tooltips{line-height:1.5}.tooltips-leader-board{visibility:hidden;line-height:normal;width:500px;font-weight:300;font-size:15px!important;position:absolute;top:50px;left:168px;background-color:#fff;border:1px solid #fff;padding:15px;border-radius:2px;box-shadow:0 1px 4px 4px rgba(0,0,0,.3);z-index:2}@media (max-width:747px){.tooltips-leader-board{width:170px}}@media (max-width:406px){.tooltips-leader-board{width:120px}}@media (max-width:363px){.tooltips-leader-board{width:-webkit-min-content;width:-moz-min-content;width:min-content}}.tag-teams{width:229px;padding-top:7px}.btn-search-leaderboard{float:right;display:flex;align-items:center;padding:8px 12px;border:1px solid #d1d9de;border-radius:4px;margin-left:auto!important;cursor:pointer}.btn-search-leaderboard img{margin-right:8px}.btn-search-leaderboard span{color:#3d3df2;width:70px}.wrap-leader-board{height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:calc(100vh - 60px);background-color:#f0f3f5;min-width:1120px}.wrap-leader-board select{font-size:14px;color:#222;background-color:#fff;border:1px solid #d1d9de;border-radius:4px;background:url(/img/ic_arrow_down1.svg) 99%/28px no-repeat #fff;-webkit-appearance:none;padding:7px 30px 7px 11px}.wrap-leader-board .leader-board-select__control{width:100%;min-width:130px;margin-left:5px;border:1px solid #d1d9de;height:30px}.wrap-leader-board .leader-board-select__placeholder{font-size:14px;color:rgba(34,34,34,.52)}.wrap-leader-board .leader-board-select__indicator-separator{background:none}.wrap-leader-board .title-leader-board{background-color:#fff;height:64px;align-items:center;display:flex;justify-content:space-between;padding:0 24px;box-shadow:0 1px 0 0 #d1d9de;position:relative}.wrap-leader-board .title-leader-board h3{font-size:20px;color:#0f2533;line-height:36px}.wrap-leader-board .title-leader-board h3 span{margin-left:10px}.wrap-leader-board .title-leader-board h3 span:hover .tooltips-leader-board{visibility:visible;cursor:pointer}.wrap-leader-board .title-leader-board>div{display:flex;align-items:center;height:36px}.wrap-leader-board .title-leader-board>div>button{margin:0 8px;background-color:#3d3df2;color:#fff;border:none;border-radius:4px;padding:6px 15px;height:100%}.wrap-leader-board .title-leader-board>div>button:disabled{background-color:rgba(61,61,242,.7);cursor:no-drop;color:#fff!important}.wrap-leader-board .title-leader-board>div select{width:200px}.wrap-leader-board .title-leader-board>div>div:last-child{margin-left:24px;display:flex;align-items:center}.wrap-leader-board .title-leader-board>div>div:last-child span{margin-left:8px;color:#3d3df2;font-size:14px}.wrap-leader-board .title-leader-board>div>div:nth-child(3),.wrap-leader-board .title-leader-board>div>div:nth-child(4){border:1px solid #d1d9de;border-radius:4px;background-color:transparent;padding:6px;height:100%}.wrap-leader-board .title-leader-board>div>div:nth-child(3) img,.wrap-leader-board .title-leader-board>div>div:nth-child(4) img{width:14px}.wrap-leader-board .title-leader-board>div>div:nth-child(3){display:flex;align-items:center;width:39px;justify-content:center;cursor:pointer}.wrap-leader-board .content-leader-board .options-leader-board{padding:24px 24px 22px;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2);background-color:#fff}.wrap-leader-board .content-leader-board .options-leader-board .option-top{height:50px;margin-bottom:17px;display:flex;align-items:center}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div{margin-right:24px;height:36px}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:first-child button,.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:nth-child(2) button{border:none;height:100%;cursor:pointer;font-size:14px;outline:none;width:88px;background:#f2f5f7;color:#6e7f8a;border:1px solid #d1d9de}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:first-child button:hover,.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:nth-child(2) button:hover{background-color:#d1d9de}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:first-child button:first-child,.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:nth-child(2) button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:first-child button:not(.none):last-child,.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:nth-child(2) button:not(.none):last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:first-child .active,.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:nth-child(2) .active{background:#3d3df2!important;color:#fff!important;border:1px solid #3d3df2!important}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:nth-child(3) select{width:240px}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:last-child select{margin-right:8px}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:last-child select:first-child{width:100px}.wrap-leader-board .content-leader-board .options-leader-board .option-top>div:last-child select:last-child{width:160px}@media (max-width:1358px){.wrap-leader-board .content-leader-board .options-leader-board .search-input{top:17px}}.wrap-leader-board .content-leader-board .options-leader-board .option-bottom{display:flex;align-items:center;margin-top:24px}.wrap-leader-board .content-leader-board .options-leader-board .option-bottom>div:first-child{position:relative;margin-right:16px}.wrap-leader-board .content-leader-board .options-leader-board .option-bottom>div:first-child input{border-radius:16px;border:1px solid #d1d9de;background-color:#fff;padding:9px;width:200px}.wrap-leader-board .content-leader-board .options-leader-board .option-bottom>div:first-child img{position:absolute;top:10px;right:8px;width:20px}.wrap-leader-board .content-leader-board .options-leader-board .option-bottom>div:nth-child(2){display:flex;align-items:center}.wrap-leader-board .content-leader-board .options-leader-board .option-bottom>div:nth-child(2)>div{margin-right:8px;display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#e8ecef;border-radius:16px}.wrap-leader-board .content-leader-board .options-leader-board .option-bottom>div:nth-child(2)>div span{margin-right:10px;font-size:14px;color:#444}.wrap-leader-board .content-leader-board .options-leader-board .option-bottom>div:nth-child(2)>div img{cursor:pointer}.wrap-leader-board .content-leader-board .table-leader-board{position:relative;padding:16px 24px;background-color:#f2f5f7}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-head{position:-webkit-sticky;position:sticky;border-bottom:1px solid #ddd;padding:25px 16px;display:flex;justify-content:space-between;align-items:center}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-head h4{font-size:16px;color:#0f2533}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-head .explain-text{align-items:center;margin-left:20px;font-size:13px;flex:auto}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-head .group-btn-head{display:flex;height:36px}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-head .group-btn-head>div{display:flex;align-items:center;padding:8px;border:1px solid #d1d9de;border-radius:4px;margin-left:8px;cursor:pointer}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-head .group-btn-head>div img{width:24px;margin-right:5px}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-head .group-btn-head>div span{color:#3d3df2}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-head .group-btn-head>div:hover{border-color:#3f46f3}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team{overflow:auto;min-height:400px;max-height:750px}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .children-header{position:-webkit-sticky;position:sticky;top:0;background-color:#f2f5f7}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .children-header span{padding:4px 1px;border-left:1px solid #ddd;display:flex;height:100%;justify-content:center;white-space:nowrap}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .first-children-header{border-left:1px solid #ddd}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .first-children-header span{border-left:none}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .last-children-header{border-right:1px solid #ddd}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .last-children-header span{border-right:none}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .children-body span{padding:4px;display:flex;height:100%;justify-content:center;white-space:nowrap}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .first-children-body span{padding:4px 0;border-left:none}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .last-children-body{border-right:1px solid #ddd}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team .parent-header{border-right:1px solid #ddd;position:-webkit-sticky;position:sticky;top:0;background-color:#f2f5f7}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team table thead tr{background-color:#f0f3f5}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team table thead tr th{color:#0f2533;font-size:12px;padding:9px 0;height:100%}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team table tbody tr{border-bottom:1px solid #ddd}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team table tbody tr td{text-align:center;padding:6px 0;font-size:12px;color:#0f2533}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team table tbody tr td:nth-child(2){border-right:1px solid #ddd;display:flex;align-items:center}.wrap-leader-board .content-leader-board .table-leader-board .content-table-leader .table-team table tbody tr td img{margin-right:3px;width:20px;height:20px}.wrap-delete-topic{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-delete-topic .delete-topic{padding:24px 24px 91px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:280px;position:relative}.wrap-delete-topic .delete-topic h4{font-size:16px;color:#0f2533;margin-bottom:28px}.wrap-delete-topic .delete-topic p{line-height:21px;font-size:14px;color:#74818a}.wrap-delete-topic .delete-topic>div{position:absolute;bottom:8px;right:8px}.wrap-delete-topic .delete-topic>div button{border-radius:4px;background-color:#fff;color:#0f2533;font-size:14px;font-weight:500;border:none;cursor:pointer;padding:8px 12px;margin:8px}.wrap-delete-topic .delete-topic>div button:last-child{color:#fa3e3e}.wrap-copy-topic{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-copy-topic .copy-topic{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;position:relative}.wrap-copy-topic .copy-topic h4{font-size:16px;color:#0f2533;padding:24px;border-bottom:1px solid #d1d9de}.wrap-copy-topic .copy-topic>div ul{padding:0 24px;overflow:auto;max-height:265px}.wrap-copy-topic .copy-topic>div ul li{padding:16px 0;color:#222;font-size:14px;cursor:pointer}.wrap-copy-topic .copy-topic>div:last-child{padding:8px 7px;border-top:1px solid #d1d9de;text-align:right}.wrap-copy-topic .copy-topic>div:last-child button{margin-left:8px;border:none;background-color:#fff;border-radius:4px;color:#0f2533;font-size:14px;padding:8px 12px;cursor:pointer}.wrap-item-select{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-item-select .item-select{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:640px;padding:24px 24px 83px;position:relative}.wrap-item-select .item-select h4{font-size:16px;color:#0f2533;margin-bottom:24px}.wrap-item-select .item-select>div:nth-child(2){display:flex}.wrap-item-select .item-select>div:nth-child(2)>div{width:36px;margin:0 7.5px;display:flex;flex-direction:column;justify-content:center}.wrap-item-select .item-select>div:nth-child(2)>div>div{height:36px;border:1px solid #d1d9de;border-radius:4px;background-color:#f2f5f7;margin:4px 0;display:flex;align-items:center;justify-content:center;cursor:pointer}.wrap-item-select .item-select>div:nth-child(2)>div img{width:24px}.wrap-item-select .item-select>div:nth-child(2) ul{width:calc((100% - 51px)/2);border-radius:2px;border:1px solid #b3bfc7;padding:12px;overflow:auto;max-height:367px}.wrap-item-select .item-select>div:nth-child(2) ul li{cursor:pointer;padding:12px}.wrap-item-select .item-select>div:nth-child(2) ul li:hover{background-color:#f0f3f5}.wrap-item-select .item-select>p{font-size:12px;color:#74818a;margin-top:12px}.wrap-item-select .item-select>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-item-select .item-select>div:last-child button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;font-size:14px;font-weight:500;color:#0f2533}.wrap-filter{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-filter .filter{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 83px;position:relative}.wrap-filter .filter h4{font-size:16px;color:#0f2533;margin-bottom:40px}.wrap-filter .filter>div:nth-child(2){margin-bottom:16px;align-items:center}.wrap-filter .filter>div:nth-child(2) select{font-size:14px;color:#222;width:188px;background-color:#fff;border:1px solid #d1d9de;border-radius:4px;background:url(/img/ic_arrow_down1.svg) 93%/28px no-repeat #fff;-webkit-appearance:none;padding:7px 21px 7px 11px;margin-right:8px}.wrap-filter .filter>div:nth-child(2) .leader-board-select__container{width:188px;padding-right:15px;margin-right:15px}.wrap-filter .filter>div:nth-child(2) .leader-board-select__control{width:188px!important;border:1px solid #d1d9de;height:30px}.wrap-filter .filter>div:nth-child(2) .leader-board-select__placeholder{font-size:14px;color:rgba(34,34,34,.52)}.wrap-filter .filter>div:nth-child(2) .leader-board-select__indicator-separator{background:none}.wrap-filter .filter>div:nth-child(2) input{width:188px;border:1px solid #d1d9de;border-radius:4px;padding:8px;margin-right:15px}.wrap-filter .filter>div:nth-child(2) img{width:24px;height:24px;cursor:pointer}.wrap-filter .filter>div:nth-child(2)+button{font-size:16px;border-radius:4px;color:#0f2533;background-color:#f2f5f7;border:1px solid #d1d9de;padding:8px 12px;cursor:pointer}.wrap-filter .filter>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-filter .filter>div:last-child button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;font-size:14px;font-weight:500;color:#0f2533}.wrap-custome-add{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-custome-add .custome-add{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 80px;position:relative}.wrap-custome-add .custome-add h4{font-size:16px;color:#0f2533;margin-bottom:40px}.wrap-custome-add .custome-add input{border:1px solid #d1d9de;border-radius:4px;padding:8px 12px;width:100%}.wrap-custome-add .custome-add .footer-custom-add{position:absolute;bottom:8px;right:8px}.wrap-custome-add .custome-add .footer-custom-add button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;font-size:14px;font-weight:500;color:#0f2533}.wrap-custome-edit{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-custome-edit .custome-edit{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;position:relative}.wrap-custome-edit .custome-edit h4{font-size:16px;color:#0f2533;border-bottom:1px solid #dfe6eb;padding:0 24px;line-height:64px}.wrap-custome-edit .custome-edit ul{height:350px;overflow:auto;padding:10px 16px}.wrap-custome-edit .custome-edit ul li{margin-bottom:8px;display:flex;align-items:center;cursor:pointer}.wrap-custome-edit .custome-edit ul li input{outline:none;border:none;padding:8px;width:400px;cursor:pointer;font-size:14px}.wrap-custome-edit .custome-edit ul li img{width:24px;cursor:pointer}.wrap-custome-edit .custome-edit ul li p{width:100%;padding:8px;font-size:14px}.wrap-custome-edit .custome-edit ul li:last-child{margin-bottom:0}.wrap-custome-edit .custome-edit ul .focus-item input{background-color:#f0f3f5}.wrap-custome-edit .custome-edit>div:last-child{border-top:1px solid #dfe6eb;display:flex;justify-content:flex-end;height:52px}.wrap-custome-edit .custome-edit>div:last-child button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;font-size:14px;font-weight:500;color:#0f2533}.wrap-custome-edit .custome-edit>div:last-child button:last-child{margin-right:12px}.client--list{height:100%;min-width:1120px}.client--list-top{display:flex;justify-content:space-between;align-self:center;padding:14px 20px 14px 29px;box-shadow:0 1px 0 0 #d1d9de;position:relative;background-color:#fff}.client--list-top .title-left{display:flex;align-items:center}.client--list-top .title-left img{margin-right:24px;cursor:pointer}.client--list-top .title-left h4{font-size:20px;color:#0f2533}.client--list-top .title-middle button{font-size:14px;line-height:20px;color:#fff;background-color:#3d3df2;border:none;border-radius:4px;padding:5px 12px;cursor:pointer}.client--list-top .title-middle .btn-list-user{width:80px}.client--list-top .title-middle button:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.client--list-top .title-middle button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;color:#6e7f8a;background-color:#e8ecef}.client--list-bottom{padding:24px;background-color:#f2f5f7;height:100%;min-height:calc(100vh - 60px)}.client--list-bottom>div{border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap-add-group{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-add-group .add-group{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:8px;max-width:480px;width:480px;height:180px;padding:24px 24px 72px;position:relative}.wrap-add-group .add-group h4{margin-bottom:24px;font-size:16px;color:#0f2533}.wrap-add-group .add-group>div:nth-child(2) input{border:1px solid #d1d9de;border-radius:4px;padding:10px 12px;width:100%}.wrap-add-group .add-group button{border:none;border-radius:4px;background-color:#fff;padding:10px 15px;margin-left:8px;color:#0f2533;cursor:pointer}.wrap-add-group .add-group>div:last-child{position:absolute;right:8px;bottom:8px}.wrap-edit-group{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-edit-group .edit-group{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:8px;width:480px;padding:24px 24px 72px;position:relative}.wrap-edit-group .edit-group h4{margin-bottom:24px;font-size:16px;color:#0f2533}.wrap-edit-group .edit-group>div:nth-child(2) input{border:1px solid #d1d9de;border-radius:4px;padding:10px 12px;width:100%}.wrap-edit-group .edit-group button{border:none;border-radius:4px;background-color:#fff;padding:10px 15px;margin-left:8px;color:#0f2533;cursor:pointer}.wrap-edit-group .edit-group>div:last-child{position:absolute;right:8px;bottom:8px}#add-user-group{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}#add-user-group .user-to-group{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:8px;width:480px;position:relative}#add-user-group .user-to-group p{padding:24px;border-bottom:1px solid #d1d9de;font-size:16px;color:#0f2533}#add-user-group .user-to-group ul{padding:0 16px;height:300px;overflow:auto}#add-user-group .user-to-group ul li{padding:17px 8px;display:flex;justify-content:space-between;align-items:center}#add-user-group .user-to-group ul li span{font-size:14px;color:#222}#add-user-group .user-to-group ul li .md-checkbox-custom{margin:0}#add-user-group .user-to-group .group-btn{padding:8px;border-top:1px solid #d1d9de;display:flex;justify-content:flex-end}#add-user-group .user-to-group .group-btn button{background:#fff;border:none;border-radius:4px;padding:8px 12px}#add-user-group .user-to-group .group-btn button:last-child{margin-left:8px}.wrap-users-setting{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-users-setting .company-setting{max-width:480px;width:480px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:8px;position:relative;padding:16px 24px 80px}.wrap-users-setting .company-setting h4{font-size:16px;color:#0f2533;margin-bottom:16px}.wrap-users-setting .company-setting>div:nth-child(2),.wrap-users-setting .company-setting>div:nth-child(3),.wrap-users-setting .company-setting>div:nth-child(4),.wrap-users-setting .company-setting>div:nth-child(6){margin-bottom:16px}.wrap-users-setting .company-setting .wrap-group-option{margin-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start}.wrap-users-setting .company-setting .wrap-group-option>div #wrap-total-group>div{width:100%;display:flex;justify-content:space-between;margin-bottom:16px}.wrap-users-setting .company-setting .wrap-group-option>div #wrap-total-group>div>div{width:36px;height:36px;background-color:#f2f5f7;border-radius:4px;text-align:center;display:flex;cursor:pointer;justify-content:center}.wrap-users-setting .company-setting .wrap-group-option>div #wrap-total-group img{width:24px;height:24px;margin-top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wrap-users-setting .company-setting .form-textarea{align-items:flex-start}.wrap-users-setting .company-setting>div:last-child{position:absolute;right:8px;bottom:8px;justify-content:flex-end}.wrap-users-setting .company-setting>div:last-child button{margin-left:8px;cursor:pointer;border:none;border-radius:4px;background-color:#fff;padding:8px 12px;font-size:14px;color:#0f2533;font-weight:500}.wrap-users-setting .company-setting select{background-color:#fff;border:1px solid #d1d9de;border-radius:4px;padding:7px 11px;background:url(/img/ic_arrow_down1.svg) 100%/28px no-repeat #fff;-webkit-appearance:none;width:302px}.wrap-users-setting .company-setting select option{font-size:14px;color:#222}.wrap-users-setting .company-setting .btn-add-group{margin-bottom:16px}.wrap-users-setting .company-setting .btn-add-group button{background:#f2f5f7;border:1px solid #d1d9de;border-radius:4px;font-size:14px;color:#0f2533;padding:8px 12px;cursor:pointer}.wrap-users-setting .company-setting>div{display:flex;justify-content:space-between;align-items:center}.wrap-users-setting .company-setting>div>div{width:346px}.wrap-users-setting .company-setting>div input[type=password],.wrap-users-setting .company-setting>div input[type=text]{border:1px solid #d1d9de;width:100%;border-radius:4px;padding:10px 12px}.wrap-users-setting .company-setting>div input[type=password]::-webkit-input-placeholder,.wrap-users-setting .company-setting>div input[type=text]::-webkit-input-placeholder{font-size:14px}.wrap-users-setting .company-setting>div input[type=password]:-ms-input-placeholder,.wrap-users-setting .company-setting>div input[type=text]:-ms-input-placeholder{font-size:14px}.wrap-users-setting .company-setting>div input[type=password]::-ms-input-placeholder,.wrap-users-setting .company-setting>div input[type=text]::-ms-input-placeholder{font-size:14px}.wrap-users-setting .company-setting>div input[type=password]::placeholder,.wrap-users-setting .company-setting>div input[type=text]::placeholder{font-size:14px}.wrap-users-setting .company-setting>div label{font-size:14px;color:#74818a}.wrap-users-setting .company-setting>div textarea{width:100%;border:1px solid #d1d9de;border-radius:4px;height:64px}.wrap-add-user{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-add-user .add-user{max-width:480px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:8px;position:relative;padding:16px 24px 80px}.wrap-add-user .add-user h4{font-size:16px;color:#0f2533;margin-bottom:16px}.wrap-add-user .add-user>div:nth-child(2),.wrap-add-user .add-user>div:nth-child(3),.wrap-add-user .add-user>div:nth-child(4),.wrap-add-user .add-user>div:nth-child(7){margin-bottom:16px}.wrap-add-user .add-user>div:nth-child(5),.wrap-add-user .add-user>div:nth-child(6){margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.wrap-add-user .add-user>div:nth-child(5)>div,.wrap-add-user .add-user>div:nth-child(6)>div{display:flex;justify-content:space-between;align-items:center}.wrap-add-user .add-user>div:nth-child(5)>div>div,.wrap-add-user .add-user>div:nth-child(6)>div>div{width:36px;height:36px;background-color:#f2f5f7;border-radius:4px;text-align:center;cursor:pointer}.wrap-add-user .add-user>div:nth-child(5)>div>div img,.wrap-add-user .add-user>div:nth-child(6)>div>div img{width:24px;margin-top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wrap-add-user .add-user>div:last-child{position:absolute;right:8px;bottom:8px;justify-content:flex-end}.wrap-add-user .add-user>div:last-child button{margin-left:8px;cursor:pointer;border:none;border-radius:4px;background-color:#fff;padding:8px 12px;font-size:14px;color:#0f2533}.wrap-add-user .add-user select{background-color:#fff;border:1px solid #d1d9de;border-radius:4px;padding:7px 11px;background:url(/img/ic_arrow_down1.svg) 99%/27px no-repeat #fff;-webkit-appearance:none;width:302px}.wrap-add-user .add-user select option{font-size:14px;color:#222}.wrap-add-user .add-user>div:nth-child(7) button{background:#f2f5f7;border:1px solid #d1d9de;border-radius:4px;font-size:14px;color:#0f2533;padding:8px 12px;cursor:pointer}.wrap-add-user .add-user>div{display:flex;justify-content:space-between}.wrap-add-user .add-user>div>div{width:346px}.wrap-add-user .add-user>div input[type=password],.wrap-add-user .add-user>div input[type=text]{border:1px solid #d1d9de;width:100%;border-radius:4px;padding:10px 12px}.wrap-add-user .add-user>div input[type=password]::-webkit-input-placeholder,.wrap-add-user .add-user>div input[type=text]::-webkit-input-placeholder{font-size:14px;color:#222}.wrap-add-user .add-user>div input[type=password]:-ms-input-placeholder,.wrap-add-user .add-user>div input[type=text]:-ms-input-placeholder{font-size:14px;color:#222}.wrap-add-user .add-user>div input[type=password]::-ms-input-placeholder,.wrap-add-user .add-user>div input[type=text]::-ms-input-placeholder{font-size:14px;color:#222}.wrap-add-user .add-user>div input[type=password]::placeholder,.wrap-add-user .add-user>div input[type=text]::placeholder{font-size:14px;color:#222}.wrap-add-user .add-user>div label{font-size:14px;color:#74818a}.wrap-add-user .add-user>div textarea{width:100%;border:1px solid #d1d9de;border-radius:4px;height:64px}.wrap-group-delete{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-group-delete .group-delete{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 80px;position:relative}.wrap-group-delete .group-delete h4{font-size:16px;color:#0f2533}.wrap-group-delete .group-delete p{margin:24px 0;font-size:14px;color:#74818a}.wrap-group-delete .group-delete>div:nth-child(3) div{margin-bottom:8px}.wrap-group-delete .group-delete>div:nth-child(3) label,.wrap-group-delete .group-delete>div:nth-child(3) span{font-size:14px;color:#0f2533}.wrap-group-delete .group-delete>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-group-delete .group-delete>div:last-child button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px}.wrap-group-delete .group-delete>div:last-child button:nth-child(2){color:red}.wrap-client-delete{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-client-delete .client-delete{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 80px;position:relative}.wrap-client-delete .client-delete h4{font-size:16px;color:#0f2533}.wrap-client-delete .client-delete p{margin:24px 0;font-size:14px;color:#74818a}.wrap-client-delete .client-delete>div:nth-child(3) div{margin-bottom:8px}.wrap-client-delete .client-delete>div:nth-child(3) label,.wrap-client-delete .client-delete>div:nth-child(3) span{font-size:14px;color:#0f2533}.wrap-client-delete .client-delete>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-client-delete .client-delete>div:last-child button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px}.wrap-client-delete .client-delete>div:last-child button:nth-child(2){color:red}.wrap-individual-add,.wrap-user-delete{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.individual-content{padding:24px}.individual-content>div{box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.admin--company{background-color:#f2f5f7}.admin--company-title{background-color:#fff}.admin-individual{background-color:#f2f5f7}.admin--company{height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:calc(100vh - 60px);min-width:1120px}.admin--company-title{height:64px;align-items:center;display:flex;justify-content:space-between;padding:16px 24px;position:relative;box-shadow:0 1px 0 0 #d1d9de}.admin--company-title h3{font-size:20px}.admin--company-title .title-middle button{font-size:14px;line-height:20px;color:#fff;background-color:#3d3df2;border:none;border-radius:4px;padding:5px 12px;cursor:pointer}.admin--company-title .title-middle button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;color:#6e7f8a;background-color:#e8ecef}.admin--company-title .title-middle button:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.admin--company-title .title-end{display:flex}.admin--company-title .title-end>div{position:relative;display:flex;align-items:center}.admin--company-title .title-end>div input{height:31px}.admin--company-title .title-end>div input:focus{outline:none}.admin--company-title .title-end>div img{position:absolute}.admin--company-title .add{position:relative;border:none;background-color:#3d3df2;padding:9px 9px 9px 37px;border-radius:4px;color:#fff;font-size:14px}.admin--company-title .add:before{content:"+";color:#fff;position:absolute;top:0;left:16px;font-weight:700;font-size:1.5rem}.admin--company-title .search-company{margin-right:12px;width:200px}.admin--company-title .search-company input{background-color:#f2f5f7;border:1px solid #d1d9de;border-radius:16px;padding:0 14px;width:100%}.admin--company-title .search-company input::-webkit-input-placeholder{font-size:14px}.admin--company-title .search-company input:-ms-input-placeholder{font-size:14px}.admin--company-title .search-company input::-ms-input-placeholder{font-size:14px}.admin--company-title .search-company input::placeholder{font-size:14px}.admin--company-title .search-company img{right:7px;top:7px;width:24px}.admin--company .wrap-items-company,.admin--company .wrap-items-company .admin--company-content{background-color:#f2f5f7}.admin--company-content{display:grid;grid-template-columns:auto auto auto auto;grid-gap:16px;padding:20px 24px}.admin--company-content .items-company:nth-child(4n){margin-right:0}.admin--company-content .items-company{padding:18px 16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:4px}.admin--company-content .items-company:not(.dropdown-dot){cursor:pointer}.admin--company-content .items-company>div{align-items:center;display:flex;justify-content:space-between}.admin--company-content .items-company h4{font-size:15px;color:#222;margin-bottom:10px}.admin--company-content .items-company p{font-size:12px;color:#222;margin-bottom:17px}.admin--company-content .items-company label{font-size:12px;color:#999}.admin--company-content .items-company .multi-dot{cursor:pointer}.admin--company-content .items-company .quantity-user+div img{position:relative;z-index:10}.dropdown-dot{position:relative}.dropdown-dot div{top:25px}.wrap-individual-add .individual-add{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 80px;position:relative}.wrap-individual-add .individual-add h4{font-size:16px;color:#0f2533}.wrap-individual-add .individual-add>div:nth-child(2){margin-top:21px}.wrap-individual-add .individual-add>div:nth-child(2) div{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.wrap-individual-add .individual-add>div:nth-child(2) div label{font-size:14px;color:#74818a;white-space:nowrap}.wrap-individual-add .individual-add>div:nth-child(2) div input{border:1px solid #d1d9de;border-radius:4px;padding:12px;width:346px}.wrap-individual-add .individual-add>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-individual-add .individual-add>div:last-child button{padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;border:none;font-size:14px;font-weight:500;color:#0f2533}.wrap-user-delete .user-delete{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 80px;position:relative}.wrap-user-delete .user-delete h4{font-size:16px;color:#0f2533}.wrap-user-delete .user-delete p{margin:24px 0;font-size:14px;color:#74818a}.wrap-user-delete .user-delete>div:nth-child(3) div{margin-bottom:8px}.wrap-user-delete .user-delete>div:nth-child(3) label,.wrap-user-delete .user-delete>div:nth-child(3) span{font-size:14px;color:#0f2533}.wrap-user-delete .user-delete>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-user-delete .user-delete>div:last-child button{padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;border:none;font-weight:500;color:#0f2533;font-size:14px}.wrap-user-delete .user-delete>div:last-child button:last-child{color:red}.wrap-company-delete{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-company-delete .company-delete{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px 24px 80px;position:relative}.wrap-company-delete .company-delete h4{font-size:16px;color:#0f2533}.wrap-company-delete .company-delete p{font-size:14px;color:#74818a}.wrap-company-delete .company-delete p:nth-child(2){margin:24px 0}.wrap-company-delete .company-delete>div:last-child{position:absolute;bottom:8px;right:8px}.wrap-company-delete .company-delete>div:last-child button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;font-size:14px}.wrap-company-delete .company-delete>div:last-child button:last-child{color:red}.modal-add-company{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.modal-add-company .add-company{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:8px;width:480px;max-width:480px;padding:24px 24px 72px;position:relative}.modal-add-company .add-company h4{margin-bottom:24px;font-size:16px;color:#0f2533}.modal-add-company .add-company input{border:1px solid #d1d9de;border-radius:4px;padding:10px 12px;width:346px}.modal-add-company .add-company>div:nth-child(2){margin-bottom:26px}.modal-add-company .add-company>div:nth-child(2),.modal-add-company .add-company>div:nth-child(3){display:flex;justify-content:space-between;align-items:center}.modal-add-company .add-company>div:nth-child(2) label,.modal-add-company .add-company>div:nth-child(3) label{font-size:14px;color:#74818a;white-space:nowrap}.modal-add-company .add-company button{border-radius:4px;background-color:#fff;padding:10px 15px;margin-left:8px;cursor:pointer;border:none;font-size:14px;font-weight:500;color:#0f2533}.modal-add-company .add-company button:disabled{color:grey;cursor:default}.modal-add-company .add-company>div:last-child{position:absolute;right:8px;bottom:8px}.modal-edit-company{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.modal-edit-company .edit-company{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:8px;max-width:480px;width:480px;padding:24px 24px 72px;position:relative}.modal-edit-company .edit-company h4{margin-bottom:24px;font-size:16px;color:#0f2533}.modal-edit-company .edit-company input{border:1px solid #d1d9de;border-radius:4px;padding:10px 12px;width:346px}.modal-edit-company .edit-company>div:nth-child(2){margin-bottom:26px}.modal-edit-company .edit-company>div:nth-child(2),.modal-edit-company .edit-company>div:nth-child(3){display:flex;justify-content:space-between;align-items:center}.modal-edit-company .edit-company>div:nth-child(2) label,.modal-edit-company .edit-company>div:nth-child(3) label{font-size:14px;color:#74818a;white-space:nowrap}.modal-edit-company .edit-company button{border-radius:4px;background-color:#fff;padding:10px 15px;margin-left:8px;cursor:pointer;border:none;font-size:14px;font-weight:500;color:#0f2533}.modal-edit-company .edit-company button:disabled{color:grey;cursor:default}.modal-edit-company .edit-company>div:last-child{position:absolute;right:8px;bottom:8px}#wrap-delete-client{display:none}#wrap-delete-client,.wrap-company-setting{position:fixed;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-company-setting{display:flex}.wrap-company-setting .company-setting{max-width:480px;width:480px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:8px;position:relative;padding:16px 24px 80px}.wrap-company-setting .company-setting h4{font-size:16px;color:#0f2533;margin-bottom:16px}.wrap-company-setting .company-setting>div:nth-child(2),.wrap-company-setting .company-setting>div:nth-child(3),.wrap-company-setting .company-setting>div:nth-child(6){margin-bottom:16px}.wrap-company-setting .company-setting>div:nth-child(4),.wrap-company-setting .company-setting>div:nth-child(5){margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.wrap-company-setting .company-setting>div:nth-child(4)>div,.wrap-company-setting .company-setting>div:nth-child(5)>div{display:flex;justify-content:space-between;align-items:center}.wrap-company-setting .company-setting>div:nth-child(4)>div>div,.wrap-company-setting .company-setting>div:nth-child(5)>div>div{width:36px;height:36px;background-color:#f2f5f7;border-radius:4px;text-align:center;cursor:pointer}.wrap-company-setting .company-setting>div:nth-child(4)>div>div img,.wrap-company-setting .company-setting>div:nth-child(5)>div>div img{width:24px;margin-top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wrap-company-setting .company-setting>div:nth-child(4){align-items:flex-start}.wrap-company-setting .company-setting>div:last-child{position:absolute;right:8px;bottom:8px;justify-content:flex-end}.wrap-company-setting .company-setting>div:last-child button{margin-left:8px;cursor:pointer;border:none;border-radius:4px;background-color:#fff;padding:8px 12px;font-size:14px;color:#0f2533;font-weight:500}.wrap-company-setting .company-setting select{background-color:#fff;border:1px solid #d1d9de;border-radius:4px;padding:7px 11px;background:url(/img/ic_arrow_down1.svg) 100%/28px no-repeat #fff;-webkit-appearance:none;width:302px}.wrap-company-setting .company-setting select option{font-size:14px;color:#222}.wrap-company-setting .company-setting>div:nth-child(6) button{background:#f2f5f7;border:1px solid #d1d9de;border-radius:4px;font-size:14px;color:#0f2533;padding:8px 12px;cursor:pointer}.wrap-company-setting .company-setting>div{display:flex;justify-content:space-between;align-items:center}.wrap-company-setting .company-setting>div>div{width:346px}.wrap-company-setting .company-setting>div input[type=password],.wrap-company-setting .company-setting>div input[type=text]{border:1px solid #d1d9de;width:100%;border-radius:4px;padding:10px 12px}.wrap-company-setting .company-setting>div input[type=password]::-webkit-input-placeholder,.wrap-company-setting .company-setting>div input[type=text]::-webkit-input-placeholder{font-size:14px}.wrap-company-setting .company-setting>div input[type=password]:-ms-input-placeholder,.wrap-company-setting .company-setting>div input[type=text]:-ms-input-placeholder{font-size:14px}.wrap-company-setting .company-setting>div input[type=password]::-ms-input-placeholder,.wrap-company-setting .company-setting>div input[type=text]::-ms-input-placeholder{font-size:14px}.wrap-company-setting .company-setting>div input[type=password]::placeholder,.wrap-company-setting .company-setting>div input[type=text]::placeholder{font-size:14px}.wrap-company-setting .company-setting>div label{font-size:14px;color:#74818a}.wrap-company-setting .company-setting>div textarea{width:100%;border:1px solid #d1d9de;border-radius:4px;height:64px}@media (max-width:1440px){.items-company h4{font-size:13px!important}}@media (max-width:1280px){.items-company h4{font-size:12px!important}}.modal-message{position:fixed;display:flex;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.modal-message .modal{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);border-radius:8px;width:480px;max-width:480px;padding:24px 24px 72px;position:relative}.modal-message .modal h4{margin-bottom:24px;font-size:16px;color:#0f2533;display:block}.modal-message .modal h6{color:red;font-size:14px}.modal-message .modal button{border-radius:4px;background-color:#fff;padding:10px 15px;margin-left:8px;cursor:pointer;border:none;font-size:14px;font-weight:500;color:#0f2533}.modal-message .modal>div:last-child{position:absolute;right:8px;bottom:8px}.player{background-color:#fff;min-width:1120px}.player .block-title{height:64px;display:flex;align-items:center;padding:0 24px;box-shadow:inset 0 -1px 0 #d1d9de}.player .block-title img{width:36px;height:36px;margin-right:.5rem;cursor:pointer}.player .block-title h2{color:#0f2533;font-size:20px}.player .block-general-info{min-height:155px;background-color:#fff;padding:20px 0;display:flex;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2)}.player .block-general-info .left{width:40%;display:flex}.player .block-general-info .left .wrap-img{margin:0 20px;width:96px;height:96px;background-color:#999;display:flex;justify-content:center;align-items:center}.player .block-general-info .left .wrap-img img{width:68px;height:68px}.player .block-general-info .left .wrap-content .bold-text{color:#0f2533;font-size:14px;font-weight:700;margin-bottom:14px}.player .block-general-info .left .wrap-content .light-text{height:19px;color:#6e7f8a;font-size:13px;margin-bottom:10px}.player .block-general-info .left .wrap-content .label{color:#fff;font-size:12px;font-weight:700;border-radius:2px;background-color:#f29d49;width:40px;margin-bottom:14px;padding:4px 0;text-align:center}.player .block-general-info .left .wrap-content .status{color:#6e7f8a;font-size:13px}.player .block-general-info .right{padding-left:24px;width:60%;height:100%;min-height:115px;border-left:1px solid #ddd;display:flex}.player .block-general-info .right .light-text{color:#6e7f8a;font-size:12px;font-weight:500;white-space:nowrap}.player .block-general-info .right .line{width:100%;height:2px;background-color:#d1d9de;margin-top:15px;margin-bottom:5px;display:flex;justify-content:space-between}.player .block-general-info .right .line .dot{height:8px;width:8px;border-radius:50%;background-color:#d1d9de;position:relative;top:-3px}.player .block-general-info .right .line .dot:first-child{left:-2px}.player .block-general-info .right .line .dot:last-child{right:-2px}.player .block-general-info .right .area-1{width:92px;margin-right:24px}.player .block-general-info .right .area-1 .bold-text{color:#0f2533;font-size:14px;font-weight:700;padding-bottom:22px;border-bottom:2px solid #d1d9de}.player .block-general-info .right .area-1 .wrapper{display:flex;justify-content:space-between;font-size:10px;font-weight:500;padding-top:10px}.player .block-general-info .right .area-1 .wrapper .blue-text{color:#3d3df2;position:relative}.player .block-general-info .right .area-1 .wrapper .blue-text:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#3d3df2;position:absolute;top:-17px}.player .block-general-info .right .area-1 .wrapper .gray-text{color:#6e7f8a;position:relative}.player .block-general-info .right .area-1 .wrapper .gray-text:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#6e7f8a;position:absolute;top:-17px;left:4px}.player .block-general-info .right .area-1 .wrapper .red-text{color:#fa3e3e;position:relative}.player .block-general-info .right .area-1 .wrapper .red-text:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#fa3e3e;position:absolute;top:-17px;right:0}.player .block-general-info .right .area-2,.player .block-general-info .right .area-3{width:160px;margin-right:1rem}.player .block-general-info .right .area-2 .oval,.player .block-general-info .right .area-3 .oval{display:block;width:12px;height:12px;border-radius:50%;background-color:#3d3df2;position:relative;top:-12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.player .block-general-info .right .area{width:84%;display:flex;flex-wrap:wrap;justify-content:flex-start}.player .block-general-info .right .area>div{width:25%;padding-right:35px}.player .block-general-info .right .area .oval{display:block;width:12px;height:12px;border-radius:50%;background-color:#3d3df2;position:relative;top:-12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.player .wrap-table{border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25);margin-top:1rem}.player .wrap-table .title-table{padding:18px 1rem}.player #myTable{border-bottom:none;border-left:none;border-right:none;margin-top:0}.player #myTable tr.item-center{background:none}.player #myTable tr.item-center:hover{background-color:#f1f1f1}.player #myTable tr.item-center:last-child{border-bottom:none;margin-bottom:8px}.tab{width:calc(100% - 300px);height:56px;display:flex;align-items:flex-end;padding-left:24px}.tab .popup-tab-player{position:absolute;top:100%;right:0;background-color:#fff;border-radius:4px;display:none;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);z-index:100}.tab .popup-tab-player ul li{white-space:nowrap;padding:10px 20px;color:#6e7f8a;cursor:pointer;color:#000}.tab .popup-tab-player ul li:hover{background-color:#f2f5f7}.tab::-webkit-scrollbar{height:.5rem}.tab .ul{list-style:none;display:flex;padding:unset}.tab .ul .li{height:40px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;position:relative}.tab .ul .li.active{border-bottom:4px solid #3d3df2}.tab .ul .li.active .btn-link{text-decoration:unset;font-weight:400;font-size:14px;line-height:20px;color:#3d3df2}.tab .ul .li:hover{background:#e8ecef;border-radius:4px 4px 0 0}.tab .ul .li .btn-link{padding:6px 15px;font-weight:400;font-size:14px;line-height:20px;color:#6e7f8a;height:40px;display:inline-block}.tab .ul .li .btn-link:hover{text-decoration:unset}.tab .ul .li .btn-link:focus{background-color:#f0f3f5;color:#222;height:36px;border-radius:4px 4px 0 0}.tab .ul .li .btn-link img{width:25px;cursor:pointer}.basic-info .table{display:grid;grid-template-columns:calc(50% - .5rem) calc(50% - .5rem);grid-gap:1rem;gap:1rem}.basic-info .table .block{width:100%;height:100%;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.basic-info .table .block:nth-child(3) th:first-child .span-th,.basic-info .table .block:nth-child(4) th:first-child .span-th{text-align:left!important}.basic-info .table .block:nth-child(3) tr td:first-child,.basic-info .table .block:nth-child(4) tr td:first-child{padding-left:1rem}.basic-info .table .block:nth-child(3) tr td:first-child .justify-center-table,.basic-info .table .block:nth-child(4) tr td:first-child .justify-center-table{justify-content:left!important}.basic-info .chart-content{margin-top:1rem;display:flex;justify-content:space-between}.basic-info .chart-content .title{padding:1rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f3f5}.basic-info .chart-content .title h4{color:#0f2533;font-size:14px;font-weight:700}.basic-info .chart-content .title .control img{width:24px;margin-left:1rem;cursor:pointer}.basic-info .chart-content .textarea{height:64px;width:100%;padding:10px;border:none;border-radius:4px;background-color:#f2f5f7;resize:none;margin-bottom:1rem;font-size:14px;color:#444}.basic-info .chart-content .chart-left,.basic-info .chart-content .chart-right{display:block;width:calc(50% - .5rem);padding:0 1rem;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.basic-info .chart-content .chart-left .wrapper-chart,.basic-info .chart-content .chart-right .wrapper-chart{padding:1rem;display:flex;justify-content:center}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-left img,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-left img{height:248px;margin-bottom:.5rem;margin-right:5px}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center{text-align:center}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system{display:grid;grid-gap:1px;gap:1px;grid-template-columns:80px 80px 80px;grid-template-rows:80px 80px 80px;margin-bottom:9px}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .grid-item,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .grid-item{width:100%;height:100%;background-color:red;display:flex;flex-direction:column;justify-content:center}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .grid-item p,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .grid-item p{color:#fff;font-size:12px;font-weight:700;line-height:16px;text-align:center}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .item-1,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .item-1{opacity:.7;background-color:#fa3e3e}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .item-2,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .item-2{opacity:.9;background-color:#fa3e3e}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .item-3,.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .item-4,.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .item-5,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .item-3,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .item-4,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .item-5{background-color:#fa3e3e}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .item-6,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .item-6{opacity:.8;background-color:#fa3e3e}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .item-7,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .item-7{opacity:.4;background-color:#fa3e3e}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .item-8,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .item-8{opacity:.7;background-color:#fa3e3e}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-center .grid-system .item-9,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-center .grid-system .item-9{opacity:.5;background-color:#fa3e3e}.basic-info .chart-content .chart-left .wrapper-chart .wrapper-chart-right img,.basic-info .chart-content .chart-right .wrapper-chart .wrapper-chart-right img{height:248px;margin-bottom:.5rem;margin-left:5px}.basic-info .chart-content .chart-right .wrapper-chart{padding-left:1rem;display:block}.basic-info .chart-content .chart-right .wrapper-chart .wrapper{width:100%;height:230px;display:flex;position:relative;justify-content:center}.basic-info .chart-content .chart-right .wrapper-chart .wrapper img{position:absolute;width:220px;height:210px;bottom:0}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .wrap-chart-pan{position:relative}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item{position:absolute;top:0;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:200px solid #fa3e3e}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item span{color:#fff;font-size:14px;font-weight:700;position:absolute;top:-180px;left:-12px}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-1{-webkit-transform:rotate(-34deg);transform:rotate(-34deg);top:21px;left:-89px;opacity:.8}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-1 span{top:-180px;-webkit-transform:rotate(34deg);transform:rotate(34deg);left:-10px}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-2{-webkit-transform:rotate(-17deg);transform:rotate(-17deg);top:6px;left:-60px;opacity:.9}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-2 span{top:-180px;-webkit-transform:rotate(17deg);transform:rotate(17deg);left:-10px}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-3{opacity:.5;position:absolute;left:-29px}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-3 span{top:-180px;left:-10px}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-4{-webkit-transform:rotate(17deg);transform:rotate(17deg);top:6px;left:2px;opacity:.3}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-4 span{top:-180px;-webkit-transform:rotate(-17deg);transform:rotate(-17deg);left:-10px}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-5{-webkit-transform:rotate(34deg);transform:rotate(34deg);top:21px;left:30px;opacity:.3}.basic-info .chart-content .chart-right .wrapper-chart .wrapper .item-5 span{top:-180px;-webkit-transform:rotate(-34deg);transform:rotate(-34deg);left:-10px}.basic-info .chart-content .chart-right .wrapper-tab{text-align:center;margin-top:21px}.basic-info .chart-content .chart-right .wrapper-tab button{width:80px;height:32px;font-size:14px;font-weight:500;color:#444;border-radius:16px;background:none;border-radius:4px 0 0 4px;border:1px solid #d1d9de;border-right:none;-webkit-transition:.4s;transition:.4s;cursor:pointer}.basic-info .chart-content .chart-right .wrapper-tab button:last-child{border-radius:0 4px 4px 0;border-left:none;border-right:1px solid #d1d9de}.basic-info .chart-content .chart-right .wrapper-tab button:hover{background-color:#ddd}.basic-info .chart-content .chart-right .wrapper-tab button.active{background-color:#3d3df2;border:1px solid #3d3df2;color:#fff}.basic-info .md-checkbox-custom{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:auto}.basic-info .md-checkbox-custom input{width:18px;height:18px}.basic-info .md-checkbox-custom input:checked+label:after{width:10px;height:5px}.basic-info .md-checkbox-custom label{color:#222;font-size:13px;font-weight:500}.basic-info .md-checkbox-custom label:not(:empty){padding-left:3px}.basic-info .md-checkbox-custom label:before{width:18px;height:18px}.basic-info .md-checkbox-custom label:after{left:-1px}.basic-info .wrap-table{width:100%;height:auto;border-radius:4px;background-color:#fff;box-shadow:none;margin-top:unset;padding-bottom:unset;padding-top:1rem}.basic-info .wrap-table .title-table{padding-left:1rem;padding-top:0;min-height:unset}.basic-info .wrap-table #myTable{padding-bottom:.5rem}.basic-info .wrap-table #myTable .span-th{text-align:center}.basic-info .wrap-table #myTable .justify-center-table{justify-content:center}.basic-info .wrap-table #myTable tr.item-center:last-child{border-bottom:none;margin-bottom:8px}.condition-control{display:flex}.condition-control .wrapper-tab{margin-left:2rem}.condition-control .wrapper-tab button{width:60px;height:32px;font-size:14px;font-weight:500;color:#444;background-color:none;border:none;border-radius:16px;background-color:#e8ecef;margin-right:.5rem;cursor:pointer;-webkit-transition:.3s;transition:.3s}.condition-control .wrapper-tab button:hover{background-color:#ddd}.condition-control .wrapper-tab button.active{background-color:#3d3df2;color:#fff}.tabcontent .condition-content:first-child{display:block}.condition-content .title-table .title-text{color:#0f2533}select.form-control{width:90px;height:36px;font-size:14px;color:#222;background-color:#fff;border:1px solid #d1d9de;border-radius:4px;background:url(/img/navigation/arrow_drop_down_24px.svg) 93%/28px no-repeat #fff;-webkit-appearance:none;padding:5px 21px 5px 11px;margin:0 10px}.condition #myTable .justify-left-table{justify-content:center}.condition #batter .wrap-table:nth-child(3) #myTable th:first-child .span-th,.condition #pitcher .wrap-table:nth-child(3) #myTable th:first-child .span-th{padding:0 .4rem}.btn-search-player{margin-left:auto!important;float:right;display:flex;align-items:center;padding:8px;border:1px solid #d1d9de;border-radius:4px;margin-left:8px;cursor:pointer;height:36px}.btn-search-player img{margin-right:8px}.btn-search-player span{color:#3d3df2}.react-datepicker-wrapper{width:120px;display:flex;align-items:center}.react-datepicker-wrapper .react-datepicker__input-container .time-option{padding:5px 11px}.gamelogs-control{display:flex;justify-content:space-between;align-items:center}.gamelogs-control .form-control{height:32px}.gamelogs-control .block-button{padding:0}.year-control{display:flex;justify-content:space-between}.year-control .left{display:flex;align-items:center}.year-control .left .title{color:#222;font-size:18px;font-weight:700}.year-control .left .wrapper-tab{margin-left:50px}.year-control .left .wrapper-tab button{width:80px;height:32px;font-size:14px;font-weight:500;color:#444;border-radius:16px;background:none;border-radius:4px 0 0 4px;border:1px solid #d1d9de;border-right:none;-webkit-transition:.4s;transition:.4s;cursor:pointer}.year-control .left .wrapper-tab button:last-child{border-radius:0 4px 4px 0;border-left:none;border-right:1px solid #d1d9de}.year-control .left .wrapper-tab button:hover{background-color:#ddd}.year-control .left .wrapper-tab button.active{background-color:#3d3df2;border:1px solid #3d3df2;color:#fff}.year-control .right .block-button{padding:0}.year-content .tabcontent{display:none}.year-content .tabcontent:first-child{display:block}.topic-data{width:300px;height:calc(100vh - 60px);position:fixed;right:0;top:60px;background-color:#fff;box-shadow:-1px 0 0 0 #d1d9de;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-transition:all .75s;transition:all .75s}.topic-data .front{position:absolute;background-color:#fff;width:100%;height:100%;top:0;z-index:2}.topic-data .front .title{padding:12px 16px 16px;color:#0f2533;font-size:16px;font-weight:700}.topic-data .front .title.mt-24{padding-top:24px}.topic-data .front .dropdown-menu .item{padding:13px 16px;color:#222;font-size:14px;cursor:pointer;position:relative;-webkit-transition:all .2s;transition:all .2s}.topic-data .front .dropdown-menu .item:hover{background:#e8ecef}.topic-data .front .dropdown-menu .item:after{content:"";display:inline-block;width:24px;height:12px;position:absolute;right:10px;background:url(/img/chevron_right.png) 50% no-repeat;background-size:cover}.topic-data .back{position:absolute;background-color:#fff;height:100%;width:100%;z-index:3;top:0;right:-300px;padding:24px 20px;-webkit-transition:all .75s;transition:all .75s;visibility:hidden;overflow-y:auto}.topic-data .back .title{color:#0f2533;font-size:16px}.topic-data .back .title span{width:24px;height:24px;display:inline-block;background:url(/img/navigation/arrow_back_24px.svg) 50% no-repeat;background-size:cover;position:relative;top:5px;margin-right:20px;cursor:pointer}.topic-data .back .sub-title{color:#0f2533;font-size:12px;margin:1rem 0;display:inline-block}.topic-data .back .block-form .form-input{height:40px;width:260px;border:1px solid #d1d9de;border-radius:4px;background-color:#f2f5f7;padding:10px 12px;color:#0f2533;font-size:14px;font-weight:700;margin-bottom:8px;width:100%}.topic-data .back.show{right:0;-webkit-animation:showBack .5s ease-in;animation:showBack .5s ease-in;visibility:visible}@-webkit-keyframes showBack{0%{right:-300px}to{right:0}}@keyframes showBack{0%{right:-300px}to{right:0}}.add-topic{width:calc(100% - 300px);min-height:calc(100vh - 180px);background-color:#f2f5f7}.add-topic .block-control{display:flex;justify-content:space-between}.add-topic .block-control .form-control{height:32px;width:130px;border:1px solid #d1d9de;border-radius:4px;background:url(/img/navigation/arrow_drop_down_24px.svg) 93%/28px no-repeat #fff;cursor:pointer;position:relative}.add-topic .block-control .form-control #option-selected{position:absolute;top:-32px}.add-topic .block-control .form-control #option-selected .option-1{background:none;color:#222;font-size:14px;position:relative;top:32px;padding:0 .5rem;z-index:5;height:32px;line-height:32px}.add-topic .block-control .form-control #option-selected .option-1:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:4px;border-radius:50%;background-color:#f53e3f}.add-topic .block-control .form-control .option{color:#222;font-size:14px;position:relative;top:32px;padding:0 .5rem;z-index:5;height:30px;line-height:30px;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.add-topic .block-control .form-control .option:hover{background-color:#d5d5d5}.add-topic .block-control .form-control .option:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:4px;border-radius:50%}.add-topic .block-control .form-control .option.option-1:before{background-color:#f53e3f}.add-topic .block-control .form-control .option.option-2:before{background-color:#f2a12f}.add-topic .block-control .form-control .option.option-3:before{background-color:#44d98e}.add-topic .block-control .block-button{padding:0}.add-topic .block-control .block-button button{padding:0 12px;height:36px;margin-left:8px}.add-topic .block-control .block-button .btn-delete:before{background-image:url(/img/delete_icon_blue.png);background-size:cover;width:24px;margin-right:8px}.add-topic .block-control .block-button .btn-copy:before{background-image:url(/img/copy_icon.png);background-size:cover;width:23px;height:19px;margin-right:8px}.add-topic .block-content{box-shadow:none;padding:1.5rem 0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:calc(50% - .5rem) calc(50% - .5rem)}.add-topic .block-content .block-item{position:relative;width:100%;height:350px;text-align:center;padding:0;border:3px dashed #dfe6eb;display:flex;justify-content:center;align-items:center}.add-topic .block-content .block-item img{width:24px}.add-topic .block-content .block-item span{color:#6e7f8a;font-size:16px;font-weight:700}.popup{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;z-index:5}.popup .popup_inner{height:376px;width:480px;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:1.5rem}.popup .popup_inner .title-popup{color:#0f2533;font-size:16px;font-weight:700;margin-bottom:1.5rem}.popup .popup_inner .line-1{display:flex;justify-content:space-between}.popup .popup_inner .line-1 div{width:calc(33.33333% - .33rem)}.popup .popup_inner .line-1 div .form-control{width:100%;margin-bottom:1.5rem}.popup .popup_inner .line-2 .form-control{min-width:208px;margin-bottom:1rem}.popup .popup_inner .input-form{height:36px;width:100%;border:1px solid #d1d9de;border-radius:4px;background-color:#fff;padding:0 12px;color:#222;font-size:14px;margin-top:.5rem}.popup .popup_inner .title-select{color:#74818a;font-size:12px;margin-bottom:.5rem}.popup .popup_inner .button{display:flex;justify-content:flex-end;position:absolute;right:1.5rem;bottom:1.5rem}.popup .popup_inner .button p{cursor:pointer;color:#0f2533;font-size:14px;font-weight:500;margin-left:35px}.chart-setting.popup .popup_inner{min-height:344px;height:auto}.chart-setting.popup .popup_inner .title-popup{margin-bottom:40px}.chart-setting.popup .popup_inner .line-1{height:36px;margin-bottom:1rem}.chart-setting.popup .popup_inner .line-1 .form-control{width:188px}.chart-setting.popup .popup_inner .line-1 .input-form{margin-top:0;width:188px}.chart-setting.popup .popup_inner .line-1 img{width:24px;height:24px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.chart-setting.popup .popup_inner .line-2{margin-bottom:1.5rem}.chart-setting.popup .popup_inner .line-2 button{height:32px;width:102px;border:1px solid #d1d9de;border-radius:4px;background-color:#f2f5f7;cursor:pointer;color:#0f2533;font-size:14px;font-weight:500;-webkit-transition:all .3s;transition:all .3s}.chart-setting.popup .popup_inner .line-2 button:hover{background-color:#e0e1e2}.chart-setting.popup .popup_inner .line-3{display:flex;justify-content:space-between;align-items:center}.chart-setting.popup .popup_inner .line-3 .md-checkbox-custom{margin:0}.chart-setting.popup .popup_inner .line-3 .md-checkbox-custom input{width:20px;height:20px}.chart-setting.popup .popup_inner .line-3 .md-checkbox-custom input:checked+label:after{width:10px;height:5px}.chart-setting.popup .popup_inner .line-3 .md-checkbox-custom label{color:#0f2533;font-size:14px;font-weight:500}.chart-setting.popup .popup_inner .line-3 .md-checkbox-custom label:before{width:18px;height:18px}.chart-setting.popup .popup_inner .line-3 span{color:#0f2533;font-size:16px;font-weight:700}.chart-setting.popup .popup_inner .line-3 .time-option{width:168px;background:#fff url(/img/action/today_24px.svg) 97% 50% no-repeat;border:1px solid #c4c4c4;border-radius:4px;height:36px;outline:none;font-size:14px;line-height:20px;padding-left:12px}.chart-setting.popup .popup_inner .line-3 .time-option::-webkit-inner-spin-button{display:none}.chart-setting.popup .popup_inner .line-3 .time-option::-webkit-calendar-picker-indicator{opacity:0}.chart-setting.popup .popup_inner .line-3 .time-option::-webkit-clear-button{display:none}.chart-setting.popup .popup_inner .line-3 .time-option::-ms-clear{display:none}.form-input-color{display:flex}.form-input-color input[type=color]{background-color:#fff;height:36px;margin-top:.5rem;margin-left:12px;width:72px}.player-pitcher{display:grid;grid-template-columns:auto auto;grid-gap:1rem;margin-bottom:1rem}.player-pitcher .block{width:100%;height:100%;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.player-pitcher .block:nth-child(3) th:first-child .span-th,.player-pitcher .block:nth-child(4) th:first-child .span-th{text-align:left!important}.player-pitcher .block:nth-child(3) tr td:first-child,.player-pitcher .block:nth-child(4) tr td:first-child{padding-left:1rem}.player-pitcher .block:nth-child(3) tr td:first-child .justify-center-table,.player-pitcher .block:nth-child(4) tr td:first-child .justify-center-table{justify-content:left!important}.player-pitcher .block:first-child{margin-right:1rem}.player-pitcher .block .wrap-table{margin-top:0!important}.player-pitcher .block .wrap-table #myTable{height:auto!important}.wrap-game{height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:calc(100vh - 60px);background-color:#fff}.wrap-game .title-game{height:64px;padding:16px 24px;background-color:#fff;position:relative;border-bottom:1px solid #d1d9de;display:flex;align-items:center;justify-content:space-between}.wrap-game .title-game h3{font-size:20px;color:#0f2533}.wrap-game .title-game .switch-button button{width:80px;line-height:32px;cursor:pointer;background-color:#f2f5f7;border:1px solid #d1d9de;color:#6e7f8a}.wrap-game .title-game .switch-button button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.wrap-game .title-game .switch-button button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.wrap-game .title-game .button-download{margin-right:16px;display:inline-flex;align-items:center;padding:7px 12px;color:#3d3df2;border:1px solid #d1d9de;border-radius:4px;background-color:#fff;cursor:pointer}.wrap-game .title-game .button-download span{margin-left:7px;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px}.wrap-game .title-game .button-download:disabled{color:grey;background-color:#d3d3d3;cursor:default}.wrap-game .content-game .title-match{margin:0 24px;border-bottom:1px solid #d1d9de;display:flex;padding:26px 0;justify-content:center;align-items:center}.wrap-game .content-game .title-match .time-match{margin:0 215px;text-align:center}.wrap-game .content-game .title-match .time-match div{display:flex;align-items:center;justify-content:center;margin-bottom:13px}.wrap-game .content-game .title-match .time-match div span{margin:0 17px;font-size:14px;color:#74818a}.wrap-game .content-game .title-match .time-match div img{width:36px}.wrap-game .content-game .title-match .time-match small{font-size:12px;color:#74818a}.wrap-game .content-game .title-match .time-match small:last-child{display:block;margin-top:10px}.wrap-game .content-game .title-match .people1,.wrap-game .content-game .title-match .people2{text-align:center}.wrap-game .content-game .title-match .people1 .label-team,.wrap-game .content-game .title-match .people2 .label-team{font-size:12px;color:#74818a}.wrap-game .content-game .title-match .people1 .team-value,.wrap-game .content-game .title-match .people2 .team-value{margin-top:14px;font-size:16px;cursor:pointer;color:#0f2533}.wrap-game .content-game .title-match .people1 .content-wrapper,.wrap-game .content-game .title-match .people2 .content-wrapper{margin-top:21px;display:flex;align-items:center}.wrap-game .content-game .title-match .people1 .content-wrapper .label,.wrap-game .content-game .title-match .people2 .content-wrapper .label{margin-right:13px;font-size:14px;color:#222}.wrap-game .content-game .tab-content-game>div:first-child{margin-top:18px;padding:0 24px;display:flex;align-items:center}.wrap-game .content-game .tab-content-game>div:first-child>ul{display:flex}.wrap-game .content-game .tab-content-game>div:first-child>ul li{padding:15px 16px;font-size:14px;color:#6e7f8a;cursor:pointer}.wrap-game .content-game .tab-content-game>div:first-child>ul li:hover{background-color:#f2f5f7}.wrap-game .content-game .tab-content-game>div:first-child ul+div{padding:15px 16px;cursor:pointer}.wrap-game .content-game .tab-content-game>div:first-child ul+div:hover{background-color:#f2f5f7}.wrap-game .content-game .tab-content-game>div:first-child ul+div>div{width:20px;height:20px;border-radius:10px;background-color:#74818a;display:flex;justify-content:center;align-items:center;position:relative}.wrap-game .content-game .tab-content-game>div:first-child ul+div>div>img{cursor:pointer}.wrap-game .content-game .tab-content-game>div:first-child ul+div>div ul{position:absolute;background-color:#fff;display:none;top:30px;right:0;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);border-radius:4px;z-index:100}.wrap-game .content-game .tab-content-game>div:first-child ul+div>div ul li{white-space:nowrap;cursor:pointer;padding:7px}.wrap-game .content-game .tab-content-game>div:first-child ul+div>div ul li:hover{background-color:#f1f1f1;padding:7px}.wrap-game .content-game .tab-content-game>div:nth-child(2){box-shadow:0 -1px 0 0 rgba(0,0,0,.2);padding:24px;background-color:#f2f5f7;min-height:62vh}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-1{display:flex}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-1>div{width:calc((100% - 16px)/2);border-radius:4px;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-1>div>div:first-child{padding:23px 16px;background-color:#fff;display:flex;align-items:center;justify-content:space-between}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-1>div>div:first-child h4{font-size:16px;color:#0f2533}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-1>div>div:first-child p{font-size:14px;color:#74818a}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-1>div:first-child{margin-right:16px}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:first-child{display:flex;align-items:center;margin-bottom:16px}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:first-child h4{font-size:18px;color:#222;margin-right:28px}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:first-child>div button{min-width:80px;line-height:32px;cursor:pointer;background-color:#f2f5f7;border:1px solid #d1d9de;color:#6e7f8a}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:first-child>div button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:first-child>div button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:last-child>div:first-child{border-radius:4px;margin-bottom:24px;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:last-child>div:last-child{border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:last-child>div:last-child h4:first-child{margin:0 16px;padding:16px 0;border-bottom:1px solid #f0f3f5;font-size:14px;color:#0f2533}.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2 .list-match-record .match-record-month h4,.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:last-child>div:last-child>h4:nth-child(4),.wrap-game .content-game .tab-content-game>div:nth-child(2) .game-2>div:last-child>div:last-child h4:first-child+h4{padding:16px;font-size:14px;color:#222}.wrap-game .content-game .tab-content-game>div:nth-child(2) .item-game{display:none}.wrap-game .content-game .tab-content-game>div:nth-child(2) .item-game:first-child{display:block}.detail-game-header-color{background-color:#e8ecef}.detail-game-body-color{background-color:#f7fafc}.wrap-detail-game{background-color:#fff}.wrap-detail-game .detail-game-title .title-detail{margin:24px;display:flex}.wrap-detail-game .detail-game-title .title-detail .left{display:flex;width:50%}.wrap-detail-game .detail-game-title .title-detail .left>div:nth-child(2){margin:0 37px;text-align:center}.wrap-detail-game .detail-game-title .title-detail .left>div:nth-child(2) p{color:#74818a;font-size:12px;line-height:21px}.wrap-detail-game .detail-game-title .title-detail .left>div:nth-child(2) p:first-child{font-size:14px;margin-bottom:14px}.wrap-detail-game .detail-game-title .title-detail .left div:first-child,.wrap-detail-game .detail-game-title .title-detail .left div:last-child{max-width:156px}.wrap-detail-game .detail-game-title .title-detail .left div:first-child h4,.wrap-detail-game .detail-game-title .title-detail .left div:last-child h4{margin-bottom:18px;font-size:14px;color:#222}.wrap-detail-game .detail-game-title .title-detail .left div:first-child div,.wrap-detail-game .detail-game-title .title-detail .left div:last-child div{display:flex;align-items:center}.wrap-detail-game .detail-game-title .title-detail .left div:first-child div label,.wrap-detail-game .detail-game-title .title-detail .left div:last-child div label{font-size:14px;color:#3d3df2;font-weight:700}.wrap-detail-game .detail-game-title .title-detail .left div:first-child div img,.wrap-detail-game .detail-game-title .title-detail .left div:last-child div img{width:36px;margin-right:8px}.wrap-detail-game .detail-game-title .title-detail .right{width:50%}.wrap-detail-game .detail-game-title .title-detail .right table thead tr:first-child{background-color:#f7fafc}.wrap-detail-game .detail-game-title .title-detail .right table thead tr:first-child th{font-size:14px;color:#0f2533}.wrap-detail-game .detail-game-title .title-detail .right table tr td,.wrap-detail-game .detail-game-title .title-detail .right table tr th{text-align:center;padding:12px;border:1px solid #d1d9de}.wrap-detail-game .detail-game-title .title-detail .right table tr td:first-child{width:128px}.wrap-detail-game .detail-game-title .title-detail .right table tr td{font-size:14px;color:#0f2533}.wrap-detail-game .detail-game-content{padding:24px 24px 40px;background-color:#f2f5f7}.wrap-detail-game .detail-game-content .wrap-list-result{background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25);border-radius:4px}.wrap-detail-game .detail-game-content .wrap-list-result h4{font-size:16px;color:#0f2533;padding:24px 16px}.wrap-detail-game .detail-game-content .wrap-list-result tr{border:1px solid #ddd}.wrap-detail-game .detail-game-content .wrap-list-result td,.wrap-detail-game .detail-game-content .wrap-list-result th{padding:9px 4px;text-align:center}.wrap-detail-game .detail-game-content .wrap-list-result thead tr{background-color:#f0f3f5}.wrap-detail-game .detail-game-content .wrap-list-result thead th{padding:10px 0}.wrap-detail-game .detail-game-content .wrap-list-result thead th span{border-right:1px solid #ddd;padding:0 12px;font-size:12px;color:#0f2533;display:block}.wrap-detail-game .detail-game-content .wrap-list-result thead :nth-child(2){width:10%}.wrap-detail-game .detail-game-content .wrap-list-result tbody tr{cursor:pointer}.wrap-detail-game .detail-game-content .wrap-list-result tbody td{font-size:12px;color:#0f2533}.wrap-detail-game .detail-game-content .wrap-list-result tbody td span{border:1px solid #ddd;border-radius:3px;display:inline-block;padding:2px;margin-right:1px}.wrap-detail-game .detail-game-content .wrap-list-result tbody .img-result-outting div{display:flex;align-items:center;justify-content:center}.wrap-detail-game .detail-game-content .wrap-list-result tbody .img-result-outting img{width:32px;margin-right:16px}.wrap-detail-game .detail-game-content .wrap-list-result table:nth-child(2) .row-total-result td,.wrap-detail-game .detail-game-content .wrap-list-result table:nth-child(3) tr:last-child td{font-weight:700}.wrap-detail-game .detail-game-content .wrap-list-result table:nth-child(2) tr:nth-child(7) td label,.wrap-detail-game .detail-game-content .wrap-list-result table:nth-child(2) tr:nth-child(8) td label{font-size:16px;font-weight:700;color:#444}.wrap-detail-game .detail-game-content .wrap-list-result2{margin-top:46px}.wrap-detail-game .detail-game-content .wrap-list-result2 h3{margin-bottom:15px;font-size:18px;color:#222}.wrap-detail-game .detail-game-content .wrap-list-result2>div{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap-detail-game .detail-game-content .wrap-list-result2>div h4{padding:24px 16px;font-size:16px;color:#0f2533}.wrap-detail-game .detail-game-content .wrap-list-result2>div:nth-child(2){margin-bottom:16px}.wrap-detail-game .detail-game-content .wrap-list-result2 table tr{border:1px solid #ddd}.wrap-detail-game .detail-game-content .wrap-list-result2 table td,.wrap-detail-game .detail-game-content .wrap-list-result2 table th{padding:9px 4px;text-align:center}.wrap-detail-game .detail-game-content .wrap-list-result2 table thead tr{background-color:#f0f3f5}.wrap-detail-game .detail-game-content .wrap-list-result2 table thead th{padding:8px 0;font-size:12px;color:#0f2533}.wrap-detail-game .detail-game-content .wrap-list-result2 table thead th:first-child{max-width:40px}.wrap-detail-game .detail-game-content .wrap-list-result2 table thead th span{border-right:1px solid #ddd;display:block;width:100%}.wrap-detail-game .detail-game-content .wrap-list-result2 table tbody tr{cursor:pointer}.wrap-detail-game .detail-game-content .wrap-list-result2 table tbody td{font-size:12px;color:#0f2533}.wrap-detail-game .detail-game-content .wrap-list-result2 table tbody td span{border:1px solid #ddd;padding:2px;border-radius:4px;font-size:12px}.wrap-detail-game .detail-game-content .wrap-body-detail>div:first-child{display:flex;align-items:flex-start}.wrap-detail-game .detail-game-content .wrap-body-detail>div:first-child>div:first-child{width:336px;margin-right:16px;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap-detail-game .detail-game-content .wrap-body-detail>div:first-child>div:last-child{width:calc(100% - 352px);box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child{margin-top:47px}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child h4{margin-bottom:15px;font-size:18px;color:#222}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div{display:flex;justify-content:space-between}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div>div{background-color:#fff;border-radius:4px;width:calc((100% - 16px)/2);box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div>div span{display:block;padding:24px 16px;font-size:16px;color:#0f2533;font-weight:700}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div>div table thead td{border:1px solid #ddd;background-color:#f0f3f5;font-size:12px;color:#0f2533;font-weight:700}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div>div table tbody td{color:#222;font-size:12px}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div>div table tbody td label{border:1px solid #ddd;border-radius:4px;display:inline-block;padding:2px}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div>div table tbody tr:nth-child(2) td{border:1px solid #ddd;background-color:#f0f3f5;font-size:12px;color:#0f2533;font-weight:700}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div>div table tr{border:1px solid #ddd}.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div>div table td,.wrap-detail-game .detail-game-content .wrap-body-detail>div:last-child>div>div table th{padding:13px 4px}.wrap-detail-game .detail-game-content .wrap-body-detail .list-starter table tr{cursor:pointer}.wrap-select-game{position:fixed;display:none;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wrap-select-game .select-game-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;position:relative}.wrap-select-game .select-game-info h4{font-size:16px;color:#0f2533;padding:24px;border-bottom:1px solid #dfe6eb}.wrap-select-game .select-game-info>div:nth-child(2)>div{margin:16px 24px;position:relative}.wrap-select-game .select-game-info>div:nth-child(2)>div input{width:100%;background-color:#f0f3f5;border-radius:4px;border:none;height:36px;padding-left:35px}.wrap-select-game .select-game-info>div:nth-child(2)>div img{position:absolute;top:10px;left:11px}.wrap-select-game .select-game-info>div:nth-child(2) ul{max-height:200px;overflow:auto}.wrap-select-game .select-game-info>div:nth-child(2) ul li{padding:16px 24px;cursor:pointer}.wrap-select-game .select-game-info>div:nth-child(2) ul li:hover{background-color:#f7fafc}.wrap-select-game .select-game-info>div:last-child{border-top:1px solid #dfe6eb;padding:15px;display:flex;justify-content:flex-end}.wrap-select-game .select-game-info>div:last-child button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px}.active-btn{background-color:#3d3df2!important;color:#fff!important;border:1px solid #3d3df2!important}.active-tab{color:#3d3df2!important;border-bottom:4px solid #3d3df2!important}@media (max-width:1200px){.wrap-game .content-game .title-match .time-match{margin:0 147px}}@media (min-width:1200px){.wrap-game .content-game .title-match .time-match{margin:0 215px}}.game-modal-wrap-select-game{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.game-modal-wrap-select-game .select-game-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;position:relative}.game-modal-wrap-select-game .select-game-info h4{font-size:16px;color:#0f2533;padding:24px;border-bottom:1px solid #dfe6eb}.game-modal-wrap-select-game .select-game-info .body-container{margin:16px 24px;position:relative}.game-modal-wrap-select-game .select-game-info .search-wrapper input{width:100%;background-color:#f0f3f5;border-radius:4px;border:none;height:36px;padding-left:35px}.game-modal-wrap-select-game .select-game-info .search-wrapper img{position:absolute;top:10px;left:11px}.game-modal-wrap-select-game .select-game-info .modal-game-list-topic{margin-top:15px;height:320px;overflow:auto}.game-modal-wrap-select-game .select-game-info .modal-game-list-topic .topic-item{padding:16px 24px;cursor:pointer}.game-modal-wrap-select-game .select-game-info .modal-game-list-topic .topic-item:hover{background-color:#f7fafc}.game-modal-wrap-select-game .select-game-info .topic-active{background-color:#e6e5e5}.game-modal-wrap-select-game .select-game-info .footer-wrapper{border-top:1px solid #dfe6eb;padding:15px;display:flex;justify-content:flex-end}.game-modal-wrap-select-game .select-game-info .footer-wrapper button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px}.tooltips,.tooltips-playlog-search{text-align-last:justify;left:168px}.tooltips-playlog-search{visibility:hidden;font-weight:300;font-size:15px!important;position:absolute;top:50px;background-color:#fff;border:1px solid #fff;padding:15px;border-radius:2px;box-shadow:0 1px 4px 4px rgba(0,0,0,.3);z-index:2}@media (max-width:425px){.tooltips-playlog-search{width:160px;text-align-last:auto}}@media (max-width:375px){.tooltips-playlog-search{width:100px;text-align-last:auto;width:-webkit-min-content;width:-moz-min-content;width:min-content}}.tooltips-detailed-search{text-align-last:justify;left:168px}.playlog-search{min-height:calc(100vh - 60px);height:-webkit-max-content;height:-moz-max-content;height:max-content;background-color:#f2f5f7;min-width:1120px}.playlog-search .block-title{height:64px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-shadow:0 1px 0 0 #d1d9de;position:relative}.playlog-search .block-title__text--main{padding-left:0;font-size:20px;color:#0f2533;font-weight:700}.playlog-search .block-title span{margin-left:10px}.playlog-search .block-title span:hover .tooltips-playlog-search{visibility:visible;cursor:pointer}.playlog-search .block-content .wrapper{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:4px;padding-bottom:.5rem}.playlog-search .block-content .wrapper .wrap-search-batter,.playlog-search .block-content .wrapper .wrap-search-pitcher{position:relative;width:200px;margin-right:.5rem}.playlog-search .block-content .wrapper .wrap-search-batter ul,.playlog-search .block-content .wrapper .wrap-search-pitcher ul{position:absolute;top:100%;width:100%;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);padding:9px 0}.playlog-search .block-content .wrapper .wrap-search-batter ul li,.playlog-search .block-content .wrapper .wrap-search-pitcher ul li{padding:5px 10px;cursor:pointer}.playlog-search .block-content .wrapper .wrap-search-batter ul li:hover,.playlog-search .block-content .wrapper .wrap-search-pitcher ul li:hover{background-color:#f7fafc}.playlog-search .block-content .wrapper .btn-search-playlog{margin-left:auto!important}.playlog-search .block-content .wrapper .block-control{padding:1rem;display:flex}.playlog-search .block-content .wrapper .block-control>div:last-child{float:right;display:flex;align-items:center;padding:8px;border:1px solid #d1d9de;border-radius:4px;margin-left:8px;cursor:pointer}.playlog-search .block-content .wrapper .block-control>div:last-child img{margin-right:8px}.playlog-search .block-content .wrapper .block-control>div:last-child span{color:#3d3df2}.playlog-search .block-content .wrapper .block-control select.form-control{width:120px;font-size:14px;color:#222;background-color:#fff;border:1px solid #d1d9de;border-radius:4px;background:url(/img/navigation/arrow_drop_down_24px.svg) 98% no-repeat #fff;-webkit-appearance:none;padding:5px 21px 5px 11px;margin-right:.5rem}.playlog-search .block-content .wrapper .block-control select.form-control:nth-child(3){width:160px;margin-right:1rem}.playlog-search .block-content .wrapper .block-control .searchbox{width:200px;height:32px;border:1px solid #d1d9de;border-radius:16px;font-size:14px;color:#222;padding:7px 12px;background:url(/img/action/ic_search_svg.svg) 95% no-repeat;margin-right:.5rem}.playlog-search .wrap-table{padding:0!important}.playlog-search .wrap-table #myTable{margin-top:0;border-left:none;border-right:none;border-bottom:none}.playlog-search .wrap-table #myTable .span-th{text-align:left}.playlog-search .wrap-table #myTable .justify-center-table{justify-content:left}.playlog-search .wrap-table #myTable th:first-child .span-th{padding-left:1rem}.playlog-search .wrap-table #myTable tr:last-child{border-bottom:none}.playlog-search .wrap-table #myTable tr td:first-child{padding-left:20px}.wrap-search-failed{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-search-failed .search-failed{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px;position:relative}.wrap-search-failed .search-failed h4{font-size:16px;color:#0f2533;margin-bottom:40px}.wrap-search-failed .search-failed>div{position:absolute;bottom:8px;right:8px}.wrap-search-failed .search-failed>div button{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;margin-left:8px;font-size:14px;font-weight:500;color:#0f2533}.delivery-wrapper{height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:calc(100vh - 60px);display:flex;justify-content:flex-start;min-width:1120px}.delivery-wrapper .delivery{background-color:#f0f3f5;box-shadow:0 1px 8px 0 rgba(0,0,0,.3);width:45%}.delivery-wrapper .delivery .title{height:64px;background-color:#fff;font-size:20px;color:#0f2533;padding:0 24px;position:relative;box-shadow:0 1px 0 0 #d1d9de;align-items:center;display:flex;justify-content:space-between}.delivery-wrapper .delivery .title .search{margin-right:12px;position:relative}.delivery-wrapper .delivery .title .search input{background-color:#f2f5f7;border:1px solid #d1d9de;border-radius:16px;padding:0 14px;width:100%;height:29px}.delivery-wrapper .delivery .title .search img{right:7px;top:7px;width:17px;position:absolute}.delivery-wrapper .delivery .title .add{position:relative}.delivery-wrapper .delivery .title .add:before{content:"+";color:#fff;position:absolute;top:4px;left:10px;font-weight:700;font-size:1.5rem}.delivery-wrapper .delivery .title .add button{background-color:#3d3df2;color:#fff;font-size:14px;border-radius:4px;border:none;padding:7px 8px 7px 28px}.delivery-wrapper .delivery .delivery-table{background:#f2f5f7;padding:24px}.delivery-wrapper .delivery .delivery-table .table-wrapper{background:#fff;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.15)}.delivery-wrapper .delivery .delivery-table .table-wrapper table{border-radius:4px 4px 0 0;border-bottom:1px solid #d1d9de;width:100%}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr{cursor:pointer}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr:hover{background-color:#f0f3f5}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr:last-child td>div:first-child{border-bottom:none}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td{padding:0 16px 0 24px;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;flex-direction:column}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td>div:first-child{padding:16px 0;width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #d1d9de}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td>div:first-child>div:first-child{display:flex;justify-content:space-between}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td>div:first-child>div:first-child>div:first-child{display:flex;justify-content:flex-start;align-items:center}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td .oval-gray{background-color:#74818a;width:16px;height:16px;border-radius:50%;font-size:12px;font-weight:700;line-height:18px;display:flex;justify-content:center;align-items:center;color:#fff}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td .note-dot{position:absolute;left:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:8px;border-radius:999px;display:inline-block;background-color:#fa3e3e}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td .date{font-size:11px!important;line-height:17px!important;color:#999!important}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td .date>div:first-child{margin-bottom:3px;white-space:nowrap;align-items:center;display:flex;justify-content:flex-end}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td .date button{font-size:10px;margin-left:auto;display:block;background-color:#b0b9bf;color:#fff;border:none;border-radius:4px;padding:5px 8px}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td:not(.none-border):after{content:"";width:100%;height:1px;display:block;margin-left:24px;border-bottom:1px solid #d1d9de}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td .info{height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:14px;font-weight:500;line-height:20px;color:#222!important}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td .info>div:first-child{display:flex;width:100%;align-items:center}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td .info h4{font-size:14px;margin-right:5px}.delivery-wrapper .delivery .delivery-table .table-wrapper table tr td .info p{font-size:12px}.delivery-wrapper .delivery .delivery-table .table-wrapper .pagination{height:auto;font-size:14px;border-radius:0 0 4px 4px}.delivery-wrapper .wrap-work-space{position:relative;width:58%;background-color:#fff;box-shadow:0 1px 8px 0 rgba(0,0,0,.3)}.delivery-wrapper .work-space{padding-left:20px;padding-right:20px}.delivery-wrapper .work-space .title{padding:16px 0;display:flex;justify-content:space-between;align-items:center}.delivery-wrapper .work-space .title .content{color:#222;font-size:20px;font-weight:700;line-height:20px;padding:13px 0}.delivery-wrapper .work-space .title .date{font-size:11px;line-height:17px;color:#999}.delivery-wrapper .work-space .title .date .delivery-date{font-size:12px;display:flex;justify-content:flex-end;align-items:center}.delivery-wrapper .work-space .title .date .last-update-date{display:flex;justify-content:flex-end;align-items:center}.delivery-wrapper .work-space .note-space{height:80px;background-color:#e8ecef;border-radius:4px;font-size:14px;line-height:20px;color:#444;padding:12px}.delivery-wrapper .work-space .wrapper-table{margin-top:23px;box-shadow:none!important}.delivery-wrapper .work-space .wrapper-table .but-drop{margin-top:16px;text-align:center}.delivery-wrapper .work-space-action-csv{border-top:1px solid #d1d9de;padding:20px;bottom:20px;width:54%;position:fixed;background-color:#fff}.delivery-wrapper .work-space-action-csv .justify-content-between>div{display:inline-block;padding:4px 8px}.delivery-wrapper-news{display:flex;justify-content:flex-start;width:calc(100vw - 90px);min-height:calc(100vh - 60px);min-width:1120px}.delivery-wrapper-news .delivery{height:100%;background-color:#f0f3f5;box-shadow:0 1px 8px 0 rgba(0,0,0,.3);width:45%}.delivery-wrapper-news .delivery .title{height:64px;background-color:#fff;font-size:20px;color:#0f2533;padding:0 24px;position:relative;box-shadow:0 1px 0 0 #d1d9de;align-items:center;display:flex;justify-content:space-between}.delivery-wrapper-news .delivery .title .search{margin-right:12px;position:relative}.delivery-wrapper-news .delivery .title .search input{background-color:#f2f5f7;border:1px solid #d1d9de;border-radius:16px;padding:0 14px;width:100%;height:29px}.delivery-wrapper-news .delivery .title .search img{right:7px;top:7px;width:17px;position:absolute}.delivery-wrapper-news .delivery .title .add{position:relative}.delivery-wrapper-news .delivery .title .add:before{content:"+";color:#fff;position:absolute;top:4px;left:10px;font-weight:700;font-size:1.5rem}.delivery-wrapper-news .delivery .title .add button{background-color:#3d3df2;color:#fff;font-size:14px;border-radius:4px;border:none;padding:7px 8px 7px 28px}.delivery-wrapper-news .delivery .delivery-table{background:#f2f5f7;padding:24px}.delivery-wrapper-news .delivery .delivery-table .table-wrapper{background:#fff;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.15)}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table{border-radius:4px 4px 0 0;border-bottom:1px solid #d1d9de;width:100%}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr{cursor:pointer}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr:hover{background-color:#f0f3f5}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr:last-child td>div:first-child{border-bottom:none}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td{padding:0 16px 0 24px;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;flex-direction:column}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td>div:first-child{padding:16px 0;width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #d1d9de}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td>div:first-child>div:first-child{display:flex;justify-content:space-between}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td>div:first-child>div:first-child>div:first-child{display:flex;justify-content:flex-start;align-items:center}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td .oval-gray{background-color:#74818a;width:16px;height:16px;border-radius:50%;font-size:12px;font-weight:700;line-height:18px;display:flex;justify-content:center;align-items:center;color:#fff}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td .note-dot{position:absolute;left:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:8px;border-radius:999px;display:inline-block;background-color:#fa3e3e}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td .date{font-size:11px!important;line-height:17px!important;color:#999!important}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td .date>div:first-child{margin-bottom:3px;white-space:nowrap;align-items:center;display:flex;justify-content:flex-end}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td .date button{font-size:10px;margin-left:auto;display:block;background-color:#b0b9bf;color:#fff;border:none;border-radius:4px;padding:5px 8px}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td:not(.none-border):after{content:"";width:100%;height:1px;display:block;margin-left:24px;border-bottom:1px solid #d1d9de}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td .info{height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:14px;font-weight:500;line-height:20px;color:#222!important}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td .info>div:first-child{display:flex;width:100%;align-items:center}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td .info h4{font-size:14px;margin-right:5px}.delivery-wrapper-news .delivery .delivery-table .table-wrapper table tr td .info p{font-size:12px}.delivery-wrapper-news .delivery .delivery-table .table-wrapper .pagination{height:auto;font-size:14px;border-radius:0 0 4px 4px}.delivery-wrapper-news .wrap-work-space{position:relative;width:58%;background-color:#fff;box-shadow:0 1px 8px 0 rgba(0,0,0,.3);overflow:auto}.delivery-wrapper-news .work-space{padding-left:20px;padding-right:20px}.delivery-wrapper-news .work-space .title{padding:16px 0;display:flex;justify-content:flex-end;align-items:center}.delivery-wrapper-news .work-space .title .content{color:#222;font-size:20px;font-weight:700;line-height:20px;width:70%;padding:13px 0}.delivery-wrapper-news .work-space .title .date{font-size:11px;line-height:17px;color:#999}.delivery-wrapper-news .work-space .title .date .delivery-date{font-size:12px;display:flex;justify-content:flex-end;align-items:center}.delivery-wrapper-news .work-space .title .date .last-update-date{display:flex;justify-content:flex-end;align-items:center}.delivery-wrapper-news .work-space .title+div{line-height:24px;color:#444;font-size:14px}.delivery-wrapper-news .work-space .note-space{height:80px;background-color:#e8ecef;border-radius:4px;font-size:14px;line-height:20px;color:#444;padding:12px}.delivery-wrapper-news .work-space .wrapper-table{margin-top:23px;box-shadow:none!important}.delivery-wrapper-news .work-space .wrapper-table .but-drop{margin-top:16px;text-align:center}.wrap-my-recommend{background-color:#f2f5f7;height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:calc(100vh - 60px);min-width:1120px}.wrap-my-recommend .message-error{color:red;text-align:center}.wrap-my-recommend .more-button-action{padding:5px;cursor:pointer}.wrap-my-recommend .btn-add-recommend{cursor:pointer;height:36px;border-radius:4px;background-color:#3d3df2;box-shadow:0 2px 3px 0 rgba(0,0,0,.3);position:relative;padding:0 15px;font-style:normal;font-weight:500;font-size:14px;line-height:20px;text-align:center;color:#fff}.wrap-my-recommend .btn-add-recommend img{margin-right:5px}.wrap-my-recommend .btn-reset-recommend{cursor:pointer;height:36px;border-radius:4px;background-color:red;box-shadow:0 2px 3px 0 rgba(0,0,0,.3);position:relative;padding:0 15px;font-style:normal;font-weight:500;font-size:14px;line-height:20px;text-align:center;color:#fff}.wrap-my-recommend .btn-reset-recommend img{margin-right:5px}.wrap-my-recommend .tooltips,.wrap-my-recommend .tooltips-my-recommend{visibility:hidden;width:500px;font-weight:300;font-size:15px!important;position:absolute;top:115px;left:217px;background-color:#fff;border:1px solid #fff;padding:15px;border-radius:2px;box-shadow:0 1px 4px 4px rgba(0,0,0,.3);z-index:2}@media (max-width:715px){.wrap-my-recommend .tooltips-my-recommend{width:200px}}@media (max-width:418px){.wrap-my-recommend .tooltips-my-recommend{width:150px}}@media (max-width:351px){.wrap-my-recommend .tooltips-my-recommend{width:90px}}.wrap-my-recommend .title-my-recommend{height:64px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#fff;box-shadow:0 1px 0 0 #d1d9de}.wrap-my-recommend .title-my-recommend h1{color:#0f2533;font-size:20px}.wrap-my-recommend .title-my-recommend h1 span{margin-left:10px}.wrap-my-recommend .title-my-recommend h1 span:hover .tooltips-my-recommend{visibility:visible;cursor:pointer}.wrap-my-recommend .title-my-recommend .title-right{display:flex;align-items:center}.wrap-my-recommend .title-my-recommend .title-right .search{margin-right:12px;position:relative}.wrap-my-recommend .title-my-recommend .title-right .search input{background-color:#f2f5f7;border:1px solid #d1d9de;border-radius:16px;padding:0 14px;width:100%;height:29px}.wrap-my-recommend .title-my-recommend .title-right .search img{right:7px;width:23px;position:absolute}.wrap-my-recommend .title-my-recommend .title-right .select-button-group{display:inline-flex;align-items:center;grid-gap:10px;gap:10px}.wrap-my-recommend .content-my-recommend{padding:24px}.wrap-my-recommend .content-my-recommend .content-my-recommend-container{margin:0 auto;box-shadow:0 1px 3px 0 rgba(15,37,51,.25);border-radius:4px;background:#fff}.wrap-my-recommend .content-my-recommend .ant-space{-webkit-padding-start:20px;padding-inline-start:20px;padding-right:20px;padding-bottom:20px}.wrap-my-recommend .content-my-recommend .ant-card-head-title{text-align:center}.wrap-my-recommend .content-my-recommend .ant-card-head-title .player_name{font-size:20px}.wrap-my-recommend .content-my-recommend .ant-card-head-title .recommend_comment{font-size:12px}.wrap-my-recommend .content-my-recommend p{padding-right:20px}.wrap-my-recommend .content-my-recommend .ant-card-body{text-align:end}.wrap-my-recommend .content-my-recommend .table-my-recommend tr:hover{background-color:#f7fafc;cursor:pointer}.wrap-my-recommend .content-my-recommend .table-my-recommend th{background-color:#f0f3f5;font-size:14px;font-weight:500;padding:5px}.wrap-my-recommend .content-my-recommend .table-my-recommend th span{border-left:1px solid #d7dadc;padding-left:8px;padding-top:3px;padding-bottom:3px;display:block;text-align:left;color:#0f2533}.wrap-my-recommend .content-my-recommend .table-my-recommend th:first-child span{border-left:none}.wrap-my-recommend .content-my-recommend .table-my-recommend td{font-size:13px;font-weight:400;padding-left:15px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #d7dadc}.wrap-add-workspace{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-add-workspace .recommend-add-workspace{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;position:relative}.wrap-add-workspace .recommend-add-workspace h4{padding:24px;font-size:16px;color:#0f2533;border-bottom:1px solid #d1d9de}.wrap-add-workspace .recommend-add-workspace ul{max-height:265px;overflow:auto}.wrap-add-workspace .recommend-add-workspace ul li{padding:17px 24px;font-size:14px;color:#222;cursor:pointer}.wrap-add-workspace .recommend-add-workspace ul li:hover{background-color:#f7fafc}.wrap-add-workspace .recommend-add-workspace ul li.active{background-color:#f2f5f7}.wrap-add-workspace .recommend-add-workspace>div{padding:8px 7px;border-top:1px solid #d1d9de;text-align:right}.wrap-add-workspace .recommend-add-workspace>div button{margin-left:8px;border:none;background-color:#fff;border-radius:4px;color:#0f2533;font-size:14px;padding:8px 12px;cursor:pointer;font-weight:500}.wrap-player-search{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-player-search .player-search{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);width:480px;padding:24px;position:relative}.wrap-player-search .player-search h4{font-size:16px;color:#0f2533;padding:24px;border-bottom:1px solid #d1d9de}.wrap-player-search .player-search>div{position:relative}.wrap-player-search .player-search>div img{position:absolute;top:11px;right:8px}.wrap-player-search .player-search>div input{background-color:#eee;border-radius:4px;padding:9px;border:none;width:100%}.wrap-player-search .player-search>div input::-webkit-input-placeholder{font-size:18px}.wrap-player-search .player-search>div input:-ms-input-placeholder{font-size:18px}.wrap-player-search .player-search>div input::-ms-input-placeholder{font-size:18px}.wrap-player-search .player-search>div input::placeholder{font-size:18px}.wrap-player-search .player-search ul{max-height:265px;overflow:auto}.wrap-player-search .player-search ul li{padding:20px 8px;font-size:14px;color:#222;cursor:pointer}.wrap-player-search .player-search ul li.message{color:red}.wrap-player-search .player-search ul li.active{background-color:grey!important}.wrap-game-search1{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-game-search1 .game-search1{padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);max-width:1180px;width:1180px;position:relative}.wrap-game-search1 .game-search1 table tr td:nth-child(5){background-color:#f7fafc}.wrap-game-search1 .game-search1 h4{font-size:16px;color:#0f2533;margin-bottom:28px}.wrap-game-search1 .game-search1 .title-game-search{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.wrap-game-search1 .game-search1 .title-game-search>ul{display:flex}.wrap-game-search1 .game-search1 .title-game-search>ul li{padding:10px 16px;color:#6e7f8a;font-size:14px;cursor:pointer;font-weight:500}.wrap-game-search1 .game-search1 .title-game-search>ul .active-game-search{color:#3d3df2;border-bottom:4px solid #3d3df2}.wrap-game-search1 .game-search1 .title-game-search>div:nth-child(2) button{margin-right:8px;color:#0f2533;font-size:14px;border:1px solid #d1d9de;border-radius:4px;background-color:#fff;padding:8px 12px;font-weight:500}.wrap-game-search1 .game-search1 .title-game-search>div:nth-child(3){display:flex}.wrap-game-search1 .game-search1 .title-game-search>div:nth-child(3) .time-option{width:120px;background:#fff url(/img/action/today_24px.svg) 97% 50% no-repeat;border:1px solid #c4c4c4;border-radius:4px;height:36px;margin-left:18px;outline:none;font-size:14px;line-height:20px;letter-spacing:-1px;padding-left:12px}.wrap-game-search1 .game-search1 .title-game-search>div:nth-child(3) .time-option::-webkit-inner-spin-button{display:none}.wrap-game-search1 .game-search1 .title-game-search>div:nth-child(3) .time-option::-webkit-calendar-picker-indicator{opacity:0}.wrap-game-search1 .game-search1 .title-game-search>div:nth-child(3) .time-option::-webkit-clear-button{display:none}.wrap-game-search1 .game-search1 .title-game-search>div:nth-child(3) .time-option::-ms-clear{display:none}.wrap-game-search1 .game-search1 .title-game-search>div:nth-child(3) select{margin-left:16px;font-size:14px;color:#222;width:120px;background-color:#fff;border:1px solid #d1d9de;border-radius:4px;background:url(/img/ic_arrow_down1.svg) 93%/28px no-repeat #fff;-webkit-appearance:none;padding:7px 21px 7px 11px}.wrap-game-search{position:fixed;display:none;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:100;align-items:center;justify-content:center}.wrap-game-search .game-search{padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);max-width:480px;position:relative}.wrap-game-search .game-search h4{font-size:16px;color:#0f2533;margin-bottom:28px}.wrap-game-search .game-search ul{display:flex;flex-wrap:wrap}.wrap-game-search .game-search ul li{cursor:pointer;display:flex;align-items:center;width:50%;margin-top:16px}.wrap-game-search .game-search ul li img{width:36px;margin-right:12px}.wrap-game-search .game-search ul li:first-child,.wrap-game-search .game-search ul li:nth-child(2){margin-top:0}.wrap-game-search .game-search ul li span{font-size:16px;color:#222}.table-game-search{max-height:600px;overflow-y:scroll}.suggestions-list{position:absolute;top:100%;left:0;width:100%;border:1px solid #ccc;background:#fff;z-index:1000;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);max-height:200px;overflow-y:auto;margin-top:4px;padding:0;list-style:none}.suggestions-list li{display:flex;align-items:center;padding:12px;cursor:pointer;justify-content:space-between}.suggestions-list li:hover{background-color:#f5f5f5}.suggestions-list img{margin-right:10px;flex-shrink:0}.suggestions-list div{display:flex;align-items:center;width:100%}.suggestions-list span{color:#74818a;font-size:13px;margin-left:auto}.wrap_live{height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:calc(100vh - 60px);background-color:#f0f3f5;min-width:1120px}.wrap_live select{font-size:14px;color:#222;background-color:#fff;border:1px solid #d1d9de;border-radius:4px;background:url(/img/ic_arrow_down1.svg) 99%/28px no-repeat #fff;-webkit-appearance:none;padding:7px 30px 7px 11px}.wrap_live .live-select__control{width:100%;min-width:130px;margin-left:5px;border:1px solid #d1d9de;height:30px}.wrap_live .live-select__placeholder{font-size:14px;color:rgba(34,34,34,.52)}.wrap_live .live-select__indicator-separator{background:none}.wrap_live .title-live{background-color:#fff;height:64px;align-items:center;display:flex;padding:0 24px;box-shadow:0 1px 0 0 #d1d9de;position:relative}.wrap_live .title-live h3{font-size:20px;color:#0f2533;line-height:36px}.wrap_live .title-live h3 span{margin-left:10px}.wrap_live .title-live h3 span .tooltips-live{visibility:hidden;line-height:normal;width:500px;font-weight:300;font-size:15px!important;position:absolute;top:50px;left:168px;background-color:#fff;border:1px solid #fff;padding:15px;border-radius:2px;box-shadow:0 1px 4px 4px rgba(0,0,0,.3);z-index:2}.wrap_live .title-live h3 span:hover .tooltips-live{visibility:visible;cursor:pointer}.wrap_live .live_container{padding:24px;color:#0f2533;font-family:"Noto Sans CJK JP"}.wrap_live .live_container .match_container{width:100%}.wrap_live .live_container .match_container .time{display:flex}.wrap_live .live_container .match_container .img-time{margin-top:4px;margin-left:5px;color:#74818a;font-size:14px;font-weight:700}.wrap_live .live_container .match_container .class{justify-content:flex-end;display:flex}.wrap_live .live_container .match_container .d-flex-between{margin-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap}.wrap_live .live_container .match_container .league_container{width:49%;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25);padding:18px 16px 16px}.wrap_live .live_container .rank-container{margin-top:38px;width:100%}.wrap_live .live_container .rank-container h3{font-size:18px}.wrap_live .live_container .rank-container .d-flex-between{margin-top:16px;display:flex;justify-content:space-between}.wrap_live .live_container .rank-container .contain{background:#fff;margin-top:16px;min-height:30vh;border-radius:4px;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap_live .live_container .rank-container .contain .group-table-players{padding:0 24px 24px;display:flex;flex-wrap:wrap}.wrap_live .date-match{font-size:14px;color:#444;letter-spacing:0;line-height:14px;font-weight:400}.game_card_content{border:1px solid #d1d9de;border-radius:4px;background-color:#fff;padding:19px 16px 16px;margin-bottom:16px;text-align:center}.game_card_content .d-flex{display:flex}.game_card_content .date-time{color:#0f2533;font-size:16px;font-weight:500;letter-spacing:0;line-height:17px;text-align:center;margin-right:6px}.game_card_content .btn-collapse-table-row{margin-top:8px;border:1px solid #d1d9de;border-radius:14px;background-color:#fff;color:#0f2533;font-size:14px;font-weight:700;letter-spacing:0;line-height:14px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.table-border{background-color:#fff;margin:24px;border-radius:5px;box-shadow:1px 1px 1px 1px #ddd}.dual-table{margin:0 24px;display:flex}.dual-table .left-table{width:48%}.dual-table .left-table,.dual-table .right-table{background-color:#fff;border-radius:5px;box-shadow:1px 1px 1px 1px #ddd}.dual-table .right-table{margin-left:2%;width:50%}.badge-green{background-color:#13bf69}.badge-green,.badge-yellow{font-size:14px;font-weight:500;letter-spacing:0;line-height:18px;text-align:center;color:#fff;border-radius:2px;padding:1px 8px}.badge-yellow{background-color:#f2a230}.badge-gray{font-size:14px;font-weight:500;letter-spacing:0;line-height:18px;text-align:center;color:#fff;border-radius:2px;background-color:#b0b9bf;padding:1px 8px}.score-match{cursor:pointer;display:flex;justify-content:space-between;margin:20px 0}.score-match .team-badge{padding:20px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #e8ecef;border-radius:2px;background-color:#fff;width:40%;max-width:200px;text-align:center}.score-match .team-badge .team-brand{display:flex;justify-content:center;align-items:center;margin:4px 0;font-size:20px;font-weight:700;letter-spacing:0}.score-match .team-badge img{width:20px;height:20px;margin-right:8px}.score-match .team-badge span{color:#0f2533}.score-match .team-badge .pick-type{font-size:12px;letter-spacing:0;color:#74818a}.score-match .team-badge .pick-type span{margin-left:8px;color:#131415}.score-match .score-wrap{display:flex;flex-direction:column;justify-content:center}.score-match .score-wrap .score{display:flex;justify-content:space-between}.score-match .score-wrap .score span{margin:0 10px;color:#0f2533;font-size:40px;font-weight:700;letter-spacing:0;line-height:24px;padding-bottom:8px}.score-match .score-wrap .out-circle{display:flex;font-weight:700;letter-spacing:0;font-size:12px;line-height:16px;text-align:justify;align-items:center;padding-right:5px;border-right:1px solid #d1d9de}.score-match .score-wrap .out-circle .circle{margin:0 2px;border-radius:50px;height:10px;width:10px;background-color:#d1d9de}.score-match .score-wrap .runners{height:21px;width:30px;display:flex;flex-wrap:wrap;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.score-match .score-wrap .runners .rectangle-rotate{box-sizing:border-box;height:8px;width:8px;border:1px solid #979797;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.score-match .score-wrap .runners .rectangle-full{margin:0 11px}.score-match .score-wrap .runners .rectangle-div{margin:0 0 0 6px}.score-match .score-wrap .runners .rectangle-div-second{margin:0 3px 6px 7px}.score-match .score-wrap .d-flex-center{display:flex;justify-content:center;margin-top:5px}.table-score-round{border:1px solid #000;border-collapse:collapse;cursor:pointer}.table-score-round td{border:1px solid #d1d9de;background-color:#fff;color:#0f2533;font-size:14px;letter-spacing:0;line-height:14px;text-align:center;min-width:20px;padding:8px 6px;font-size:18px}.table-score-round .cell-header{font-size:14px;background-color:#f7fafc}.table-batteries-homeruns{margin-top:10px;border:1px solid #d1d9de;border-collapse:collapse;text-align:left}.table-batteries-homeruns td{background-color:#fff;color:#0f2533;font-size:14px;letter-spacing:0;line-height:14px;min-width:20px;padding:8px 6px;border:1px solid #d1d9de}.header-title{background-color:#f7f7f7}.header-title,.table-item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-top:1px solid #ddd}.table-item{font-size:14px;height:30px;text-align:center}.title-head{font-size:14px;margin:5px;padding-left:12px;border-left:1px solid #ddd}.table-name{font-size:16px;padding:15px}.top-title{margin:24px;font-weight:700;font-size:18px}.rounded-letter{border:1px solid #b0b9bf;padding:5px;width:14px;height:14px;font-size:12px;display:flex;justify-content:center;align-items:center;border-radius:2px;margin-right:5px}.tab-container{width:100%;font-family:"Noto Sans CJK JP";background-color:transparent;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2)}.tab-container .tab-menu{width:100%;display:flex}.tab-container .tab-menu p{cursor:pointer;color:#6e7f8a;font-size:16px;font-weight:500;letter-spacing:0;line-height:20px;padding:2px 16px 10px}.table-player-container{font-family:"Noto Sans CJK JP";width:284px;margin:16px 24px 0 0}.table-player-container h4{padding-bottom:8px;font-size:16px}.table-player-container table{border:1px solid #d1d9de;border-collapse:collapse}.table-player-container table td{font-size:16px;letter-spacing:0;text-align:center;padding:8px 10px}.table-player-container table td img{width:20px;height:20px;margin-right:4px}.table-player-container table td span{line-height:14px}.table-player-container table td>*{vertical-align:middle}.table-player-container table tr{border:1px solid #d1d9de}.table-player-container table thead tr{background-color:#f0f3f5}.table-player-container table thead tr td{font-weight:700;padding:8px 0}.table-player-container table thead tr td p{border-right:1px solid #d1d9de}.wrap_live_detail{height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:calc(100vh - 60px);background-color:#f0f3f5;min-width:1120px;font-family:"Noto Sans CJK JP"}.wrap_live_detail .title-live-detail{background-color:#fff;height:64px;align-items:center;display:flex;padding:0 24px;box-shadow:0 1px 0 0 #d1d9de;position:relative}.wrap_live_detail .title-live-detail h3{font-size:20px;color:#0f2533;line-height:36px}.wrap_live_detail .title-live-detail h3 span{margin-left:10px}.wrap_live_detail .title-live-detail h3 span .tooltips-live{visibility:hidden;line-height:normal;width:500px;font-weight:300;font-size:15px!important;position:absolute;top:50px;left:168px;background-color:#fff;border:1px solid #fff;padding:15px;border-radius:2px;box-shadow:0 1px 4px 4px rgba(0,0,0,.3);z-index:2}.wrap_live_detail .title-live-detail h3 span:hover .tooltips-live{visibility:visible;cursor:pointer}.wrap_live_detail .game-detail-title{background:#fff}.wrap_live_detail .game-detail-title .game-detail-title-content{padding:22px 0;display:flex;justify-content:space-between;border-bottom:1px solid #d1d9de;margin:0 24px}.wrap_live_detail .game-detail-title .game-detail-title-content .badge-gray{line-height:22px}.wrap_live_detail .game-detail-title .game-detail-title-content .update-title{display:inline-flex;align-items:center;color:#74818a;font-size:14px;font-weight:700;letter-spacing:0;line-height:16px}.wrap_live_detail .game-detail-title .date-time{font-size:20px;font-weight:700;letter-spacing:0;line-height:20px;margin-right:19px}.wrap_live_detail .card-game-detail{display:flex;padding:4px 32px 24px;background-color:#fff;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2)}.wrap_live_detail .card-game-detail .left-content{width:50%}.wrap_live_detail .card-game-detail .right-content{margin-left:24px;width:48%}.wrap_live_detail .table-batteries-homeruns{font-size:14px;letter-spacing:0;line-height:14px}.wrap_live_detail .table-style,.wrap_live_detail .table-style-item{border:hidden;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.wrap_live_detail .table-responsiable-pitcher{margin-top:20px;border:1px solid #fff;border-collapse:collapse}.wrap_live_detail .table-responsiable-pitcher td{border:1px solid #d1d9de;background-color:#fff;color:#0f2533;font-size:14px;letter-spacing:0;line-height:14px;min-width:20px;padding:10px 6px}.wrap_live_detail .batting-record-wrap{margin:24px 24px 0;border-radius:4px 4px 0 0;background-color:#fff;box-shadow:0 1px 3px 0 rgba(15,37,51,.25)}.wrap_live_detail .batting-record-wrap h3{padding:18px 16px;color:#0f2533;font-size:16px;font-weight:700;letter-spacing:0;line-height:16px}.wrap_live_detail .batting-record-wrap .table-record{border:1px solid #d1d9de;border-collapse:collapse}.wrap_live_detail .batting-record-wrap .table-record th{text-align:center;font-size:14px;font-weight:700;letter-spacing:0;line-height:14px;background:#f0f3f5}.wrap_live_detail .batting-record-wrap .table-record th p{min-width:46px;margin:6px 0;border-right:1px solid #d1d9de}.wrap_live_detail .batting-record-wrap .table-record .rectangle{width:16px;height:16px;font-size:12px;border:1px solid #b0b9bf;border-radius:2px;background-color:#fff}.wrap_live_detail .batting-record-wrap .table-record .active-round{display:flex;align-items:center;padding-left:2px}.wrap_live_detail .batting-record-wrap .table-record .active-round div{margin-right:4px;height:8px;width:8px;border-radius:25px;background-color:#f2a230}.wrap_live_detail .batting-record-wrap .table-record .round-gray{color:#fff;border-radius:50%;background:#74818a;width:20px;height:20px;line-height:18px;display:inline-block;margin:0 auto 0 2px}.wrap_live_detail .batting-record-wrap .table-record .row{border:1px solid #d1d9de}.wrap_live_detail .batting-record-wrap .table-record .row td{padding:8px 0;text-align:center;font-size:14px;color:#0f2533;letter-spacing:0;line-height:14px}.wrap_live_detail .batting-record-wrap .table-record .row td .inning-badge{padding:2px 0;font-size:14px;letter-spacing:0;line-height:14px;text-align:center;color:#0f2533}.wrap_live_detail .batting-record-wrap .table-record .row td .height-full{padding:9px 2px}.wrap_live_detail .batting-record-wrap .table-record .total{font-weight:700}.wrap_live_detail .batting-record-wrap .table-record .total td{padding:8px 0;text-align:center}.wrap_live_detail .batting-record-wrap .table-record .class-top-img{border-bottom:1px solid #fff}.wrap_live_detail .batting-record-wrap .table-record .class-bottom-img{border-bottom:1px solid #ccc;height:50px;text-align:center;display:table-header-group}.wrap_live_detail .batting-record-wrap .table-record .text{width:95px;background-color:#f7fafc;border-right:1px solid #ccc;border-left:1px solid #ccc;font-size:24px;font-weight:700}.wrap_live_detail .batting-record-wrap .table-record .item-number,.wrap_live_detail .batting-record-wrap .table-record .text-area-top{text-align:center}@media screen and (min-width:2560px){.wrap_live_detail .batting-record-wrap .table-record .text-name{text-align:center;font-weight:700}}@media screen and (min-width:1440px){.wrap_live_detail .batting-record-wrap .table-record .text-line{width:95px}.wrap_live_detail .batting-record-wrap .table-record .text-name{text-align:center;font-weight:700}}@media screen and (min-width:1024px){.wrap_live_detail .batting-record-wrap .table-record .text-line{width:95px}.wrap_live_detail .batting-record-wrap .table-record .text-line-1{width:144px;height:33px}.wrap_live_detail .batting-record-wrap .table-record .text-name{width:100px;text-align:center;font-weight:700}}@media screen and (min-width:768px){.wrap_live_detail .batting-record-wrap .table-record .text-line{width:95px}.wrap_live_detail .batting-record-wrap .table-record .text-line-1{width:144px;height:33px}.wrap_live_detail .batting-record-wrap .table-record .text-name{text-align:center;font-weight:700}}@media screen and (min-width:280px){.wrap_live_detail .batting-record-wrap .table-record .text-line{width:95px}.wrap_live_detail .batting-record-wrap .table-record .text-line-1{width:144px;height:33px}.wrap_live_detail .batting-record-wrap .table-record .text-name{text-align:center;font-weight:700}}.wrap_live_detail .table-total-score{background:#fff}.wrap_live_detail .table-total-score .table-total-score{border-collapse:collapse}.wrap_live_detail .table-total-score tr{border-bottom:1px solid #d1d9de}.wrap_live_detail .table-total-score td{height:56px;display:inline-flex;align-items:center;padding:12px 24px;line-height:16px;min-width:62px}.wrap_live_detail .table-total-score td span{margin:0 auto;color:#444;font-size:16px;letter-spacing:0}.wrap_live_detail .table-total-score img{width:32px}.wrap_live_detail .button{direction:rtl;margin-right:20px}.wrap_live_detail .button .button-live{height:48px;width:96px;background-color:#3d3df2;margin:16px 0;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);color:#fff;font-size:14px;font-weight:700;letter-spacing:0;border-radius:25px;position:fixed;bottom:0}.ant-modal-header .ant-modal-title{font-size:16px;font-weight:700!important}.cancel{background-color:#f0f0f0!important;border-radius:6px!important}.button-cancel{border-top:1px solid #f0f0f0;padding:14px 0 0 400px;margin-top:14px}.ant-card-head-wrapper{background-color:#fafafa}.ant-card-head{padding:0!important}.ant-card-head-title{margin-left:14px}.ant-card .ant-card-bordered .card{border-bottom:none}.ant-collapse{border-left:none!important;border-right:none!important;border-bottom:none!important}.ant-card-body{padding:0!important}.np_of{min-width:25px;height:25px;background-color:#fa3e3e;border-radius:25px;text-align:center;color:#fff}.inning,.np_of{margin-right:8px}.inning{border-right:1px solid #f0f0f0;padding:13px 13px 13px 0}.text-number{display:flex;margin-bottom:5px}.ant-modal-close{display:none}.np_of_2{min-width:25px;height:25px;background-color:#13bf68;border-radius:25px;text-align:center;color:#fff;margin-right:8px}.ant-collapse-header{background-color:#fff}*{box-sizing:border-box;font-family:"Noto Sans JP",sans-serif}a,body,form,h1,h2,h3,h4,h5,h6,img,label,li,p,span,td,th,tr,ul{border:0;margin:0;padding:0}body{color:#000;line-height:1}ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}textarea{resize:none}.md-checkbox-custom{margin:25px 0;position:relative;text-align:left}.md-checkbox-custom.md-checkbox-inline{display:inline-block}.md-checkbox-custom label{clear:both;cursor:pointer;display:inline;line-height:1.5em;padding-left:1px}.md-checkbox-custom label:not(:empty){padding-left:.75em}.md-checkbox-custom label:after,.md-checkbox-custom label:before{content:"";left:0;position:absolute;top:0}.md-checkbox-custom label:before{background:#fff;border:1px solid #aaa;border-radius:.125em;cursor:pointer;height:1.5em;-webkit-transition:background .3s;transition:background .3s;width:1.5em}.md-checkbox-custom input[type=checkbox]{outline:0;visibility:hidden;width:1.5em;margin:0;display:block;float:left;font-size:inherit}.md-checkbox-custom input[type=checkbox]:checked+label:before{background:#3d3df2;border:none}.md-checkbox-custom input[type=checkbox]:checked+label:after{border-color:#fff;border-style:none none solid solid;border-width:.125em;height:.5em;-webkit-transform:translate(.25em,.36538em) rotate(-45deg);transform:translate(.25em,.36538em) rotate(-45deg);width:1em}.md-checkbox-custom input[type=checkbox]:disabled+label:before{border-color:rgba(0,0,0,.26)}.md-checkbox-custom input[type=checkbox]:disabled:checked+label:before{background:rgba(0,0,0,.26)}.search-custom{align-items:center;display:flex;justify-content:space-between;width:-webkit-max-content;width:-moz-max-content;width:max-content}.search-custom .searchbox{width:200px;height:32px;border:1px solid #d1d9de;border-radius:16px;font-size:14px;color:#222;padding:7px 12px;background:url(/img/action/ic_search_svg.svg) 95% no-repeat;margin-right:10px}.search-custom .button{background:#3d3df2;border-radius:4px;font-size:14px;font-weight:500;border:none;color:#fff;padding:8px 14px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.search-custom .button:hover{background:#5454e3}.search-custom .button:before{background:url(/img/ic_add_svg.svg) 0 no-repeat;content:"";display:inline-block;height:12px;width:25px}.modal-custom{height:100%;left:50%;position:fixed;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.modal-custom .modal{display:flex;justify-content:center;height:100vh;width:100%}.modal-custom .modal .modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);height:-webkit-max-content;height:-moz-max-content;height:max-content;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:480px}.modal-custom .modal .modal-content .modal-header{padding:24px}.modal-custom .modal .modal-content .modal-header span{color:#0f2533;font-family:ABeeZee;font-size:16px;line-height:16px}.modal-custom .modal .modal-content .modal-body{padding:0 24px}.modal-custom .modal .modal-content .modal-body form{width:100%}.modal-custom .modal .modal-content .modal-body form .form-group{display:flex;margin-bottom:1rem;margin-left:0}.modal-custom .modal .modal-content .modal-body form .form-group .label-text{align-items:center;display:flex;justify-content:flex-start;color:#74818a;font-size:14px;min-width:90px}.modal-custom .modal .modal-content .modal-body form .form-group input{background:#fff;border:1px solid #d1d9de;border-radius:4px;height:36px;padding:10px;width:100%}.modal-custom .modal .modal-content .modal-body p{font-size:14px}.modal-custom .modal .modal-content .modal-body p.message-confirm{color:#74818a;margin-bottom:24px}.modal-custom .modal .modal-content .modal-body p.info-message{color:#222;margin-bottom:36px}.modal-custom .modal .modal-content .modal-footer{padding:8px;text-align:right}.modal-custom .modal .modal-content .modal-footer button{background:#fff;border:1px solid #d1d9de;border-radius:4px;color:#0f2533;cursor:pointer;font-size:14px;font-weight:500;height:36px;line-height:20px}.modal-custom .modal .modal-content .modal-footer button:first-child{margin-right:8px}.select-custom{font-size:14px;color:#222;height:36px;width:100%;background:#fff;border:1px solid #d1d9de;border-radius:4px;padding:7px 11px;background:url(/img/ic_arrow_down1.svg) 95%/9px no-repeat #fff;-webkit-appearance:none}.select-custom:hover{background-color:#f2f5f7;border-color:#74818a}button:disabled{color:grey!important;cursor:default}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:#d1d9de;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d1d9de}.page-error{width:100%;height:calc(100vh - 60px);align-items:center;display:flex;justify-content:center}.detailed-search{min-height:calc(100vh + 60px);overflow:auto;height:100%;background-color:#fff;width:100%}.detailed-search h1{font-size:36px}.child-m-0 span:first-child{margin:0!important}.detailed-search{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}.detailed-search .logo-search-top{height:56px;background-color:#0d2b40;position:relative;z-index:110;padding:15px 16px}.detailed-search .logo-search-top img{width:27px}.time-option{width:101%;background:#fff url(/img/action/today_24px.svg) 97% 50% no-repeat;border:1px solid #c4c4c4;border-radius:4px;height:36px;outline:none;font-size:14px;line-height:20px;letter-spacing:-1px;margin-left:0}input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button{opacity:0;-webkit-appearance:none}input[type=date]::-webkit-clear-button{display:none}.md-checkbox-custom{margin:0 16px 16px 0}.md-checkbox-custom label{font-size:14px;color:#0f2533}.label-delete{width:auto!important;margin-right:8px;margin-bottom:5px;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background-color:#e8ecef;border-radius:16px}.label-delete span{white-space:nowrap;font-size:12px;color:#444}.radio-detailed-search{display:block;position:relative;padding-left:35px;cursor:pointer;font-size:14px;color:#0f2533;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:25px}.flex-checklist{display:flex;padding-left:6px;flex-direction:row;align-items:center}@media (max-width:700px){.flex-checklist{display:block}}.label-checklist .rc-checkbox{width:23px;height:23px}@media (max-width:700px){.label-checklist{margin:-23px 0 0 -8px}}.radio-detailed-search input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio-detailed-search input :disabled:hover{background-color:red}.checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:transparent;border:1px solid #b0b9bf;border-radius:50%}.radio-detailed-search:hover .checkmark{content:"";background-color:#f2f2fe;border-color:transparent;width:40px;height:40px;z-index:999;top:-7px;left:-7px}.radio-detailed-search:hover .checkmark:after{display:block;width:24px;height:24px;z-index:999;left:6px;top:6px;background-color:#fff;border-color:#c0c7cf}.radio-detailed-search input:checked~.checkmark{background-color:#3d3df2;width:24px;height:24px;top:0;left:0}.checkmark:after{content:"";position:absolute;border-color:#c0c7cf}.radio-detailed-search input:checked~.checkmark:after{display:block;width:10px;height:10px;z-index:999;left:5px;top:5px;background-color:#fff;border-color:#c0c7cf}input[type=radio][disabled]{opacity:.5;width:24px;height:24px;z-index:1000;left:-5px;top:-3px;-webkit-filter:contrast(2.6);filter:contrast(2.6)}.radio-detailed-search .checkmark:after{content:"";display:contents;top:6px;left:6px;z-index:-1;width:24px;height:24px;border-radius:50%;background:#f2f2fe;border:1px solid #c0c7cf}@media (min-width:768px){.detailed-search{position:relative;z-index:10}.detailed-search .logo-search-top{display:none}}@media (max-width:576px){.detailed-search{min-height:auto}}.search-result .search-result-title{padding:8px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 0 0 #d1d9de;position:relative;background-color:#fff;height:64px}.search-result .search-result-title h2{font-size:20px;color:#222}.search-result .search-result-title div{border:1px solid #d1d9de;border-radius:4px;padding:4px 10px;cursor:pointer;align-items:center;display:flex}.search-result .search-result-title div span{font-size:14px;color:#3d3df2;margin-left:10px;font-weight:500;line-height:20px}.search-result .search-result-title div img{width:24px}.search-result .notice-result{padding:14px 16px;background-color:#f0f3f5;display:flex;justify-content:space-between}.search-result .notice-result p{font-size:12px}.search-result .notice-result p:first-child{color:#0f2533;margin-bottom:13px}.search-result .notice-result p:last-child{color:#74818a}.search-result .notice-result button{border-radius:4px;background-color:#0d2b40;padding:10px 16px;border:none;color:#fff;cursor:pointer;font-size:14px}.search-result .content-result-search{background-color:#fff}.search-result .content-result-search .menu-result{padding:16px 16px 0;box-shadow:0 1px 0 0 #d1d9de}.search-result .content-result-search .menu-result ul{display:flex}.search-result .content-result-search .menu-result ul .active{border-bottom:4px solid #3d3df2}.search-result .content-result-search .menu-result ul .active span{color:#3d3df2}.search-result .content-result-search .menu-result ul li{padding:6px;display:flex;align-items:center;cursor:pointer;border-bottom:4px solid #fff}.search-result .content-result-search .menu-result ul li img{margin-right:4px;width:20px}.search-result .content-result-search .menu-result ul li span{color:#6e7f8a;font-size:14px}.search-result .content-result-search .table-app-search{display:block;overflow-x:auto;overflow-y:auto;white-space:nowrap}.search-result .content-result-search .table-app-search th{background-color:#f0f3f5;font-size:14px;font-weight:500;padding:8px 5px;border:1px solid #d7dadc;color:#0f2533}.search-result .content-result-search .table-app-search td{font-size:13px;font-weight:400;padding-left:15px;padding-top:10px;padding-bottom:10px;border:1px solid #d7dadc;text-align:center}.search-result .content-result-search .table-app-search .position{font-size:12px;color:#222;border:1px solid #ccc;border-radius:2px;padding:0 3px;margin-right:5px}@media (max-width:576px){.search-result-title>div{display:none!important}}.setup-search{background-color:#fff}.setup-search .title-setup-search{padding:8px 24px;background-color:#fff;display:flex;align-items:center;box-shadow:0 1px 0 0 #d1d9de;height:64px}.setup-search .title-setup-search img{margin-right:20px;cursor:pointer}.setup-search .title-setup-search h2{font-size:20px;color:#222}.setup-search>div:nth-child(2){padding:24px 16px}@media (min-width:1024px){.setup-search>div:nth-child(2) ul{margin-left:30px}}@media (min-width:1024px){.setup-search>div:nth-child(2){height:100vh;background-color:#f2f5f7}}.setup-search>div:nth-child(2) li{margin-bottom:16.9px}@media (min-width:1024px){.setup-search>div:nth-child(2) li{display:inline-block;margin-right:10px}}.setup-search>div:nth-child(2) li:last-child{margin-bottom:0}.btn-send-search{visibility:hidden;width:100%;bottom:0;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);padding:8px;height:52px;background-color:#fff;position:fixed}@media (max-width:760px){.btn-send-search{visibility:visible}}.btn-send-search button{width:100%;height:100%;background-color:#292f33;border-radius:4px;border:none;font-size:14px}.btn-send-search button a{text-align:center;color:#fff;display:block;height:100%;vertical-align:middle;line-height:34px}@media (max-width:768px){.btn-send-search{width:100%!important}}.last-li{height:52px}@media (min-width:1024px){.last-li{height:0}}@media (min-width:1024px){.analysis-container{background-color:#fff;border-radius:10px;padding:10px;box-shadow:1px 1px 5px #ddd}}.analysis-container p{font-size:18px;font-weight:500;margin:10px;padding-bottom:15px;border-bottom:1px solid #ddd}.analysis-title{display:none}@media (min-width:1024px){.analysis-title{display:contents}}.err-validate-advance-search .err-label{margin:0!important;color:red!important;font-size:16px!important;padding-bottom:20px;padding-left:30px}.d-flex{display:flex}@media (max-width:992px){.d-flex{display:unset}}.advance-search .d-flex-align-center{display:flex;align-items:center}.advance-search .d-block{display:block}.advance-search .search-main-point-difference-checkbox .rc-checkbox{margin:0 8px}.advance-search .search-main-advanced-checkbox{margin-bottom:10px}.advance-search .search-main-advanced-checkbox .rc-checkbox{margin:0 8px}.advance-search .search-main-analysis-child-item{display:flex;padding-left:18px}.advance-search .btn-advanced-search-batter{width:88px;border-radius:0 4px 4px 0;font-family:"Noto Sans CJK JP";font-size:14px;font-weight:500;height:36px;cursor:pointer;outline:none}@media (max-width:425px){.advance-search .btn-advanced-search-batter{font-size:10px}}.advance-search .btn-pitcher-search{background-color:#3d3df2;color:#fff;border-radius:4px 0 0 4px}.advance-search .btn-pitcher-search :active{border-radius:4px 0 0 4px!important;background-color:#3d3df2}.advance-search .btn-pitcher-search :focus{background-color:#3d3df2}.advance-search .btn-batter-search{background-color:#3d3df2;color:#fff;border-radius:0 4px 4px 0!important}.advance-search .btn-batter-search :active{border-radius:4px 0 0 4px!important;background-color:#3d3df2}.advance-search .btn-batter-search :focus{background-color:#3d3df2}.advance-search .item-select{padding-left:18px}.advance-search .btn-advanced-search-pitcher{width:88px;border-radius:4px 0 0 4px;font-family:"Noto Sans CJK JP";font-size:14px;font-weight:500;height:36px;cursor:pointer;outline:none}@media (max-width:425px){.advance-search .btn-advanced-search-pitcher{font-size:10px}}.group-name-team{margin-left:0}.list-item-checkbox{display:flex;flex-wrap:wrap;margin-left:25px}@media (max-width:768px){.list-item-checkbox{display:block}}.item-check{display:flex}.search-main-advanced-checkbox{display:flex;flex-direction:row}.search-main-advanced-checkbox .rc-checkbox{margin:0 2px;width:38.5px;height:41px}.search-main-advanced-checkbox label{font-size:14px;justify-content:center;display:flex;align-items:center}.search-input-advanced{position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-bottom:16px;width:70%;display:flex;justify-content:center}.search-input-advanced input{width:100%;border:1px solid #d1d9de;border-radius:16px;background-color:#fff;padding:9px 12px;outline:none}.search-input-advanced img{position:absolute;right:10px;top:6px}.tooltips,.tooltips-detailed-search{visibility:hidden;width:500px;font-weight:300;font-size:15px!important;position:absolute;top:50px;left:118px;background-color:#fff;border:1px solid #fff;padding:15px;border-radius:2px;box-shadow:0 1px 4px 4px rgba(0,0,0,.3);z-index:2}.tooltips-detailed-search{text-align-last:auto}@media (max-width:617px){.tooltips-detailed-search{width:280px}}@media (max-width:402px){.tooltips-detailed-search{width:230px}}@media (max-width:343px){.tooltips-detailed-search{width:-webkit-min-content;width:-moz-min-content;width:min-content}}.btn-container{display:flex;width:80%;justify-content:flex-end}.btn-search-top{visibility:visible;width:150px;color:#fff;border-radius:4px;background:#000;padding:10px}.btn-search-top .btn-send-color{color:#fff}@media (max-width:787px){.btn-search-top{visibility:hidden}}.main-search .btn-send-search{position:fixed;visibility:hidden;width:calc(100vw - 88px);color:#fff}.main-search .btn-send-search .btn-send-color{color:#fff}@media (max-width:787px){.main-search .btn-send-search{visibility:visible}}.main-search .btn-send{width:150px}@media (max-width:992px){.main-search .btn-send{margin-right:30px}}.main-search .btn-send .btn-top-send-color{width:150px;color:#fff;border-radius:4px;background:#000;padding:10px}@media (max-width:787px){.main-search .btn-send{display:none}}.main-search .navigate-main-search{position:fixed;width:95%;z-index:99999;top:60px;background-color:#fff;padding:8px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 0 0 #d1d9de;height:64px}@media (max-width:767px){.main-search .navigate-main-search{position:relative;width:100%;top:0}}.main-search .navigate-main-search h2{font-size:20px;color:#222}.main-search .navigate-main-search h2 span{margin-left:10px}.main-search .navigate-main-search h2 span:hover .tooltips-detailed-search{visibility:visible;cursor:pointer}.main-search .analysis-wrap{width:40%;padding:140px 16px}@media (max-width:992px){.main-search .analysis-wrap{width:100%;padding:24px;background-color:#f2f5f7}}@media (max-width:787px){.main-search .analysis-wrap{width:100%;padding:24px;background-color:#f2f5f7}}.main-search .analysis-wrap .open-collapse{display:contents}@media (max-width:425px){.main-search .analysis-wrap .open-collapse{display:none}}.main-search .analysis-wrap .close-collapse{display:none}@media (max-width:425px){.main-search .analysis-wrap .close-collapse{display:contents}}.main-search .analysis-wrap .analysis-item{width:100%}@media (max-width:768px){.main-search .analysis-wrap .analysis-item{background-color:#fff;padding:10px;border-radius:5px;box-shadow:1px 1px 6px 1px #ddd}}.main-search .analysis-wrap .analysis-item .group-filter-item{padding:10px 0;border-bottom:1px solid #d1d9de}.main-search .analysis-wrap .analysis-item .group-filter-item .toggle-collapse{display:flex;justify-content:space-between}.main-search .analysis-wrap .analysis-item .group-filter-item .toggle-collapse h4{line-height:23px;font-weight:500}.main-search .checkbox-allyear{display:flex;justify-content:center;align-items:center}@media (max-width:425px){.main-search .checkbox-allyear{display:grid}}.main-search .filter-content,.main-search .filter-group,.main-search .search-group{display:flex;flex-flow:wrap}.main-search .navbar-topleft{padding:15px 5px 5px 14px;visibility:visible}@media (max-width:767px){.main-search .navbar-topleft{display:-webkit-box}}.main-search .visible-area{border-bottom:1px solid #ddd;visibility:visible}@media (max-width:767px){.main-search .visible-area{visibility:hidden}}.main-search .visible-btn{visibility:hidden;width:0;display:none}@media (max-width:767px){.main-search .visible-btn{visibility:visible;display:contents}}.main-search .smallTitle{color:#74818a;font-family:"Noto Sans CJK JP";font-size:12px;font-weight:700;line-height:16px;margin-bottom:8px;margin-left:10px;margin-top:10px}.main-search .wrap-group{display:flex;flex-flow:wrap;margin-left:10px}.main-search .container-flexbox{display:flex;flex-direction:column;justify-content:space-between}@media (max-width:768px){.main-search .container-flexbox{flex-direction:row;justify-content:space-around}}.main-search .container-items{display:contents}.main-search .content-main-search{width:60%;padding:140px 24px 85px;background-color:#f2f5f7}@media (max-width:992px){.main-search .content-main-search{width:100%;padding:24px 24px 6px}}@media (max-width:787px){.main-search .content-main-search{width:100%;padding:24px 24px 6px}}.main-search .content-main-search .all-btn-search .item-group-btn{border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);margin-bottom:8px}.main-search .content-main-search .all-btn-search .item-group-btn>h3{padding:19px 16px;color:#0f2533;font-family:"Noto Sans CJK JP";font-size:14px;font-weight:700;line-height:16px;border-bottom:1px solid #d2d5d7}.main-search .content-main-search .all-btn-search .item-group-btn .inner-item-group{padding:15px 16px}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group>div:nth-child(2){padding-left:18px;border-bottom:1px solid #d1d9de;padding-bottom:24px}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group>div:nth-child(3){margin-top:14px}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group>div:last-child{padding-bottom:11px}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group>div:nth-child(2n){padding-left:18px;padding-top:21px}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group>div:nth-child(2n)>div>p{color:#74818a;font-family:"Noto Sans CJK JP";font-size:12px;font-weight:700;line-height:16px;margin-bottom:8px}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group>div:nth-child(2n)>div>div{display:flex}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group>div:nth-child(2n)>div>div>div{width:50%}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group .wrap-label-delete{display:flex;flex-wrap:wrap}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group .wrap-label-delete:nth-child(2){margin-bottom:35px}.main-search .content-main-search .all-btn-search .item-group-btn:first-child .inner-item-group .wrap-label-delete:nth-child(2)+p{color:#74818a;font-family:"Noto Sans CJK JP";font-size:12px;font-weight:700;line-height:16px;margin-bottom:11px}.main-search .content-main-search .all-btn-search .item-group-btn .item-group{padding:16px;margin-left:28px;flex-wrap:wrap;display:flex}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(2) .inner-item-group{padding:16px;display:flex;flex-wrap:wrap}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(2) .inner-item-group>div{margin-right:16px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(3) .inner-item-group>div:nth-child(2)>div:last-child{padding-left:18px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(3) .inner-item-group>div:nth-child(3)>div:last-child{padding-left:18px;display:flex;align-items:center}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(3) .inner-item-group>div:nth-child(3)>div:last-child span{margin:0 8px;font-size:39px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(3) .inner-item-group>div>div:last-child>div:first-child{margin:16px 0;display:flex;align-items:center}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(3) .inner-item-group>div>div:last-child>div:first-child span{font-size:14px;margin:10px 9px;color:#2c3436}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(3) .inner-item-group>div>div:last-child>div:first-child .md-checkbox-custom{margin:0 0 0 8px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(3) .inner-item-group>div>div:last-child>div:last-child{display:flex;flex-wrap:wrap;margin-left:-5px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(3) .inner-item-group>div:first-child select+span{font-size:39px!important}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(2),.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(3),.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(4){display:flex;align-items:center}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(2) .md-checkbox-custom,.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(3) .md-checkbox-custom,.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(4) .md-checkbox-custom{margin:0 16px 0 0}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(2)>span,.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(3)>span,.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(4)>span{margin-left:8px;font-size:14px;color:#2c3436}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(2),.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(4) .inner-item-group>div:nth-child(3){margin-bottom:0}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group .inner-item-child{padding-bottom:16px;border-bottom:1px solid #d2d5d7;margin-bottom:18px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group .inner-item-child:last-child{margin:0;padding-bottom:8px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group .inner-item-child>h4{color:#0f2533;font-size:13px;margin-bottom:18px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:first-child>div{display:flex}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:first-child>div>div{margin-right:24px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(2)>div>p{color:#74818a;font-size:12px;margin-bottom:8px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(2)>div>div{display:flex;flex-wrap:wrap}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(2)>div>div>div{margin-right:16px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(3)>div{display:flex;align-items:center}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(3)>div select{width:150px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(3)>div select+span{font-size:39px;margin:0 4px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(4)>div>div:last-child{padding-left:18px;display:flex;flex-wrap:wrap}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(4)>div>div:last-child>div{margin-right:16px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(5)>div>div>p{font-size:12px;color:#74818a;margin-bottom:8px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(5)>div>div>div{display:flex;flex-wrap:wrap}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(5)>div>div>div>div{margin-right:16px}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(7)>div>div:nth-child(2n){display:flex;flex-wrap:wrap}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(8)>div>div:last-child{padding-left:18px;display:flex;flex-wrap:wrap}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(10)>div>div{display:flex;align-items:center}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(10)>div>div:last-child .md-checkbox-custom{margin:0 16px 0 0}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(11)>div>div:nth-child(2n),.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(12)>div,.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(14)>div,.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(15)>div,.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(16)>div{display:flex;flex-wrap:wrap}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(17){border-bottom:0}.main-search .content-main-search .all-btn-search .item-group-btn:nth-child(5) .inner-item-group>div:nth-child(17)>div{display:flex;flex-wrap:wrap}.main-search .content-main-search .all-btn-search .item-group-btn .select-year-month-detailed-search{padding-left:18px}
/*# sourceMappingURL=main.20d626f6.chunk.css.map */