html,body{
    height: 100%;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
:root{
    --bs-blue: #009ef6;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-gray: #8E887A;
}
body{
    position: relative;
    background-color: #f5f8fa;
}
.boxed{
    height: 100%;
    width: 100%;
    overflow: auto;
    overflow: overlay;
}
.login-container{
    width: 100%;
    height: 100%;
    /* background: url(../img/login_bg.jpg) no-repeat; */
    /* background-size: auto 80%; */
}
.login-container .login-section{
    position: relative;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-container .login-blockquote{
    width: 400px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.login-container .system-name{
    text-align: center;
    font-size: 40px;
    color: #444;
    margin-bottom: 39px;
}
.login-container .login-title{
    text-align: center;
    font-size: 24px;
    color: #626262;
    margin-bottom: 39px;
}
.login-container .login-item{
    width: 100%;
    margin-bottom:30px;
}
.login-container .login-label{
    font-size: 14px;
    color: #5a6b78;
    padding:0 20px;
    line-height: 1;
    margin-bottom:16px;
}
.login-container .login-input{
    
}
.login-container .login-input input{
    width: 100%;
    height: 48px;
    border:2px solid #dbe1e7;
    border-radius: 12px;
    text-indent: 20px;
    font-size: 16px;
    outline: none;
}
.login-container .login-input input:focus{
    border:2px solid #112940;
}
.login-container .login-btn{
    width: 100%;
    height: 48px;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    background-color: #112940;
    text-align: center;
    line-height: 48px;
    margin-bottom: 40px;
    cursor: pointer;
    transition: background-color 300ms ease-in-out;
}
.login-container .login-btn:hover{
    background-color: #eb5f5d;
}
.header-container{
    position: fixed;
    top: 0;
    left: 300px;
    right: 0;
    z-index: 99;
    height: 98px;
    background:#fff;
}
.page-container{
    display: flex;
    justify-content:space-between;
    padding:0 30px;
    align-items:center;
    height: 100%;
}
.page-title{
    
}
.page-title h1{
    color:#211f1c;
    font-size: 16px;
    line-height:1.5;
}
.page-title .page-breadcrumb{
    display: flex;
    align-items: center;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.page-title .page-breadcrumb{
    list-style: none;
}
.page-title .page-breadcrumb .breadcrumb-li{
    font-size: 12px;
}
.page-title .page-breadcrumb .breadcrumb-li span{
    color: #211f1c;
}
.page-title .page-breadcrumb .breadcrumb-li a{
    color: #968e7e;
    cursor: pointer;
    text-decoration: none;
}
.page-title .page-breadcrumb .breadcrumb-li .bullet{
    display: block;
    background-color: #dad3c3;
    border-radius: 6px;
    width: 5px;
    height: 2px;
    flex-shrink: 0;
    margin:0 6px;
}
.page-title .page-breadcrumb .breadcrumb-li a:hover{
    color: #4fc9da;
}
.page-power{

}
.page-power .power-item{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 12px;
    cursor: pointer;
    color: #716d66;
}
.page-power .power-item:hover{
    background-color: #4fc9da;
    color:#fff;
}
.page-power .power-item i{
    font-size: 20px;
}
.aside-menu{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 300px;
    background:#fff;
}
.aside-menu .logo-container{
    padding:0px 40px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    height:98px;
}
.aside-menu .logo-container img{
    width: auto;
    height: 40px;
    
}
.aside-menu .logo-container .logout-btn{
    font-size: 13px;
    cursor: pointer;
    text-align: center;
}
.aside-menu .logo-container .logout-btn:hover{
    color: #008bd9;
}
.aside-menu .logo-container .logout-btn i{
    font-size: 16px;
    display: block;
}
.aside-menu .menu-container{
    height: calc(100vh - 98px);
    overflow: auto;
}
.menu-container .menu-column{
    display: flex;
    flex-flow: column;
    padding: 10px 0;
    margin: 0;
    width: 100%;
}
.menu-container .menu-column .menu-item{
    padding: 0 40px;
}
.menu-container .menu-column .menu-item .menu-link{
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 12px;
    color: #716d66;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.menu-container .menu-column .menu-item .menu-link.active{
    color: #00a3ff;
}
.menu-container .menu-column .menu-item .menu-link:hover:not(.active){
    color: #00a3ff;
}
.menu-container .menu-column .menu-link .menu-icon{
    margin-right: 10px;
}
.menu-container .menu-column .menu-link .menu-title{
    display: flex;
    align-items: center;
    flex-grow: 1;
    font-size: 14px;
}
.menu-container .menu-column .menu-link .menu-bullet{
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    margin-right: 0.5rem;
}
.menu-container .menu-column .menu-link .menu-bullet .bullet-dot{
    display: inline-block;
    background-color: #b5b5c3;
    border-radius: 6px;
    width: 4px;
    height: 4px;
    flex-shrink: 0;
}
.menu-container .menu-column .menu-link.active .menu-bullet .bullet-dot{
    background-color: #00a3ff;
}
.menu-container .menu-column .menu-link .menu-arrow{
    display: flex;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    margin-left: 8px;
    width: 13px;
    height: 13px;
}
.menu-container .menu-column .menu-link .menu-arrow:after{
    display: block;
    width: 100%;
    content: " ";
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23968E7E'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e")
}
.menu-container .menu-column .menu-link:hover:not(.active) .menu-arrow:after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%234FC9DA'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e")
}
.menu-container .menu-column .menu-item .menu-sub .menu-item{
    padding:0 10px;
}
.body-container{
    padding-left:300px;
    padding-top: 118px;
    position:relative;
}
.scroll-body{
    padding:0 30px;
}
.content-aside{
    width: 100%;
    position: relative;
    padding: 80px 0 20px 0;
}
.content-container{
    background-color:#f5f8fa
}
.filter-container{
    position: fixed;
    top: 98px;
    left: 300px;
    width: calc(100vw - 300px);
    min-height: 80px;
    background:#fff;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.filter-container .filter-box{
    display:flex;
    width: 100%;
    padding: 10px 15px 20px 15px;
    background: #fff;
    border-radius: 0px 0 20px 20px;
}
.filter-container .filter-box .filter-option{
    height: 70px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 20px 0;
    overflow:hidden;
}
.filter-container .filter-box .filter-option.open{
    height: auto;
}
.filter-container .filter-box .filter-power{
    flex-shrink: 0;
    display: flex;
    padding-top:30px;
    margin-right: 20px;
}
.filter-container .filter-box .filter-power .power-item{
    margin-left: 10px;
}
.filter-container .filter-box .operate-container{
    flex-shrink: 0;
    padding-top:30px;
}
.filter-container .filter-box .operate-container .operate-btn{
    line-height: 1.5;
    height: 38px;
    padding:0 10px;
    display: flex;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    background-color: #4fc9da;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    transition: color .2s ease,background-color .2s ease;
}
.filter-container .filter-box .operate-container .operate-btn:hover{
    background-color: #30a6b6
}

.filter-container .filter-box .operate-container .operate-btn i{
    margin-right: 4px;
}
.filter-container .filter-item{
    width: 300px;
    padding:0 15px;
    margin-bottom: 10px;
}
.filter-container .filter-item .filter-label{
    font-size: 12px;
    color: #211f1c;
    margin-bottom:6px; 
}
input[type="text"].form-custom,textarea.form-custom{
    display: block;
    width: 100%;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #5e6278;
    background-color: #f5f8fa;
    background-clip: padding-box;
    border: 1px solid #f5f8fa;
    appearance: none;
    border-radius: 4px;
    box-shadow: none;
    transition: color .2s ease,background-color .2s ease;
    outline:none;
}
.filter-container .filter-item .form-switch{
    padding-top: 6px;
}
.filter-container .toggle-btn:before{
    transform: rotate(0deg);
    transition: transform 100ms linear;
}
.filter-container .open .toggle-btn:before{
    transform: rotate(180deg);
}
input[type="file"]{
    display: none;
}
.file-name{
    margin-left: 10px;
}
.form-label {
    font-size: 15px;
    padding: 8px 0;
}

select.playersname+.select2-container.select2-container--default{
    
}

select.playersname+.select2-container--default .select2-selection--single{
    background-color: #f5f8fa;
    border: 1px solid #f5f8fa;
    cursor: text;
    border-radius: 4px;
}
select.playersname+.select2-container--default .select2-selection--multiple{
    background-color: #f5f8fa;
    border: 1px solid #f5f8fa;
    cursor: text;
    border-radius: 4px;
}
select.playersname+.select2-container--default.select2-container--focus .select2-selection--multiple{
    color: #5e6278;
    border: 1px solid #f5f8fa;
    background-color: #f5f8fa;
    border-radius: 4px;
}
select.playersname+.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding-left: 10px;
    overflow: initial;
}
select.playersname+.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #30a6b6;
    font-size: 14px;
}
select.playersname+.select2-container .select2-search--inline .select2-search__field{
    font-size: 14px;
}
select.filter-select+.select2-container--default .select2-selection--single{
    background-color: #f5f8fa;
    border: 1px solid #f5f8fa;
    cursor: text;
    border-radius: 4px;
    height: 41px;
}
select.filter-select+.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:41px;
    font-size: 14px;
}
select.filter-select+.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:40px;
}
.form-switch{
    display: flex;
    align-items: center;
    padding-left: 0;
    margin: 0;
}
.form-switch .form-check-input{
    width: 50px;
    height: 30px;
    vertical-align: top;
    position: relative;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    background-position:left center;
    transition: background-position .15s ease-in-out;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0;
    float: none;
    flex-shrink: 0;
    border: 0;
    background-color: #f6f1e9;
    border-radius:15px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-switch .form-check-input:checked{
    background-position:right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
    background-color: #00a3ff;
}
.form-switch .form-check-label{
    margin-left:8px;
    cursor: pointer;
}
/* .filter-container .filter-item .input-switch{
    display: flex;
    align-items: center;
    padding-left: 0;
    margin: 0;
    min-height: 1.5rem;
}
.filter-container .filter-item .input-switch input[type="checkbox"]{
    width: 52px;
    margin-left: 0;
    border: 0;
    height: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: #f6f1e9;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 52px;
    vertical-align: top;
    background-size: contain;
    transition: background-position .15s ease-in-out;
}
.filter-container .filter-item .input-switch input[type="checkbox"]:checked{
    background-position: right center;
    background-color: #4fc9da;
}
.filter-container .filter-item .input-switch span{
    
} */
.content-container{
}
.blockquote-card{
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px dashed #e8e5dd;
    box-shadow: none;
    padding:0;
    background:#fff;
    background-clip: border-box;
    border-radius: 6px;
    margin-bottom: 20px;
}
.blockquote-card .card-header{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 60px;
    padding: 0 20px;
    background-color: transparent;
    border-bottom: 1px dashed #e8e5dd;
}
.blockquote-card .card-header .card-title{
    display: flex;
    align-items: center;
    margin: 8px 0;
    
    
}
.blockquote-card .card-header .card-title h3{
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    color: #181c32;
}
.blockquote-card .card-header{
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    color: #181c32;
}
.blockquote-card .card-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 70px;
    padding: 0 2.25rem;
    background-color: transparent;
    border-bottom: 1px dashed #e8e5dd;
}
.card-body .table-responsive{
    max-height: calc(100vh - 430px);
}
.card-body .table-responsive th{
    padding: 3px;
    font-size: 13px;
}
.card-body .table-responsive td{
    padding: 4px 3px;
    font-size: 13px;
}
.card-body .table-responsive tbody tr:hover{
    background-color: #daf1ff;
}
.census-inter{
    
}
.census-group{
    
}
.census-group .census-item{
    border-radius: 10px;
    border:3px dashed #dad3c3;
    padding:20px;
    margin-bottom: 20px;
}
.census-group .census-item.active{
    border: 3px dashed #00a3ff;
}
.census-group .census-item .census-index{
    width: 40px;
    height: 40px;
    font-size: 20px;
    display:flex;
    justify-content: center;
    align-items:center;
    background-color:#daf1ff;
    color: #00a3ff;
    border-radius: 10px;
}
.dropdown-menu.power-menu{
    border: none;
    border-radius:12px;
    border: 1px solid #eaeaea;
    padding:10px;
}
.dropdown-menu.power-menu .dropdown-item{
    font-size: 14px;
    padding:8px 10px;
    background:transparent;
    border-radius: 10px;
    transition: color .2s ease,background-color .2s ease;
}
.dropdown-menu.power-menu .dropdown-item:hover{
    transition: color .2s ease,background-color .2s ease;
    background-color: #ddf8fc;
    color: #00a3ff;
}
.page-item.active .page-link{
    border-color: #00a3ff;
    background-color: #00a3ff;
}
.page-item .page-link{
    color: #00a3ff;
}
.alert{
    width: 80vw;
    max-width: 300px;
    z-index: 999;
}
textarea{
    resize: none;
}
.min-w-40{
    min-width: 40px;
}
.min-w-80{
    min-width: 80px;
}
.min-w-100{
    min-width: 100px;
}
.min-w-120{
    min-width: 120px;
}
.min-w-200{
    min-width: 200px;
}
.min-w-240{
    min-width: 240px;
}
.max-w-600{
    max-width: 600px;
}
.w-40{
    width: 40px;
}
.w-80{
    width: 80px;
}
.w-120{
    width: 120px;
}
.w-160{
    width: 160px;
}
.w-200{
    width: 200px;
}
.w-240{
    width: 240px;
}
.w-max{
    width: 100%;
}
.btn-custom{
    color: #ffffff;
    border-color: #00a3ff;
    background-color: #00a3ff;
}
.btn-custom:hover {
    color: #ffffff;
    border-color: #008bd9;
    background-color: #008bd9;
}
.text-center{
    text-align: center;
}
.text-start{
    text-align: left;
}
.text-end{
    text-align: right;
}
.fs-12{
    font-size: 12px;
}
.fs-13{
    font-size: 13px;
}
.fs-14{
    font-size: 14px;
}
.fs-15{
    font-size: 15px;
}
.fs-16{
    font-size: 16px;
}
.fs-17{
    font-size: 17px;
}
.fs-18{
    font-size: 18px;
}
.fs-20{
    font-size: 20px;
}
.fw-bolder{
    font-weight: 600
}
.text-gray-100{
    color: #f8f6f2
}
.text-gray-200{
    color: #f6f1e9
}
.text-gray-300{
    color: #dad3c3
}
.text-gray-400{
    color: #b5b0a1
}
.text-gray-500{
    color: #968e7e
}
.text-gray-600{
    color: #8e887a
}
.text-gray-700{
    color: #716d66
}
.text-gray-800{
    color: #403d38
}
.text-gray-900{
    color: #211f1c
}
.d-flex{
    display: flex!important;
}
.d-grid{
    display: grid!important;
}
.flex-shrink{
    flex-shrink:0
}
.flex-stack{
    justify-content: space-between;
    align-items: center;
}
.flex-justify-content{
    justify-content: space-between;
}
.flex-start{
    align-items: flex-start;
}
.flex-center{
    align-items: center;
}
.mb-1{
    margin-bottom:3px;
}
.mb-2{
    margin-bottom:6px;
}
.mb-3{
    margin-bottom:9px;
}
.mb-4{
    margin-bottom:12px;
}
.mb-5{
    margin-bottom:15px;
}
.mb-6{
    margin-bottom:18px;
}
.mb-7{
    margin-bottom:21px;
}
.mb-8{
    margin-bottom:24px;
}
.mb-9{
    margin-bottom:27px;
}
.mb-10{
    margin-bottom:30px;
}
.mb-11{
    margin-bottom:33px;
}
.mb-12{
    margin-bottom:36px;
}
.ml-1{
    margin-left:3px;
}
.ml-2{
    margin-left:6px;
}
.ml-3{
    margin-left:9px;
}
.ml-4{
    margin-left:12px;
}
.ml-5{
    margin-left:15px;
}
.ml-6{
    margin-left:18px;
}
.ml-7{
    margin-left:21px;
}
.ml-8{
    margin-left:24px;
}
.ml-9{
    margin-left:27px;
}
.ml-10{
    margin-left:30px;
}
.ml-11{
    margin-left:33px;
}
.ml-12{
    margin-left:36px;
}
.mr-1{
    margin-right:3px;
}
.mr-2{
    margin-right:6px;
}
.mr-3{
    margin-right:9px;
}
.mr-4{
    margin-right:12px;
}
.mr-5{
    margin-right:15px;
}
.mr-6{
    margin-right:18px;
}
.mr-7{
    margin-right:21px;
}
.mr-8{
    margin-right:24px;
}
.mr-9{
    margin-right:27px;
}
.mr-10{
    margin-right:30px;
}
.mr-11{
    margin-right:33px;
}
.mr-12{
    margin-right:36px;
}
.pt-1{
    padding-top:3px;
}
.pt-2{
    padding-top:6px;
}
.pt-3{
    padding-top:9px;
}
.pt-4{
    padding-top:12px;
}
.pt-5{
    padding-top:15px;
}
.pt-6{
    padding-top:18px;
}
.pt-7{
    padding-top:21px;
}
.pt-8{
    padding-top:24px;
}
.pt-9{
    padding-top:27px;
}
.pt-10{
    padding-top:30px;
}
.pt-11{
    padding-top:33px;
}
.pt-12{
    padding-top:36px;
}
.pb-1{
    padding-bottom:3px;
}
.pb-2{
    padding-bottom:6px;
}
.pb-3{
    padding-bottom:9px;
}
.pb-4{
    padding-bottom:12px;
}
.pb-5{
    padding-bottom:15px;
}
.pb-6{
    padding-bottom:18px;
}
.pb-7{
    padding-bottom:21px;
}
.pb-8{
    padding-bottom:24px;
}
.pb-9{
    padding-bottom:27px;
}
.pb-10{
    padding-bottom:30px;
}
.pb-11{
    padding-bottom:33px;
}
.pb-12{
    padding-bottom:36px;
}
.badge{
    padding: 6px 12px; 
    border-radius: 8px;
    font-size: 13px;
}
.border-bottom {
    border-bottom: 1px solid #eaeaea!important;
}
.fc-fff{
    color: #ffffff;
}