*{padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box}*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box}body{font-family:"Open Sans",sans-serif;font-size:16px;background:#e7e9ef;color:#534f4f;padding:0;margin:0}a{color:#df6363;text-decoration:none;-webkit-transition:all 200ms ease;transition:all 200ms ease}a:hover{color:#f68631;text-decoration:underline}a.badge{padding-left:20px;padding-right:20px}a.badge:hover{color:#fff;text-decoration:none}::-moz-selection{color:#fff;background:#df6363}::selection{color:#fff;background:#df6363}ul,li,ol{list-style:none;padding:0;margin:0}button,input,select{outline:none;cursor:pointer;font-family:"Open Sans",sans-serif;font-size:1rem}button.btn{border:none;color:#fff;font-weight:600;border-radius:50px;width:100%;max-width:450px;display:block;padding:10px 15px}button.btn.btn-sm{padding:4px 8px;font-size:.8rem}button.btn.btn-inline{display:inline-block;width:auto}.btn{-webkit-transition:all 500ms ease;transition:all 500ms ease;color:#fff;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:5px 10px;margin:0 auto;border-radius:4px}.btn:hover{text-decoration:none;color:#fff}.btn[disabled]{background:#aaa !important;cursor:not-allowed;box-shadow:none !important}.btn.btn-inline{display:inline-block;width:auto}.btn.btn-sm{padding:4px 8px;font-size:.8rem}.btn-radius{border-radius:100px;padding:3px 20px}.btn-primary{background:#df6363}.btn-primary:hover{box-shadow:0 6px 15px rgba(223,99,99,.5),inset -4px -8px 15px rgba(201,39,39,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{background:#f68631}.btn-secondary:hover{box-shadow:0 6px 15px rgba(246,134,49,.5),inset -4px -8px 15px rgba(230,104,20,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-blue{background:#32acf9}.btn-blue:hover{box-shadow:0 6px 15px rgba(50,172,249,.5),inset -4px -8px 15px rgba(47,115,232,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-green{background:#34cb2a}.btn-green:hover{box-shadow:0 6px 15px rgba(52,203,42,.5),inset -4px -8px 15px rgba(1,148,6,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-default{background:#868a94;color:#e5e5e5;cursor:not-allowed}.table .btn{margin-top:5px;margin-bottom:5px}.color-primary{color:#df6363}.color-secondary{color:#f68631}.color-blue{color:#32acf9}.color-green{color:#34cb2a}.color-text{color:#534f4f}.underline{text-decoration:underline}.strikethrough{text-decoration:line-through}.font-r{font-weight:400}.font-m{font-weight:500}.font-sb{font-weight:600}.font-b{font-weight:700}.badge{background:#aaa;color:#fff;border-radius:30px;padding:3px 8px}.badge.badge-primary{background:#df6363}.badge.badge-secondary{background:#f68631}.badge.badge-blue{background:#32acf9}.badge.badge-green{background:#34cb2a}.badge.badge-yellow{background:#ffb916}.badge.badge-sm{padding:1px 5px 0px 5px;font-size:.75rem;font-weight:600}.table-responsive{min-height:.01%;overflow-x:auto;display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width: 767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}.table{width:100%; /*border-collapse:collapse*/;margin:0;font-weight:600}@media only screen and (min-width: 992px){.table{margin:10px 0 20px 0}}.table.table-primary thead tr{background:#df6363}.table.table-primary tbody tr{background:rgba(223,99,99,.2)}.table.table-primary tbody tr:nth-child(2n+1){background:rgba(223,99,99,.3)}.table.table-primary tbody tr td{color:#df6363}.table.table-primary .head{background:#df6363}.table.table-blue thead tr{background:#6289e4}.table.table-blue tbody tr{background:rgba(98,137,228,.2)}.table.table-blue tbody tr:nth-child(2n+1){background:rgba(98,137,228,.3)}.table.table-blue tbody tr td{color:#6289e4}.table.table-blue .head{background:#6289e4}.table.table-small td,.table.table-small th{padding:4px 8px}.table.table-font-r{font-weight:400}.table.table-font-r th{font-weight:400}.table.table-border td{border:1px solid #fff},.table.table-border th{border:1px solid #fff}.table.table-border-horz td,.table.table-border-horz th{border-bottom:1px solid #fff}.table td,.table th{padding:7px 2px;text-align:center}.table thead tr{background:#6289e4}.table thead tr th{color:#fff;font-size:.875rem}.table tbody tr{background: rgba(98,137,228,.2);}.table tbody tr:nth-child(2n+1){    background: rgba(98,137,228,.3);}.table tbody tr td{font-size:.875rem}.table .blank{background:#fff}.table img{position:relative;top:3px}.alert{background:#aaa;padding:10px 15px;margin:15px 0}.alert.alert-secondary{background:rgba(246,134,49,.4);color:#f68631}.alert.alert-secondary .alert-heading{border-color:rgba(246,134,49,.5)}.alert.alert-green{background:rgba(52,203,42,.3);color:#34cb2a}.alert.alert-green .alert-heading{border-color:rgba(52,203,42,.5)}.alert.alert-blue{background:rgba(50,172,249,.3);color:#32acf9}.alert.alert-blue .alert-heading{border-color:rgba(50,172,249,.5)}.alert .alert-heading{font-size:1.2rem;font-weight:600;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #111}.tabs .tab{display:none}.tabs .tab.active{display:block}.input-radio{position:relative;margin:5px;display:inline-block}.input-radio input[type=radio]{display:none}.input-radio input[type=radio]:not([disabled]):checked~label{color:#df6363}.input-radio input[type=radio]:not([disabled]):checked~label:before{background:#df6363}.input-radio input[type=radio]:not([disabled]):checked~label:after{width:8px;height:8px;top:7px;left:7px;background:#a91c1c}.input-radio label{position:relative;cursor:pointer}.input-radio label:before{content:" ";width:22px;height:22px;border-radius:100%;background:#c7c6c6;display:inline-block;margin-right:5px;margin-bottom:-5px;-webkit-transition:all 500ms ease;transition:all 500ms ease}.input-radio label:after{content:" ";width:16px;height:16px;background:#fff;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all 500ms ease;transition:all 500ms ease}.header{/*height:70px;*/ border-bottom:1px solid #d6d8dc}.header .nav-top{display:flex;flex-wrap:wrap}.header .nav-top.no-login .links{display:flex;flex-wrap:wrap;padding-left:20px;display:none;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);z-index:10;position:absolute;top:70px;left:0;width:100%}@media only screen and (min-width: 992px){.header .nav-top.no-login .links{display:flex;background:none;box-shadow:none;z-index:10;position:relative;top:auto;left:auto;width:auto}}.header .nav-top.no-login .links.show{display:flex}.header .nav-top.no-login .links>li{margin:5px 10px}@media only screen and (min-width: 992px){.header .nav-top.no-login .links>li{margin:0 20px}}.header .nav-top.no-login .links>li>a{font-weight:600}.header .nav-top.no-login .links li{position:relative;width:100%;border-bottom:1px solid #eee}@media only screen and (min-width: 992px){.header .nav-top.no-login .links li{width:auto;border-bottom:none}}.header .nav-top.no-login .links li:hover .sub-links{opacity:1;visibility:visible}.header .nav-top.no-login .links li a{font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;height:auto;padding:10px 0px}@media only screen and (min-width: 992px){.header .nav-top.no-login .links li a{height:70px;padding:0}}.header .nav-top.no-login .links .sub-links{padding:10px 0;background:#fff;-webkit-transition:all 500ms ease;transition:all 500ms ease;z-index:3;position:relative;top:auto;left:auto;visibility:visible;opacity:1;box-shadow:none}@media only screen and (min-width: 992px){.header .nav-top.no-login .links .sub-links{position:absolute;top:60px;left:-20px;visibility:hidden;opacity:0;box-shadow:0 6px 15px rgba(0,0,0,.1)}}.header .nav-top.no-login .links .sub-links:before{content:" ";height:0;width:0;border-color:transparent;border-style:solid;border-width:7.5px;border-bottom-color:#fff;position:absolute;top:-15px;left:15px}.header .nav-top.no-login .links .sub-links a{height:35px;padding:0 20px;white-space:nowrap}.header .nav-top.no-login .links .sub-links li+li{border-top:1px solid #e7e9ef}.header .nav-top.no-login .links .fa-caret-down{margin-left:5px}.header .nav-top.logged .box-userinfo{display:flex;flex-wrap:wrap;justify-content:space-between;display:none;position:absolute;top:70px;right:0;background:#fff;box-shadow:-10px 0 13px rgba(0,0,0,.2);display:none;z-index:10;width:80vw}.header .nav-top.logged .box-userinfo.show{display:block}@media only screen and (min-width: 1200px){.header .nav-top.logged .box-userinfo.show{display:flex}}@media only screen and (min-width: 1200px){.header .nav-top.logged .box-userinfo{display:flex;position:relative;top:auto;right:auto;background:none;box-shadow:none;z-index:10;height:auto;width:auto}}.header .nav-top.logged .userinfo{border-left:1px solid #d6d8dc;height:70px;flex:none;position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end}@media only screen and (min-width: 992px){.header .nav-top.logged .userinfo{flex:1}}@media only screen and (min-width: 1200px){.header .nav-top.logged .userinfo{display:block}}.header .nav-top.logged .bank{padding:5px 20px}.header .nav-top.logged .bank .moneys{margin-bottom:5px;align-items:center;align-content:center;clear:both;padding-top:20px}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .moneys{height:25px;display:flex;flex-wrap:wrap;clear:initial;padding-top:0}}.header .nav-top.logged .bank .moneys .number{font-weight:700;color:#df6363;margin-left:5px;font-size:1rem}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .moneys .number{font-size:.9rem}}@media only screen and (min-width: 1500px){.header .nav-top.logged .bank .moneys .number{font-size:1rem}}.header .nav-top.logged .bank .moneys img{position:relative;top:3px;height:24px}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .moneys img{height:20px}}.header .nav-top.logged .bank .money{margin:2px 10px;padding-bottom:5px;line-height:25px;font-size:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;width:200px;float:left;clear:both;border-bottom:1px solid #eee}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .money{border:none;margin:0 10px;padding-bottom:0;display:inline-block;font-size:.9rem;width:auto}}@media only screen and (min-width: 1600px){.header .nav-top.logged .bank .money{margin:0 20px;font-size:1rem}}.header .nav-top.logged .bank .label{color:#8f9195;font-weight:600;font-size:1rem;clear:both;float:left}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .label{font-size:.8rem;clear:initial;float:none}}@media only screen and (min-width: 1500px){.header .nav-top.logged .bank .label{font-size:.9rem}}.header .nav-top.logged .bank .jewels{display:block;align-items:center;align-content:center;clear:both;float:left;padding-top:20px}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .jewels{display:flex;flex-wrap:wrap;height:25px;clear:initial;padding-top:0;float:none}}.header .nav-top.logged .bank .jewels .jewel{margin:2px 10px;line-height:25px;font-size:1rem;float:left;clear:both;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;justify-content:space-between;width:200px;padding-bottom:5px}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .jewels .jewel{width:auto;padding-bottom:0;display:inline-block;font-size:.9rem;margin:0 10px;float:none;clear:initial;border-bottom:none}}@media only screen and (min-width: 1600px){.header .nav-top.logged .bank .jewels .jewel{margin:0 20px;font-size:1rem}}.header .nav-top.logged .bank .jewels .number{color:#f68631;font-weight:700;margin-left:5px;font-size:1rem}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .jewels .number{font-size:1rem}}.header .nav-top.logged .bank .jewels img{width:12px}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .jewels img{width:9px}}.header .nav-top.logged .bank .jewels svg{color:#b2b2b2;font-size:1rem}@media only screen and (min-width: 1200px){.header .nav-top.logged .bank .jewels svg{font-size:1rem}}.header .nav-top.logged .features{clear:both;padding-top:20px}@media only screen and (min-width: 1200px){.header .nav-top.logged .features{clear:initial;padding-top:0px}}@media only screen and (min-width: 1400px){.header .nav-top.logged .features{display:flex;flex-wrap:wrap}}.header .nav-top.logged .features .buttons{padding-top:5px;display:flex;flex-wrap:wrap;align-items:center}@media only screen and (min-width: 1400px){.header .nav-top.logged .features .buttons{height:70px;padding-top:0}}.header .nav-top.logged .features .buttons a{width:54px;height:54px;background:#fff;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}@media only screen and (min-width: 1200px){.header .nav-top.logged .features .buttons a{width:40px;height:40px}.header .nav-top.logged .features .buttons a img{width:28px}}@media only screen and (min-width: 1500px){.header .nav-top.logged .features .buttons a{width:54px;height:54px}.header .nav-top.logged .features .buttons a img{width:38px}}.header .nav-top.logged .features .buttons a+a{margin-left:5px}@media only screen and (min-width: 1500px){.header .nav-top.logged .features .buttons a+a{margin-left:10px}}.header .nav-top.logged .features .user{display:flex;flex-wrap:wrap;align-items:center;padding:15px 15px 30px 15px;font-size:.9rem}@media only screen and (min-width: 1200px){.header .nav-top.logged .features .user{padding:0 15px}}@media only screen and (min-width: 1500px){.header .nav-top.logged .features .user{font-size:1rem}}.header .nav-top.logged .features .user .username{font-weight:600;color:#df6363}.header .nav-top.logged .features .user a{font-weight:600;color:#534f4f;margin-left:10px}.header .nav-top.logged .features .user a:hover{color:#f68631}.header .nav-top.logged .features .logout{background:none;border:none;font-weight:700;padding:0 10px;text-decoration:underline;color:#534f4f}.header .nav-top.logged .features .logout:hover{color:#f68631}.header .nav-top.logged .collapse-userinfo{font-size:2.3rem;margin-right:15px;margin-left:15px;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}@media only screen and (min-width: 1200px){.header .nav-top.logged .collapse-userinfo{display:none}}.header .nav-top .site{padding:0 20px 0px 20px;height:70px;display:flex;flex-wrap:wrap;flex:1}@media only screen and (min-width: 560px){.header .nav-top .site{padding:5px 20px 10px 20px}}@media only screen and (min-width: 992px){.header .nav-top .site{flex:none;width:330px}}.header .nav-top .nav-site-left{flex:1;display:flex;flex-wrap:wrap}.header .nav-top .nav-site-left .site-h{display:flex;flex-wrap:wrap;width:100%}.header .nav-top .nav-site-left .site-h .name{font-size:1.75rem;font-weight:700;letter-spacing:-0.4px;display:none}@media only screen and (min-width: 560px){.header .nav-top .nav-site-left .site-h .name{display:block}}.header .nav-top .nav-site-left .site-h .ic{display:flex;flex-wrap:wrap;align-items:center}@media only screen and (min-width: 560px){.header .nav-top .nav-site-left .site-h .ic{display:block;padding-left:12px;padding-top:10px}}.header .nav-top .nav-site-left .site-h .ic a{display:inline-block;margin:0 10px;font-size:1.8rem}@media only screen and (min-width: 560px){.header .nav-top .nav-site-left .site-h .ic a{font-size:1rem;margin:0 4px}}.header .nav-top .nav-site-left .slogan{font-size:.875rem;color:#8b8b8b;letter-spacing:-0.2px;display:none}@media only screen and (min-width: 560px){.header .nav-top .nav-site-left .slogan{display:block}}.header .nav-top .nav-site-right{width:30px;display:flex;flex-wrap:wrap;align-items:center}.header .nav-top .nav-site-right .collapse{font-size:2rem;background:none;border:none;color:#534f4f}@media only screen and (min-width: 992px){.header .nav-top .nav-site-right .collapse{display:none}}.main{min-height:calc(100vh - 150px);padding:0 15px}@media only screen and (min-width: 992px){.main{padding:0}}.main.no-login .form-group{position:relative}.main.no-login .form-group .captcha{text-align:center}@media only screen and (min-width: 768px){.main.no-login .form-group .captcha{display:flex;flex-wrap:wrap;align-items:center;text-align:left}}.main.no-login .form-group .captcha img{width:160px}.main.no-login .form-group .captcha .form-control{flex:1;width:100%;margin-left:10px}@media only screen and (min-width: 768px){.main.no-login .form-group .captcha .form-control{width:calc(100% - 160px)}}.main.no-login .form-control{width:100%;height:46px;background:#ebebeb;border-radius:50px;letter-spacing:-0.2px;border:none;padding:0 20px;margin:8px 0;font-weight:600;color:#534f4f;font-size:1.25rem}.main.no-login .form-control::placeholder{color:#8b8b8b;font-weight:400;font-size:1rem}.main.no-login .form-control:-ms-input-placeholder{color:#8b8b8b;font-weight:400;font-size:1rem}.main.no-login .form-control::-ms-input-placeholder{color:#8b8b8b;font-weight:400;font-size:1rem}.main.no-login select.form-control{font-size:1rem}.main.no-login .login .form-control{height:50px}.banner{width:100%;grid-area:banner}@media only screen and (min-width: 992px){.banner{width:581px;height:287px}}@media only screen and (min-width: 1200px){.banner{width:680px;height:336px}}@media only screen and (min-width: 1400px){.banner{width:810px;height:400px}}.login{flex:1;grid-area:login}.login .login-heading{border-bottom:1px solid #eee;height:82px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}@media only screen and (min-width: 992px){.login .login-heading{display:none}}@media only screen and (min-width: 1200px){.login .login-heading{height:62px;display:flex}}@media only screen and (min-width: 1400px){.login .login-heading{height:82px}}.login .name-site p{font-size:1.25rem;display:block;text-align:center;letter-spacing:-0.8px}.login .name-site span{font-weight:700;display:block;text-align:center;font-size:1.15rem}.login .login-body{padding:20px}@media only screen and (min-width: 1200px){.login .login-body{padding:10px 20px}}@media only screen and (min-width: 1400px){.login .login-body{padding:20px}}.login .features{padding-top:20px;padding-left:10px;padding-right:10px;display:flex;flex-wrap:wrap;justify-content:space-between}.login .btn-login{width:100%;height:50px;border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:600;margin-top:15px}@media only screen and (min-width: 1400px){.login .btn-login{margin-top:25px}}.login .form-control{height:50px}.login .captcha{text-align:center;justify-content:center}.response{background:#fff;margin:0 auto;text-align:center;padding:15px;width:100%;max-width:1200px}.ajax-reponse-success{text-align:center;line-height:1.7}.ajax-reponse-success hr{border-bottom:none;border-top:1px solid #dde0e8;margin:5px 0}.event-ingame{flex:1}.event-ingame .event-list li{position:relative}.event-ingame .event-list li:after{content:"";width:10px;border-top:1px dashed #d2d2d2;position:absolute;top:10px;left:19px;display:none}@media only screen and (min-width: 992px){.event-ingame .event-list li:after{display:block}}.event-ingame .event-list li+li{margin-top:13px}.event-ingame .event-list li .fa-dot-circle{color:#df6363}@media only screen and (min-width: 992px){.event-ingame .event-list li .fa-dot-circle{margin-right:15px}}.register{flex:1}.register .register-column-1{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;width:100%;max-width:360px;margin:0 auto}@media only screen and (min-width: 768px){.register .register-column-1{padding:0px 20px 20px 20px;max-width:100%}}@media only screen and (min-width: 768px){.register .register-column-1 .form-group{width:50%;padding:0 20px;margin:10px 0}}.register .register-column-2{width:100%;max-width:360px;margin:0 auto}.register hr{border-top:none;border-bottom:1px solid #eee;margin:15px 0}.register .btn-submit{width:100%;max-width:360px;margin:0 auto;height:50px;border-radius:50px;color:#fff;font-weight:600;border:none;display:block}.index{padding-top:20px}.index .idx-section{background:#fff;display:flex;flex-wrap:wrap;position:relative;margin-top:30px}.index .idx-section+.idx-section{margin-top:50px}.index .idx-section .section-title{border-bottom:1px solid #eee;padding:10px 30px;font-size:1rem;font-weight:600;letter-spacing:-0.2px}.index .idx-section .section-content{padding:20px 30px;font-size:.875rem;font-weight:600}@media only screen and (min-width: 992px){.index .login-section{display:grid;grid-template-areas:"banner login";grid-template-columns:581px 1fr}}@media only screen and (min-width: 1200px){.index .login-section{grid-template-columns:680px 1fr}}@media only screen and (min-width: 1400px){.index .login-section{grid-template-columns:810px 1fr}}.index-form{width:100%;max-width:860px;margin:0 auto}.breadcrumb{display:flex;flex-wrap:wrap;width:100%;border-bottom:1px solid #d6d8dc;font-size:.875rem;font-weight:600;padding-bottom:5px}.breadcrumb svg{color:#df6363;font-size:1.25rem}.breadcrumb li{position:relative}.breadcrumb li+li:before{content:" / ";display:inline-block;margin:0 10px;color:#bcbcbc}.footer{text-align:center;font-size:.875rem;font-weight:600;padding:20px 0;height:80px}.index{width:100%;margin:0 auto}@media only screen and (min-width: 992px){.index{width:900px}}@media only screen and (min-width: 1200px){.index{width:1000px}}@media only screen and (min-width: 1400px){.index{width:1200px}}.dashboard{width:100%;min-height:calc(100vh - 70px)}@media only screen and (min-width: 992px){.dashboard{display:flex;flex-wrap:wrap}}.dashboard .dark-bar{background:#3d3f46;padding-bottom:10px;display:none}.dashboard .dark-bar.show{display:block}@media only screen and (min-width: 992px){.dashboard .dark-bar{width:330px;display:block}}.dashboard .dark-bar .character{padding-bottom:10px;padding-top:10px;margin-bottom:10px}.dashboard .dark-bar .character .empty .avatar{width:86px;height:86px;background:#727378;border-radius:100%;margin:0 auto;position:relative}.dashboard .dark-bar .character .empty .avatar .fa-user-tie{font-size:5rem;color:#3d3f46;position:absolute;bottom:0;left:8px}.dashboard .dark-bar .character .empty .select-container{width:154px;height:34px;border-radius:5px;margin:0 auto;margin-top:15px;position:relative;background:#ffcc24;background:-moz-linear-gradient(to right, #FFCC24, #FE7F2A, #E54682, #837BEE, #45E880, #FFCC24);background:-webkit-linear-gradient(to right, #FFCC24, #FE7F2A, #E54682, #837BEE, #45E880, #FFCC24);background:-o-linear-gradient(to right, #FFCC24, #FE7F2A, #E54682, #837BEE, #45E880, #FFCC24);background:-ms-linear-gradient(to right, #FFCC24, #FE7F2A, #E54682, #837BEE, #45E880, #FFCC24);background:linear-gradient(to right, #FFCC24, #FE7F2A, #E54682, #837BEE, #45E880, #FFCC24);background-position:-300px 0;padding:2px;-webkit-animation:chooseCharacter 1s infinite linear;animation:chooseCharacter 1s infinite linear}.dashboard .dark-bar .character .empty .select-container .select-box{border-radius:4px;background:#3d3f46;height:30px;color:#ffb916;font-weight:600;font-size:.9rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;line-height:30px;padding:0 15px;cursor:pointer;-webkit-transition:all 200ms ease;transition:all 200ms ease}.dashboard .dark-bar .character .empty .select-container .select-box:hover,.dashboard .dark-bar .character .empty .select-container .select-box.active{background:#292a2d}.dashboard .dark-bar .character .empty .select-container .select-box.active svg{-webkit-transition:rotate(-180deg) 500ms ease;transition:rotate(-180deg) 500ms ease}.dashboard .dark-bar .character .empty .select-container .select-box svg{-webkit-transition:all 500ms ease;transition:all 500ms ease}.dashboard .dark-bar .character .empty .select-container .select-down{width:100%}.dashboard .dark-bar .character .char-head{display:flex;flex-wrap:wrap;padding:0 15px}.dashboard .dark-bar .character .char-head .img{width:70px;height:70px;background-repeat:no-repeat;background-size:70px 70px;border-radius:100%}.dashboard .dark-bar .character .char-head .img.dk{background-image:url(../../images/characters/dk.jpg)}.dashboard .dark-bar .character .char-head .img.dl{background-image:url(../../images/characters/dl.jpg)}.dashboard .dark-bar .character .char-head .img.dw{background-image:url(../../images/characters/dw.jpg)}.dashboard .dark-bar .character .char-head .img.elf{background-image:url(../../images/characters/elf.jpg)}.dashboard .dark-bar .character .char-head .img.mg{background-image:url(../../images/characters/mg.jpg)}.dashboard .dark-bar .character .char-head .img.rf{background-image:url(../../images/characters/rf.jpg)}.dashboard .dark-bar .character .char-head .img.sum{background-image:url(../../images/characters/sm.jpg)}.dashboard .dark-bar .character .char-head .info{padding-left:15px;flex:1}.dashboard .dark-bar .character .char-head .info-head{display:flex;flex-wrap:wrap;justify-content:space-between}.dashboard .dark-bar .character .char-head .info-head .char-name{color:#fff;font-size:1rem;font-weight:600;padding-top:5px}.dashboard .dark-bar .character .char-head .info-head .select-container{width:fit-content;position:relative}.dashboard .dark-bar .character .char-head .info-head .select-container .select-box{color:#f68631;font-size:.6875rem;font-weight:400;padding:7px 15px;cursor:pointer;background:#323339;border-radius:30px;height:30px;-webkit-transition:all 500ms ease;transition:all 500ms ease}.dashboard .dark-bar .character .char-head .info-head .select-container .select-box:hover,.dashboard .dark-bar .character .char-head .info-head .select-container .select-box.active{background:#1f2024;box-shadow:0 6px 15px rgba(31,32,36,.3)}.dashboard .dark-bar .character .char-head .info-head .select-container .select-box.active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dashboard .dark-bar .character .char-head .info-head .select-container .select-box.active svg{color:#fff;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.dashboard .dark-bar .character .char-head .info-head .select-container .select-box svg{margin-left:8px;color:#9fa1aa;-webkit-transition:all 500ms ease;transition:all 500ms ease}.dashboard .dark-bar .character .char-head .info-foot{display:flex;flex-wrap:wrap}.dashboard .dark-bar .character .char-head .info-foot .col{flex:1}.dashboard .dark-bar .character .char-head .info-foot .col:first-child span,.dashboard .dark-bar .character .char-head .info-foot .col:first-child strong{text-align:left}.dashboard .dark-bar .character .char-head .info-foot .col span{display:block;width:100%;color:#afafaf;font-size:.9375rem;text-align:center}.dashboard .dark-bar .character .char-head .info-foot .col strong{display:block;width:100%;color:#32f960;text-align:center;font-size:1.125rem}.dashboard .dark-bar .character .char-action{padding-top:10px;padding-left:15px;padding-right:15px}.dashboard .dark-bar .character .char-action a{color:#ffcc24;font-size:.8125rem;background:#323339;border-radius:30px;padding:4px 8px;margin:3px 4px;display:inline-block}.dashboard .dark-bar .character .char-action a:hover{text-decoration:none;color:#fff;background:#df6363;background:-moz-linear-gradient(to right, #DF6363, #F68631);background:-webkit-linear-gradient(to right, #DF6363, #F68631);background:-o-linear-gradient(to right, #DF6363, #F68631);background:-ms-linear-gradient(to right, #DF6363, #F68631);background:linear-gradient(to right, #DF6363, #F68631)}.dashboard .dark-bar .character .select-down{position:absolute;top:36px;right:0;padding:10px;border-radius:4px;background:#292a2d;border:2px solid dimgray;color:#fff;font-size:.9rem;font-weight:600;z-index:3;box-shadow:0 6px 15px rgba(41,42,45,.5);opacity:0;visibility:hidden;-webkit-transition:all 200ms ease;transition:all 200ms ease;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.dashboard .dark-bar .character .select-down.active{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.dashboard .dark-bar .character .select-down li{cursor:pointer;padding:5px 0;-webkit-transition:all 200ms ease;transition:all 200ms ease;white-space:nowrap}.dashboard .dark-bar .character .select-down li:hover,.dashboard .dark-bar .character .select-down li.active{color:#ffb916}.dashboard .dark-bar .character .select-down li+li{border-top:1px solid #3d3f46}@media only screen and (min-width: 992px){.dashboard .dashboard-main{width:calc(100% - 330px)}}.dashboard .dashboard-content{min-height:calc(100vh - 150px);padding:15px 15px}@media only screen and (min-width: 992px){.dashboard .dashboard-content{padding:15px 40px}}@media only screen and (min-width: 1400px){.dashboard .dashboard-content{padding:15px 80px}}.dashboard .menu{display:flex;flex-wrap:wrap}@media only screen and (min-width: 992px){.dashboard .menu.fixed{position:fixed;top:10px;left:0;width:330px}}.dashboard .menu .category{width:50px;border-radius:10px;margin-left:15px;background:#df6363;background:-moz-linear-gradient(to bottom, #DF6363, #E87A50);background:-webkit-linear-gradient(to bottom, #DF6363, #E87A50);background:-o-linear-gradient(to bottom, #DF6363, #E87A50);background:-ms-linear-gradient(to bottom, #DF6363, #E87A50);background:linear-gradient(to bottom, #DF6363, #E87A50);position:relative}@media only screen and (min-width: 560px){.dashboard .menu .category{width:70px}}.dashboard .menu .category li.active span,.dashboard .menu .category li:hover span{opacity:1}.dashboard .menu .category li.indicator{position:absolute;right:-1px;-webkit-transition:all 200ms ease;transition:all 200ms ease}.dashboard .menu .category li:nth-child(1).active~.indicator{top:3px}.dashboard .menu .category li:nth-child(2).active~.indicator{top:67px}.dashboard .menu .category li:nth-child(3).active~.indicator{top:131px}.dashboard .menu .category li:nth-child(4).active~.indicator{top:195px}.dashboard .menu .category li:nth-child(5).active~.indicator{top:259px}.dashboard .menu .category li:nth-child(6).active~.indicator{top:323px}.dashboard .menu .category li:nth-child(7).active~.indicator{top:387px}.dashboard .menu .category li:nth-child(8).active~.indicator{top:450px}.dashboard .menu .category li:nth-child(9).active~.indicator{top:514px}.dashboard .menu .category li:nth-child(10).active~.indicator{top:579px}.dashboard .menu .category li span{width:100%;height:64px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:1.5rem;color:#fff;opacity:.5;-webkit-transition:all 500ms ease;transition:all 500ms ease;cursor:pointer}@media only screen and (min-width: 560px){.dashboard .menu .category li span{font-size:2rem}}.dashboard .menu .category-tabs{padding:0 18px;flex:1}.dashboard .menu .category-tabs ul{display:none}.dashboard .menu .category-tabs ul.active{display:block}.dashboard .menu .category-tabs ul li{border-bottom:1px solid #525458}.dashboard .menu .category-tabs ul li a{font-size:.875rem;color:#fff;padding:7px 0;font-weight:600;display:block}.dashboard .menu .category-tabs ul li a:hover,.dashboard .menu .category-tabs ul li a.active{text-decoration:none;color:#ffb916}.dashboard .section{background:#fff;margin:20px 0}.dashboard .section.section-account-manage{max-width:100%}.dashboard .section .section-title{font-size:1rem;font-weight:600;padding:10px 20px;border-bottom:1px solid #eee}@media only screen and (min-width: 768px){.dashboard .section .section-title{font-size:1.25rem}}.dashboard .section .section-title svg{margin-right:10px}.dashboard .section .section-head{margin:0 15px;border-bottom:1px solid #e7e9ef;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 0;font-weight:600}.dashboard .section .section-head .column{margin:5px 0 5px 0}.dashboard .section .section-head .actions>a,.dashboard .section .section-head .actions>div{background:#e9e9e9;border-radius:20px;padding:3px 8px;color:#404040;font-weight:600;font-size:.875rem;margin:0 2px 5px 2px;display:inline-block;position:relative;cursor:pointer}.dashboard .section .section-head .actions>a:hover,.dashboard .section .section-head .actions>a.active,.dashboard .section .section-head .actions>div:hover,.dashboard .section .section-head .actions>div.active{text-decoration:none;background:#df6363;color:#fff}.dashboard .section .section-head .actions>a.active,.dashboard .section .section-head .actions>div.active{padding:8px 10px}.dashboard .section .section-head .actions .badge{position:relative;top:-10px;right:-10px}.dashboard .section .section-head .actions .dropdown{position:absolute;top:28px;right:0;background:#e9e9e9;padding:5px 0;border-radius:6px;width:100%;box-shadow:0 6px 14px rgba(0,0,0,.2);opacity:0;visibility:hidden}.dashboard .section .section-head .actions .dropdown.show{opacity:1;visibility:visible}.dashboard .section .section-head .actions .dropdown li+li{border-top:1px solid #fff}.dashboard .section .section-head .actions .dropdown li.active a{color:#df6363}.dashboard .section .section-head .actions .dropdown li a{white-space:nowrap;padding:5px 10px;font-size:1rem;text-align:center;display:block;color:#534f4f}.dashboard .section .section-head .notice{font-weight:400}.dashboard .section .section-head svg{margin-right:10px}.dashboard .section .section-head p{font-weight:400}.dashboard .section .section-content{padding:10px 10px}@media only screen and (min-width: 768px){.dashboard .section .section-content{padding:10px 25px}}.dashboard .section .listdots{padding:15px 0}.dashboard .section .listdots li{display:flex;flex-wrap:wrap}.dashboard .section .listdots li+li{margin-top:10px}.dashboard .section .listdots li svg{color:#f68631;margin-right:10px}.dashboard .section .listdots li span{flex:1;font-size:.9375rem}.dashboard .section .listdots li ul{padding-left:20px;width:100%}.dashboard .section .listdots li ul li+li{margin-top:5px}@media only screen and (min-width: 1200px){.dashboard .section-container{display:grid;align-items:start}}@media only screen and (min-width: 1400px){.dashboard .section-container{grid-gap:25px}}@media only screen and (min-width: 1600px){.dashboard .section-container{grid-gap:35px}}.dashboard .section-container.grid-column-2{grid-template-columns:1fr}@media only screen and (min-width: 1400px){.dashboard .section-container.grid-column-2{grid-template-columns:1fr 310px}}@media only screen and (min-width: 1600px){.dashboard .section-container.grid-column-2{grid-template-columns:1fr 410px}}.dashboard .section-container.grid-column-3{grid-template-columns:1fr}@media only screen and (min-width: 1200px){.dashboard .section-container.grid-column-3{grid-gap:25px;grid-template-columns:1fr 1fr;grid-template-areas:"machine machine" "rule notice"}}@media only screen and (min-width: 1600px){.dashboard .section-container.grid-column-3{grid-template-columns:1fr 1fr 410px;grid-template-areas:"machine rule notice"}}.dashboard .section-container.grid-column-3 .area-machine{grid-area:machine}.dashboard .section-container.grid-column-3 .area-rule{grid-area:rule}.dashboard .section-container.grid-column-3 .area-notice{grid-area:notice}.dashboard .character-manage .cm-head{display:flex;flex-wrap:wrap;align-items:center}.dashboard .character-manage .cm-head .img-box{width:70px;height:70px;overflow:hidden;position:relative;border-bottom-right-radius:70px}.dashboard .character-manage .cm-head .img-box .img{width:140px;height:140px;-webkit-transform:translate(-40px, -40px);transform:translate(-40px, -40px);background-repeat:no-repeat}.dashboard .character-manage .cm-head .img-box .img.dk{background-image:url(../../images/characters/dk.jpg)}.dashboard .character-manage .cm-head .img-box .img.dl{background-image:url(../../images/characters/dl.jpg)}.dashboard .character-manage .cm-head .img-box .img.dw{background-image:url(../../images/characters/dw.jpg)}.dashboard .character-manage .cm-head .img-box .img.elf{background-image:url(../../images/characters/elf.jpg)}.dashboard .character-manage .cm-head .img-box .img.mg{background-image:url(../../images/characters/mg.jpg)}.dashboard .character-manage .cm-head .img-box .img.rf{background-image:url(../../images/characters/rf.jpg)}.dashboard .character-manage .cm-head .img-box .img.sum{background-image:url(../../images/characters/sm.jpg)}.dashboard .character-manage .cm-head .name{padding:0 20px;font-size:1.5rem;font-weight:700}.dashboard .character-manage .cm-head .vip{margin:0 20px;width:99px;height:28px;background-repeat:no-repeat;background-position:0 0;background-size:99px 28px;display:inline-block}.dashboard .character-manage .cm-list li{display:flex;flex-wrap:wrap;padding:15px 0;border-top:1px solid #e1e4e9;justify-content:center;align-content:center;align-items:center}.dashboard .character-manage .cm-list li .col{padding:15px 0;flex:none;width:33.33%}@media only screen and (min-width: 560px){.dashboard .character-manage .cm-list li .col{flex:1;width:auto}}.dashboard .character-manage .cm-list li .col span,.dashboard .character-manage .cm-list li .col strong{display:block;text-align:center}.dashboard .character-manage .cm-list li .col span{font-size:.8rem;font-weight:600}@media only screen and (min-width: 768px){.dashboard .character-manage .cm-list li .col span{font-size:1rem}}.dashboard .character-manage .cm-list li .col strong{font-weight:700;font-size:1rem}@media only screen and (min-width: 768px){.dashboard .character-manage .cm-list li .col strong{font-size:2rem}}.dashboard .character-manage .cm-list li .col .small{font-size:.9rem}@media only screen and (min-width: 768px){.dashboard .character-manage .cm-list li .col .small{font-size:1.2rem}}.dashboard .form{width:100%;max-width:600px;margin:0 auto}@media only screen and (min-width: 768px){.dashboard .form{padding:20px 0}}.dashboard .form .form-group .btn[type=submit]{display:block;width:100%;max-width:450px;height:46px;background:#34cb2a;color:#fff;border:none;border-radius:50px;margin:0 auto;margin-top:10px;margin-bottom:10px}.dashboard .form-group{position:relative}.dashboard .form-control{width:100%;display:block;background:#ebebeb;border-radius:50px;padding:5px 15px;border:none;font-size:.9375rem;font-weight:600}.dashboard .form-control::placeholder{font-weight:400;color:#888}.dashboard .form-control:-ms-input-placeholder{font-weight:400;color:#888}.dashboard .form-control::-ms-input-placeholder{font-weight:400;color:#888}.dashboard .form-control.form-inline{display:inline-block;width:auto}.dashboard .form-control.form-light{background:#fff}@media only screen and (min-width: 768px){.dashboard .list-form.column-2 .label{width:260px}}.dashboard .list-form.column-2 .value{flex:1}@media only screen and (min-width: 768px){.dashboard .list-form.form-charge .label{width:150px}}.dashboard .list-form.form-charge .value{flex:1}.dashboard .list-form>li{padding:10px 0}@media only screen and (min-width: 768px){.dashboard .list-form>li{display:flex;flex-wrap:wrap;justify-content:space-between}}.dashboard .list-form>li+li{border-top:1px solid #e7e9ef}.dashboard .list-form>li .label{position:relative;font-size:.9375rem;display:block}@media only screen and (min-width: 768px){.dashboard .list-form>li .label{width:210px}}@media only screen and (min-width: 768px){.dashboard .list-form>li .label:after{content:":";display:inline-block;position:absolute;top:0;right:0}}.dashboard .list-form>li .value{text-align:left}@media only screen and (min-width: 768px){.dashboard .list-form>li .value{padding-left:20px;width:250px}}.dashboard .list-form>li .value strong{font-weight:600}.dashboard .list-form>li .comment{flex:1;text-align:right;font-size:.8rem}.dashboard .list-form .fa-coins{color:#f68631}.dashboard .list-form .fa-gem{color:#f6617f}.dashboard .list-form .fa-feather-alt{color:#38b3fb}.dashboard .list-form svg{margin-right:5px}.dashboard .current-money{background:#fff;border-radius:20px;padding:2px 10px;border:1px dashed #f68631;font-weight:600;color:#df6363;margin:2px 4px;display:inline-block}.dashboard .current-money img{height:20px;position:relative;top:4px}.listviews.sidebar{padding:10px 0}.listviews.sidebar .list-item{padding:0 15px}.listviews.sidebar .list-item:after{right:0}.listviews.sidebar .list-item a{padding:12px 0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:.9rem}@media only screen and (min-width: 768px){.listviews.sidebar .list-item a{font-size:1rem}}.listviews.sidebar .list-item a:hover{text-decoration:none}.listviews.sidebar .list-item a:hover>span span{color:#df6363}.listviews.sidebar .list-item a:hover .fa-angle-right{color:#df6363}.listviews.sidebar .list-item a>span svg{margin-right:5px}.listviews.sidebar .list-item a>span span{font-weight:600;color:#534f4f}.listviews.sidebar .list-item a>div{color:#534f4f}.listviews.sidebar .list-item .fa-angle-right{color:#534f4f}.listviews .list-item{position:relative;padding-bottom:10px;padding:15px 0}@media only screen and (min-width: 768px){.listviews .list-item{display:flex;flex-wrap:wrap}}.listviews .list-item+.list-item{border-top:1px solid #e7e9ef}.listviews .list-item:after{content:" ";width:5px;height:100%;background:#cbccd1;position:absolute;top:0;right:-25px}.listviews .list-item:hover{border-color:#ccd4e6}.listviews .list-item:hover:after{background:#65676b}.listviews .list-item .label-name{font-size:.9rem;color:#7d7d7d;width:150px}@media only screen and (min-width: 768px){.listviews .list-item .label-name{width:200px}}.listviews .list-item .value{flex:1;font-size:.9rem}.listviews .list-item .value strong{font-weight:700}.listviews .list-item .value .fa-pencil-alt{margin-left:10px;font-size:1rem}.listviews .list-item .value .fa-angle-right{position:absolute;top:14px;right:0;font-size:1.2rem}.listviews .list-item .value .edit{width:100%;display:block}.listviews .list-item .value .edit:hover{text-decoration:none}.tasks{display:flex;flex-wrap:wrap;padding:20px 0}.tasks>ul{display:flex;flex-wrap:wrap}.tasks>ul .task{padding:0;background:transparent;height:auto;width:180px;margin:15px}.tasks>ul .task.complete .require{background:#daf6e3}.tasks>ul .task.complete .require .boxs .item{border:none}.tasks>ul .task.complete .require .boxs .item .badge{background:#34cb2a}.tasks>ul .task.complete .rw{background:#7bec7f}.tasks>ul .task.complete .rw .connector svg path{fill:#daf6e3}.tasks>ul .task .require{background:#e7e9ef;border-top-left-radius:25px;border-top-right-radius:25px;padding:10px}.tasks>ul .task .require .boxs .item{border:3px solid #df6363}.tasks>ul .task .require .boxs .item.complete{border-color:#34cb2a}.tasks>ul .task .require .boxs .item.complete .badge{background:#34cb2a}.tasks>ul .task .rw{background:#c7c7c7;border-bottom-left-radius:25px;border-bottom-right-radius:25px;padding:15px 10px 10px 10px;position:relative}.tasks>ul .task .rw .connector{position:absolute;top:-2px;left:0;text-align:center;width:100%}.tasks>ul .task .rw .boxs{padding:10px 0}.tasks>ul .task .rw .boxs .item{border:2px solid #34cb2a}.tasks>ul .task .boxs{display:flex;flex-wrap:wrap;justify-content:center}.tasks>ul .task .boxs .item{width:65px;height:65px;background:#383b39;border-radius:10px;margin:10px 5px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative}.tasks>ul .task .boxs .item img{max-height:90%;-webkit-transform:translateY(0px);transform:translateY(0px)}.tasks>ul .task .boxs .item .badge{position:absolute;top:-6px;right:-5px}.tasks>ul .task .boxs .item .fa-coins{font-size:1.8rem;color:#ffcc24;-webkit-transform:translateY(4px);transform:translateY(4px)}.tasks .task{width:160px;border-radius:25px;background:#e7e9ef;padding:10px;margin:11px}.tasks .task.chaos-machine{width:100%}.tasks .task.complete{background:#91ea8f}.tasks .task.complete .circle-box .number{color:#4ede6b}.tasks .task.complete .circle-box .number p+p{border-color:#34cb2a}.tasks .name{text-align:center}.tasks .title{text-align:center;font-size:.7rem}.tasks .rewards{display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 0}.tasks .rewards .box{width:40px;height:40px;border-radius:5px;margin:3px;background:#fff;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.tasks .rewards .box .fa-clock{position:absolute;bottom:2px;left:2px;font-size:.8rem}.tasks .rewards .box .badge{position:absolute;top:-6px;right:-5px}.tasks .img-thumb{text-align:center;margin-bottom:5px}.tasks .img-info{font-size:.8rem;margin-bottom:5px}.circle-box{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:10px 0}.circle-box .number{font-weight:700;font-size:2rem;position:absolute;top:12px;left:calc(50% - 48px);text-align:center;color:#df6363;width:96px;height:96px;background:#fff;border-radius:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}.circle-box .number.sm{font-size:1.2rem}.circle-box .number p{font-size:.9rem;min-width:51%}.circle-box .number p+p{border-top:1px solid #df6363}.circle{width:120px;height:120px;position:relative}.table .circle{width:60px;height:60px}.shop{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:50px}.shop .item{width:275px;height:200px;margin:30px 30px;padding-top:20px;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease}.shop .item:after{content:" ";width:325px;height:63px;background:url(../images/shop.png) no-repeat;position:absolute;top:0;left:-25px}.shop .item:before{content:" ";position:absolute;top:0;left:0;width:100%;height:200px;background:#e6e6e6;border-radius:8px;-webkit-transition:all 100ms ease;transition:all 100ms ease}.shop .item:hover{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.shop .item:hover:before{height:250px}.shop .item:hover .actions{opacity:1;visibility:visible;-webkit-transition:all 200ms ease;transition:all 200ms ease;transition-delay:0ms}.shop .item:hover .actions .btn{-webkit-transition:all 500ms ease;transition:all 500ms ease;transition-delay:0ms;-webkit-transform:scale(1);transform:scale(1)}.shop .item:hover .actions select{-webkit-transition:all 500ms ease;transition:all 500ms ease;transition-delay:0ms;-webkit-transform:scale(1);transform:scale(1)}.shop .item .item-top{margin:0 15px;display:flex;flex-wrap:wrap;margin-top:54px;border-bottom:1px solid #fff;padding-bottom:15px;margin-bottom:10px;position:relative}.shop .item .item-top .img{width:58px;height:58px;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#fff;margin-top:6px}.shop .item .item-top .info{padding-left:15px;flex:1}.shop .item .item-top .info .name{color:#df6363;font-size:.9375rem}.shop .item .item-top .info .moneys{display:flex;flex-wrap:wrap;width:100%}.shop .item .item-top .info .money{flex:1;padding-right:0px}.shop .item .item-top .info .money .new-money{background:#fff;border-radius:20px;padding:1px 4px;border:1px dashed #f68631;color:#f68631;font-weight:600;text-align:center}.shop .item .item-top .info .money .old-money{text-decoration:line-through;font-weight:600;text-align:center;font-size:.8rem}.shop .item .item-top .info .sale{width:60px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;font-size:1rem;font-weight:600;color:#df6363}.shop .item .item-bot{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 15px;position:relative}.shop .item .item-bot .money-types img{height:24px}.shop .item .actions{display:flex;flex-wrap:wrap;padding:15px;justify-content:space-between;position:relative;opacity:0;visibility:hidden}.shop .item .actions select{-webkit-transform:scale(0);transform:scale(0);margin-right:10px}.shop .item .btn{padding:5px 20px;display:inline;width:auto;min-width:100px;-webkit-transform:scale(0);transform:scale(0);margin:0}.shop .item select{background:#fff;border:none;border-radius:20px;padding:3px 15px;color:#df6363;box-shadow:0 1px rgba(158,158,158,.5)}.charge{display:flex;flex-wrap:wrap}.charge .charge-form{flex:1;padding-right:20px}.charge .charge-form .btn{margin:0 auto}.charge .charge-card{width:100%;background:#f8f9fc;border:1px solid #d6d9e1;border-radius:15px;padding:20px 15px;display:flex;flex-wrap:wrap;align-items:stretch}@media only screen and (min-width: 768px){.charge .charge-card{width:275px}}@media only screen and (min-width: 992px){.charge .charge-card{width:100%}}@media only screen and (min-width: 1700px){.charge .charge-card{width:275px}}.charge .charge-card p{text-align:center;width:100%}.charge .charge-card .logo{margin:15px 0;height:100px;width:100%}.charge .charge-card .logo.viettel{background:url(../images/viettel-lg.png) no-repeat center}.charge .charge-card .logo.gate{background:url(../images/gate-lg.png) no-repeat center}.charge .charge-card .promotion{width:100%;background:#fff;border:4px dashed #df6363;border-radius:100px;text-align:center;font-size:66px;font-weight:700;color:#df6363;margin-top:20px;padding-top:34px;line-height:.6}.charge-logo{width:88px;height:35px;background:#fff;border-radius:40px;text-align:center;background-repeat:no-repeat;background-position:center;background-size:auto 20px;display:inline-block}.charge-logo.viettel{background-image:url(../images/viettel-lg.png)}.charge-logo.gate{background-image:url(../images/gate-lg.png)}.chaos-machine-rule{font-size:.88rem}.chaos-machine-rule p{margin-bottom:5px}.chaos-machine-rule p strong{font-weight:600}.owl-carousel:hover .owl-nav .owl-prev,.owl-carousel:hover .owl-nav .owl-next{opacity:1 !important}.owl-theme .owl-dots{position:absolute;bottom:0;left:0;width:100%;text-align:center}.owl-theme .owl-dots .owl-dot span{width:15px;height:15px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#df6363}.owl-theme .owl-nav{margin:0}.owl-theme .owl-nav .owl-prev{position:absolute;top:50%;left:10px;margin-top:-50px;background:rgba(255,255,255,.2);font-size:2rem;padding:0px 8px 5px 8px;opacity:0;-webkit-transition:all 500ms ease;transition:all 500ms ease}.owl-theme .owl-nav .owl-prev:hover{background:rgba(255,255,255,.5)}.owl-theme .owl-nav .owl-next{position:absolute;top:50%;right:10px;margin-top:-50px;background:rgba(255,255,255,.2);font-size:2rem;padding:0px 8px 5px 8px;opacity:0;-webkit-transition:all 500ms ease;transition:all 500ms ease}.owl-theme .owl-nav .owl-next:hover{background:rgba(255,255,255,.5)}.loading{width:80px;height:80px;background:rgba(0,0,0,.3);border-radius:14px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:54px;position:fixed;top:calc(50% - 40px);left:calc(50% - 40px);color:#fff;z-index:100;display:none}.loading.active{display:flex}.warehouse-container{display:flex;flex-wrap:wrap;padding:20px 0}.warehouse-container .warehouse{padding:0 15px}@media only screen and (min-width: 768px){.warehouse-container .warehouse{flex:1}}.warehouse-container .wh-title{text-align:center;font-size:1.4rem;font-weight:600;margin-bottom:15px}.warehouse-container .tdr-list-item{display:flex;flex-wrap:wrap;flex-wrap:wrap;background:#3d3f46;padding:15px 10px}.warehouse-container .tdr-list-item#warehouse_secure_list{background:#588a55}.warehouse-container .tdr-list-item li{width:60px;height:60px;background:#333;border:2px solid #34cb2a;margin:5px;border-radius:3px;position:relative}.warehouse-container .tdr-list-item li.moving:before{content:" ";width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;z-index:5}.warehouse-container .tdr-list-item li.moving:after{content:" ";width:16px;height:16px;background:url(../../../images/loading1.gif) no-repeat;position:absolute;top:20px;left:20px;z-index:7}.warehouse-container .tdr-list-item .tdr-img{width:60px;height:60px;overflow:hidden}.warehouse-container .tdr-list-item .tdr-item-info{position:absolute;bottom:56px;left:-75px;width:200px;height:auto;padding:20px 5px;border-bottom:2px solid #da3742;z-index:3;font-size:.9rem;background:#2a2a2a;box-shadow:0 4px 10px rgba(218,55,66,.3);opacity:0;visibility:hidden;-webkit-transition:all 150ms ease;transition:all 150ms ease}.warehouse-container .tdr-list-item .tdr-item-info.show{opacity:1;visibility:visible}.warehouse-container .tdr-list-item .tdr-item-info:before{content:" ";border-top:7px solid #da3742;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;bottom:-9px;left:96px}.toasts{position:fixed;top:0;right:15px;z-index:1000}.toasts .toast{width:100%;max-width:300px;display:flex;flex-wrap:wrap;background:#df6363;margin-top:15px;margin-right:15px;box-shadow:0 4px 10px rgba(223,99,99,.2);border-radius:4px;color:#fff !important;font-weight:400;-webkit-transition:all 500ms ease;transition:all 500ms ease;-webkit-transform:translateX(300px);transform:translateX(300px)}.toasts .toast.show{-webkit-transform:translateX(0);transform:translateX(0)}.toasts .toast .tst{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;padding:15px 10px;font-size:.85rem}.toasts .toast .tst .color-primary,.toasts .toast .tst .color-secondary,.toasts .toast .tst .color-green,.toasts .toast .tst *{color:#fff}.toasts .toast .tstcls{width:30px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;cursor:pointer;font-size:1.2rem;color:#692727;background:#b74e4e;font-family:sans-serif}.image-vip{width:150px;height:43px;margin:10px 10px}.upgrade-vip{opacity:.5;filter:alpha(opacity=50)}.upgrade-vip:hover{opacity:1;filter:alpha(opacity=100)}.image-vip.vip-1{background-image:url("../../images/icons/vip/gold-large.png")}.image-vip.vip-2{background-image:url("../../images/icons/vip/silver-large.png")}.image-vip-s{margin:4px;width:87px;height:27px}.image-vip-s.vip-1{background-image:url("../../images/icons/vip/gold-small.png")}.image-vip-s.vip-2{background-image:url("../../images/icons/vip/silver-small.png")}.image-vip-title{width:109px;height:20px}.image-vip-title.vip-1{background-image:url("../../images/icons/vip/gold-title.png")}.image-vip-title.vip-2{background-image:url("../../images/icons/vip/silver-title.png")}.image-vip-title.vip-1-3{background-image:url("../../images/icons/vip/gold-title-3.png")}.image-vip-title.vip-2-3{background-image:url("../../images/icons/vip/silver-title-3.png")}.image-vip-title.vip-1-7{background-image:url("../../images/icons/vip/gold-title-7.png")}.image-vip-title.vip-2-7{background-image:url("../../images/icons/vip/silver-title-7.png")}.image-vip-title.vip-1-30{background-image:url("../../images/icons/vip/gold-title-30.png")}.image-vip-title.vip-2-30{background-image:url("../../images/icons/vip/silver-title-30.png")}label.msg{font-size:.8rem}@keyframes chooseCharacter{to{background-position:-100% 0}}
.group-popup2{ position: relative; }
.box-popup{ z-index: 10; min-width: 260px; border-bottom: 2px solid; background: #fff; color: #fff; position: absolute; text-align: center; bottom: calc(100% + 10px); right: 0; padding: 4px; border-radius: 3px; display: none; }
.box-popup:before{ content: ' '; border-top: 8px solid; border-left: 8px solid transparent;  border-right: 8px solid transparent; position: absolute; bottom: -8px; right: 10px; }
.box-popup.show{ display: block; }
.box-popup-red{ border-color: #df6363; box-shadow: 0 10px 20px #df63634a; color: #df6363; }
.box-popup-red:before{ border-top-color: #df6363; }
.box-popup-green{ border-color: #34cb2a; box-shadow: 0 10px 20px #34cb2a59; color: #34cb2a; }
.box-popup-green:before{ border-top-color: #34cb2a; }
tbody tr:first-child .box-popup{ bottom: auto; top: calc(100% + 10px); border-top: 2px solid; border-bottom: none; }
tbody tr:first-child .box-popup:before{ border-bottom: 8px solid; border-top-width: 0; bottom: auto; top: -8px; }
.category li{position: relative;}
.category li u{ position: absolute; top:11px; left: 47px; }
.category li u.note-evt:before{ content: ' '; width: 12px; height: 12px; border-radius: 100%; position: absolute; top: 0; left: 0; background: #ff0; }
.category li u.note-evt:after{ content: ' '; width: 12px; height: 12px; border-radius: 100%; position: absolute; top: 0; left: 0; background: #ffff0061; animation: noteevt 1s infinite ease; }
.img-info .inf span{ color: #0f4e14!important; }
.img-info .inf font{ color: #00a031!important; }
.tasks .task{border: 2px solid #cecece;}
.tasks .task.complete{border: 2px solid #34cb2a;}
.tasks .received{text-align: center; display: block; font-weight: 600;}
.dashboard .dark-bar .character{ padding-top: 0; }
.dashboard .dark-bar .character .char-head{ padding-top: 10px; }
.char-head:hover{ background: #323339; }
.char-head a:hover{text-decoration: none;}
.char-head .char-name:hover,
.char-head .info-foot:hover{text-decoration: none;}
.charge .charge-card .logo.vinaphone{ background: url(../images/vinaphone-lg.png?1) no-repeat center; }
.charge-logo.vinaphone{ background-image: url(../images/vinaphone-lg.png?1); }
.charge .charge-card .logo.mobifone{ background: url(../images/mobifone-lg.png) no-repeat center; }
.charge-logo.mobifone{ background-image: url(../images/mobifone-lg.png); }
@keyframes noteevt{
	0%{
		opacity: 0;
		transform: scale(1);
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		transform: scale(2);
	}
}
.popupCenter{background:#fff;width:450px;min-height:140px;padding:20px;position:fixed;top:200px;left:50%;margin-left:-225px;z-index:500;display:none}
.popupCenter .popupCaption{font-size:16px;font-weight:600;color:#222;border-bottom:1px solid #ccc;padding-bottom:10px}
.popupCenter .popupClose{display:block;width:30px;height:30px;background:#eee;position:absolute;top:10px;right:20px;cursor:pointer}
.popupCenter .popupClose:after,.popupCenter .popupClose:before{content:' ';display:block;width:26px;height:2px;background:#ccc;position:absolute;top:13px;left:50%;margin-left:-13px}
.popupCenter .popupClose:after{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.popupCenter .popupClose:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.popupCenter .popupClose:hover:after,.popupCenter .popupClose:hover:before{background:#222}
.popupCenter .popupContent{padding:10px 0}
.blackBg{background:rgba(0,0,0,.6);position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none}

.primary-block {
    margin-top: 20px;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
}

.main-content h1.title-content {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

ul.tabs-content {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
    display: flex;
}

ul.tabs-content li {
    margin-right: 10px;
}

ul.tabs-content li a {
    text-decoration: none;
    color: #007bff;
    font-size: 16px;
}

ul.tabs-content li.active a {
    font-weight: bold;
    color: #000;
}

.form-3 .form-row {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.form-3 .form-col-1 {
    flex-basis: 30%;
    font-size: 16px;
    color: #333;
}

.form-3 .form-col-2 {
    flex-basis: 50%;
    padding-right: 10px; /* Thêm khoảng cách giữa các cột */
}

.form-3 .form-col-2 input.form-style,
.form-3 .form-col-2 select.form-style {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px; /* Bo tròn viền */
    box-sizing: border-box; /* Đảm bảo rằng padding và border không làm thay đổi kích thước tổng thể */
}

.form-3 .form-col-3 {
    flex-basis: 20%;
    font-size: 14px;
    color: red;
}

.btn.btn-blue {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}

.btn.btn-blue:hover {
    background-color: #0056b3;
}

.line {
    border-top: 1px solid #ddd;
    margin: 20px 0;
}

/*** tag ***/
.tag{background:#ddd no-repeat;border-radius:3px;padding: 2px 10px;}
.tag.tag-orange{}
.tag.tag-blue{background-color: #39f;color:#fff;}
.tag.tag-green{background-color:#32bc23;color:#fff}
.tag.tag-red{}
.tag.tag-bold{font-weight:800;}