@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:400,500,700");
@font-face {
  font-family: myFirstFont;
  src: url(../../fonts/SCDream2.woff);
  font-weight: lighter;
}
@font-face {
    font-family: 'SCD3';
    src: url(/fonts/S-CoreDream-3Light.ttf) format('truetype');
  }
  @font-face {
    font-family: 'SCD4';
    src: url(/fonts/SCDream4.woff) format('truetype');
    font-weight: bold
  }
  @font-face {
    font-family: 'SCD5';
    src: url(/fonts/SCDream5.otf) format('truetype');
    font-weight: bold
  }
  @font-face {
    font-family: 'SCD6';
    src: url(/fonts/SCDream6.woff) format('truetype');
    font-weight: bold
  }
  @font-face {
    font-family: 'TT1';
    src: url(/fonts/TT-Commons-Thin.otf) format('truetype');
  }
  @font-face {
    font-family: 'TT2';
    src: url(/fonts/TT-Commons-ExtraLight.otf) format('truetype');
  }
  @font-face {
    font-family: 'TT3';
    src: url(/fonts/TT-Commons-Light.otf) format('truetype');
  }
  @font-face {
    font-family: 'TT4';
    src: url(/fonts/TT-Commons-Regular.otf) format('truetype');
  }
  @font-face {
    font-family: 'TT5';
    src: url(/fonts/TT-Commons-Medium.otf) format('truetype');
  }
  @font-face {
    font-family: 'TT6';
    src: url(/fonts/TT-Commons-Bold.otf) format('truetype');
  }
  @font-face {
    font-family: 'TT7';
    src: url(/fonts/TT-Commons-ExtraBold.otf) format('truetype');
  }
  @font-face {
    font-family: 'TT8';
    src: url(/fonts/TT-Commons-Black.otf) format('truetype');
  }

:root{
    --font-active:56,198,218;
    --login-inputbox:42,43,48;
    --login-placeholder:96,98,105;
}

body{
	color:var(--tblr-body-color);
	font-family: 'SCD3', "Noto Sans KR", sans-serif;
    letter-spacing: -0.25px;
}

.admin-logo {height:30px;}

.nav-link-title{ font-family: myFirstFont;}

::selection {
  color: #fff;
  background: blue;
}


body.antialiased {
     zoom: 0 !important;   
    -moz-transform: scale(1.2); 
    -moz-transform-origin: 0 0;
    font-family: 'Noto Sans KR' !important;
    font-weight: bold !important;
}

[data-bs-theme=dark] a{color:  #fff  }
a:hover{color: #5aa9b4;text-decoration: none }
.admin-brand {
    background-color: #545252;
    padding: 10px;
    font-size: 18px;
    color: white;
    font-weight: bold;
    text-decoration: none
}  
[data-bs-theme=dark] .admin-brand {
    background: #16171b;
}
[data-bs-theme=dark] table.table-filter tbody th {
    background-color: #2a2b31 !important;
    color: #fff !important;
}
.btn-rate, .btn-add-agency {
    padding: 4px 8px;
}
[data-bs-theme=dark] .btn-rate, [data-bs-theme=dark] .btn-add-agency {
    padding: 4px 8px;
    background-color: transparent;
    border: unset;
    color: #fff;
    text-align: center;
}
[data-bs-theme=dark] .btn-rate:hover, [data-bs-theme=dark] .btn-add-agency:hover {
    padding: 4px 8px;
    background-color: transparent;
    border: unset;
    color: #fe0000;
}

[data-bs-theme=dark] .btn-situation {
    background-color: transparent;
    color: #fff;
    padding: 2px 10px;
    border: 1px solid transparent;
    border-radius: 5px;
}
[data-bs-theme=dark] .btn-sugges:hover, [data-bs-theme=dark] .btn-situation:hover {
    background-color: transparent;
    border: 1px solid transparent;
}
.sport_rate_td .col_3 {
    width: calc(33.33% - 5px);
    line-height: 18px;
    padding-right: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
    text-align: right;
    white-space: normal;
}
#partner-action-modal .table-responsive .table tr td.sport_rate_td {
    border-bottom: 1px solid #1A1B20!important;
}
.sport_rate_td .col_3:nth-child(3n+1) {
    clear: both;
}
.sport_rate_td .col_3 p {
    display: inline-block;
    color: #9E9EA6;
    font-weight: 600;
}
.sport_rate_td .col_3 span {
    display: inline-block;
    float: left;
    width: calc(100% - 115px);
    margin-left: -25px;
    min-width: 115px;
}
.sport_rate_td input,
.sport_rate_td .col_3 input {
    background-color: #ffffff;
    color: #080808;
    width: calc(100% - 25px);
    max-width: 152px;
    height: 35px;
    margin: 0 5px;
    border: 1px solid #2a2929;
    margin-right: -25px;
}
.sport_rate_td .col_3 span,
.sport_rate_td .col_6 span {
    float: right!important;
}
.sport_rate_td .col_6 {
    width: calc(45% - 15px);
    line-height: 18px;
    float: right;
    text-align: right;
    padding-right: 5px;
    margin-bottom: 5px;
}

.sport_rate_td .col_6 {
    width: calc(45% - 15px);
    line-height: 18px;
    padding-right: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
    text-align: right;
    white-space: normal;
}
.sport_rate_td .col_6 input {
    width: 35%;
}
.sport_rate_td .col_6 p {
    display: inline-block;
    color: #9E9EA6;
    font-weight: 600;
}
.sport_rate_td .col_6 span {
    display: inline-block;
    float: left;
    width: calc(100% - 115px);
    margin-left: -25px;
    min-width: 115px;
}
.sport_rate_td input,
.sport_rate_td .col_6 input {
    background-color: #ffffff;
    color: #080808;
    width: calc(100% - 25px);
    max-width: 152px;
    height: 35px;
    margin: 0 5px;
    border: 1px solid #2a2929;
    margin-right: -25px;
}


.sport_rate_td .col {
    width: calc(100% - 5px);
    line-height: 18px;
    padding-right: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    white-space: normal;
}
#partner-action-modal .table-responsive .table tr td.sport_rate_td {
    border-bottom: 1px solid #1A1B20!important;
}
.sport_rate_td .col p {
    display: inline-block;
    color: #9E9EA6;
    font-weight: 600;
    margin-right: 10px;
}
.sport_rate_td .col span {
    display: inline-block;
    width: calc(100% - 260px);
    margin-left: -25px;
    min-width: 115px;
}
.sport_rate_td input,
.sport_rate_td .col input {
    background-color: #ffffff;
    color: #080808;
    width: calc(100% - 25px);
    max-width: 152px;
    height: 35px;
    margin: 0 5px;
    border: 1px solid #2a2929;
    margin-right: -25px;
}

#frmCreateMember .card-header {
    background: url(/img/line-admin.png) no-repeat;
    border-bottom: 0;
    justify-content: flex-start;
    text-align: left;
    background-position: 0px 18px;
}
#frmCreateMember .card-header .card-title {
    border-bottom: 0;
    justify-content: flex-start;
    text-align: left;
    color: #38C6DA;
    font-weight: 600;
}
[data-bs-theme=dark] #frmCreateMember .form-control[readonly], 
[data-bs-theme=dark] #frmCreateMember #bankName {
    background-color: #1B1C21;
    color: #7CC531;
    font-weight: 600;
}
[data-bs-theme=dark] #frmCreateMember .card-body {
    border-bottom: 1px solid #1A1B20!important;
    padding-right: 0;
}



[data-bs-theme=dark] .sport_rate_td input,
[data-bs-theme=dark] .sport_rate_td .col input,
[data-bs-theme=dark] .sport_rate_td .col_3 input,
[data-bs-theme=dark] .sport_rate_td .col_6 input {
    background-color: #121317;
    color: #E9E9EA;
}
[data-bs-theme=dark] .text-white{color:#fff !important}
.text-white{color: #000 !important}
#btnUpdateRate {
    margin: 0 15px 15px 0;
}
#btnCreatePartner {
    margin: 0 15px 15px 0;
}
.clear-fix {
    clear: both;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1.5rem;
}
[data-bs-theme=dark] .modal-body {
    background: #1c1f26;
    color: #fff;
    position: relative;
    flex: 1 1 auto;
    padding: 1.5rem;
    font-family: "S-Core Dream 1 Thin";
}
[data-bs-theme=dark] .wrap-smform {
/*    margin: 0 -23px;
    background-color: #121317*/
}
[data-bs-theme=dark] .wrap-smform > button {
    width: 130px;
    height: 40px;
    margin-right: -47px;
}
#partner-action-modal .modal-content {
    margin-top: 135px;
}
#partner-action-modal .modal-body {
    overflow: hidden;
    position: relative;
    flex: 1 1 auto;
    padding: 1.5rem;
    padding-bottom: 0;
    background: #16171B;
    color: #fff;
    font-family: "S-Core Dream 1 Thin";
}
.card-header{
    background-color: #717171;
    border-bottom: 2px solid #595959;
    justify-content: center;
    padding: 0.5rem;
}
[data-bs-theme=dark] .card-header{
    background-color: #2A2B31;
    border-bottom: 2px solid #15161A;
    justify-content: center;
    padding: 0.5rem;
}
.card-body {
    background-color: #e6e6e6;
}
.card-body.active {
    background-color: #fff7bb;
}
[data-bs-theme=dark] .card-body {
    background-color: #16171b;
}
[data-bs-theme=dark] .card-body.active {
    background-color: #1d2024;
}
.card-header .card-title{
    font-size: 14px;
    margin: 0;
    color: #fff;
}
.input-icon-addon{color:  #7cc531;position:absolute;left: 170px;}
.input-icon .form-control:not(:first-child), .input-icon .form-select:not(:last-child){padding-left:5px; border: 1px solid #afafaf!important; color : #5b5858}
[data-bs-theme=dark] .input-icon .form-control:not(:first-child), [data-bs-theme=dark] .input-icon .form-select:not(:last-child){padding-left:5px;background: #16171b;border: 1px solid #232324 !important;}
.form-select{color: #464646;border-radius: 0px;border:1px solid #afafaf; background-image: url('/img/down-icon.png');: }
[data-bs-theme=dark] .form-select{background-color:#16171b; color: #fff;border-radius: 0px;border:1px solid #232324; background-image: url('/img/down-icon.png');: }
.form-control:focus{background-color: #fcfcfc; border: 1px solid #afafaf!important; color : #5b5858;}
[data-bs-theme=dark] .form-control:focus{background-color: #121317; color : #54555A;}
[data-bs-theme=dark] .table td > .form-check-input[type=checkbox]{
    background: #16171b;
    border-radius: 0px;
    border:1px solid #2a2b31;
    background: #16171b;
    border-radius: 0px;
    border: 3px solid #141414;
    outline: 1px solid #fff;
}
[data-bs-theme=dark] .table th > .form-check-input[type=checkbox]{
    background: #16171b;
    border-radius: 0px;
    border:1px solid #2a2b31;
    background: #16171b;
    border-radius: 0px;
    border: 3px solid #141414;
    outline: 1px solid #fff;
}

.table td > .form-check-input:checked[type=checkbox]{background: url(/img/check-admin.png);}
.table th > .form-check-input:checked[type=checkbox]{background: url(/img/check-admin.png);}
.navbar>.container-fluid{margin-left: calc(12% - 5px);}
.navbar-light>.container-fluid{margin-left: calc(12% - 5px);}
[data-bs-theme=dark] .navbar>.container-fluid{background: #16171b}
[data-bs-theme=dark] .navbar-light>.container-fluid{background: #181A1E}
.navbar-light .navbar-nav {
    top: 0!important;
    height: 100%;
}
.login-box, .register-box {width: 400px;}
.login-page, .register-page{background-color: #16171b;font-size: 12px}
.login-card-body, .register-card-body{background-color: #16171b;}
.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text {
    background-color: #2a2b30 !important;
    border-bottom-right-radius: 0 !important;
    border-left: 0 !important;
    border-top-right-radius: 0;
    color: #777 !important;
    border:none !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
.card-home{border-radius: 0px;border-left: 3px solid #7cc531 !important;border: 0px;} 
.h1,.text-muted {color: #000;}
[data-bs-theme=dark] .h1, [data-bs-theme=dark] .text-muted {color: #fff!important;font-family: "S-Core Dream 1 Thin";}
.text-mini{color:#494851;}
.login-admin{position: relative;top: 35px;}
.login-admin .btn-primary{background: #7ac232;border: none;border-radius: 0px !important;}
.form-control{border-radius: 0px !important; border: none !important;}

[data-bs-theme=dark] .wrapper{background: #16171b}
[data-bs-theme=dark] .page-wrapper{background: #16171b}
.page-title{
    display: inline-block;
}
.breadcrumb {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.breadcrumb a {
    position: relative;
    margin-left: 10px;
    font-size: 16px;
    padding: 5px 13px;
    color: #63666b;
}
.breadcrumb a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 30%;
    display: block;
    float: left;
    background: url('../../img/brec-arrow-left.png') no-repeat;
    width: 14px;
    height: 14px;
}
.breadcrumb a:hover {
    text-decoration: none;
}
.page-header .caption-small {
    color: #2a2b31;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}
.btn-list>* {
    margin: 3px 1px!important;
}
.btn-list>*>a {
    padding: 10px;
    width: 85px;
    font-size: 12px;
}
.btn-betslipstatus-filter.active {
    color: #38C6DA;
}
[data-bs-theme=dark] .btn-betslipstatus-filter.active {
    background-color: #111215;
}
.box-admin-title{background: #717171 !important;color: #fff !important;}
[data-bs-theme=dark] .box-admin-title{background: #2a2b31 !important;color: #fff !important;border-left:3px solid #16171b !important;}
[data-bs-theme=dark] .box-detail td {border:3px solid #16171b !important;background: #1b1c21 !important; color: #fff; font-weight: 50}
footer{padding: 30px;background: var(--tblr-body-bg);}
.text-foot{margin-top:30px;border-top: 1px solid #3e3f42; padding: 20px}
textarea.form-control{height: 300px !important}
.ql-editor{height: 300px !important}

[data-bs-theme=dark] .navbar-dark {
    background: #16171b;
}
.nav-link{background: transparent !important; color: #fff; }
.navbar-nav .nav-item{
    margin: 1px;
    background: #4e4e4e;
}
[data-bs-theme=dark] .navbar-nav .nav-item{
    margin: 1px;
    background: #1d1e22;
}
.card {
    border: unset;
}
.nav-item:hover{background: #424242;}
.switch-vers-theme .nav-link {
    color: #82C138;
}
.switch-vers-theme .nav-link:hover, .switch-vers-theme .nav-link:focus {
    color: red;
}
[data-bs-theme=dark] .nav-item:hover{background: #7cc531}
.nav-link.active{color:rgba(var(--font-active),1)!important; background:#424242 !important;min-height: 3rem !important;border-radius: 0px !important}
[data-bs-theme=dark] .nav-link.active{color:rgba(var(--font-active),1)!important; background:#111215 !important;min-height: 3rem !important;border-radius: 0px !important}
.table th.table-dark i.ti-rotate {
    transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.table-responsive .table tr td { border: 1px solid rgb(192 192 192) !important; text-align: center;}
[data-bs-theme=dark] .table-responsive .markdown>table, [data-bs-theme=dark] .table-responsive .table{background: #1b1c21}
[data-bs-theme=dark] .table-responsive .table tr td {border: 2px solid rgb(22 23 27) !important; background: #1b1c21; text-align: center;}
#partner-action-modal .table-responsive .table{background: #16171B}
#partner-action-modal .table-responsive .table tr td {border: 2px solid rgb(22 23 27) !important; background: #16171B; text-align: center;}


.table tr td input[type=checkbox] {
    transform: scale(1);
    margin-right: 4px;
}
.table thead th.table-dark {
    background-color: #232e3c!important;
    color: #f4f6fa!important;
}
.badge {position: relative;border-radius:50px;background: #9d9da4; }
[data-bs-theme=dark] .badge {position: relative;border-radius:50px;background: #2a2b31;}
.card-footer{
    background: transparent;
    border: 0!important;
}
.card{background: transparent;}
#fullpage-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(255 255 255 / 50%);
    text-align: center;
    padding-top: 20%;
}
[data-bs-theme=dark] #bulkDelete {border:0px;background: #1b1c21; color: red;border-radius: 0px}
#bulkDelete:hover{background:#7cc531;color: #fff }
.input-group-text{background-color: #f8f8f8;border: 1px solid #bfbfbf;}
[data-bs-theme=dark] .input-group-text{background-color: #121317;border: 1px solid #121317;}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
     background-color: #04AA6D; 
    /* border-color: #206bc4; */
    border-radius: 0px;
    color: #7ac232;
}
.page-link:hover{
     background-color: transparent; 
    /* border-color: #206bc4; */
    border-radius: 0px;
    color: #7ac232;
}
.ql-editor{color: #fff}
.nav-poup{position: relative;top: -43px;left: 108px}
.modal-header{min-height: 0rem; height: 45px;}
[data-bs-theme=dark] .modal-header{background: #0e1013;border-bottom: 1px solid #0e1013; color: #fff;}
.modal-title .title { position: relative;padding: 0px 10px;margin-top: 10px;}
[data-bs-theme=dark] .modal-title .title { border-right: 1px solid #1c1f26;background: #0e1013;}
.modal-title__tab{padding: 10px;margin-left: -13px;}
[data-bs-theme=dark] .modal-title__tab{background: #0e1013;}
#partner-action-modal .modal-title__tab{padding: 10px;background: #0e1013; margin-left: 0}
.modal-title__tab:hover{background: #7ac232}
#partner-action-modal .modal-title__tab.active{background: #7ac232}
#partner-action-modal .modal-title {
    font-weight: 400;
}
#partner-action-modal .page-body {
    margin-top: 0;
    margin-bottom: 0;
}
#partner-action-modal .table-responsive{
    margin-bottom: 0;
}
#partner-action-modal .page-body .container-fluid {
    padding: 0;
}
#partner-action-modal .modal-content .btn-close {
    width: 90px;
    height: 45px;
}
#partner-action-modal .card-table tr th{
    background: url('../../img/line-admin.png') no-repeat;
    border: 0;
    text-align: left;
    background-position: 10px 35px;
    color: #38C6DA;
    margin-top: 15px;
    padding-top: 30px
}

.btn-pill:active{color:#38c6da !important;}
.btn-pill:focus{color:#38c6da !important;}
.navbar {
    min-height: unset;
    padding: 0;
}
.navbar-light {
    box-shadow: unset;
    padding: 0;
    border-bottom: 1px solid #ce1c23;
}
[data-bs-theme=dark] .navbar-light {
    background-color: #181A1E!important;
    box-shadow: unset;
    padding: 0;
    border-bottom: unset;
}
.pagination {
    display: flex;
    align-items: center;
}
.page-item{
    padding: 0px 2px;
}
.page-item.active{
    color: #7ac232!important;
    /* padding: 2px; */
    /* border: 1px solid #3a3a3a; */
}
[data-bs-theme=dark] #user-info-modal .modal-dialog .modal-content{background: #16171b;color:#a5a5ad;}
.modal-body+.modal-body {
     border-top: 1px solid transparent;
}
/*.page-header {margin: -22px 0 0;}*/
.form-control.disabled, .form-control:disabled{background: #e2e2e2;;}
[data-bs-theme=dark] .form-control.disabled,[data-bs-theme=dark]  .form-control:disabled{background: #1b1c21;}
.form-control {color: #464646; border: 1px solid #bfbfbf!important; font-size:12px!important;}
[data-bs-theme=dark] .form-control {
    background: #e2e2e2;
    border: 1px solid #232324!important;
}
.form-control-plaintext{border: 1px solid #bfbfbf;color:#7ac232;padding-left: 5px; margin-top: 5px}
[data-bs-theme=dark] .form-control-plaintext{border:1px solid #1b1c21; color:#7ac232;}
.ql-toolbar.ql-snow {
    /*border: 1px solid #FFFFFF!important;*/
    border-bottom: unset!important;
    background-color: #FFFFFF;
}
.ql-container.ql-snow {
   /* border: 1px solid #FFFFFF!important;*/
    border-top: 1px solid #E5E5E5!important;
    background-color: #FFFFFF;
    color: #54555A;
}
.ql-container.ql-snow .ql-editor {
    color: #54555A;   
}
.btn-link {
    color: #75767afa;
    background-color: #121317;
    border-color: transparent;
    border-radius: 0px;
    margin-right: 5px;
}
.form-check-input:checked{background-color:#7ac232 }
.btn-link:hover{background:#7ac232;color: #fff }
.btn-primary{background:#7ac232;color: #fff;border-radius: 0px; }
.btn-pill{border-radius: 0px;}
[data-bs-theme=dark] .btn-pill{background: transparent;}
.btn-pill:hover{background:#7ac232;color: #fff }
.card-table thead tr:first-child th:last-child{border-right: 1px solid #c0c0c0;}
.card-table thead tr:first-child th{border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0;}
[data-bs-theme=dark] .card-table thead tr:first-child th:last-child{border-right: unset;}
[data-bs-theme=dark] .card-table thead tr:first-child th{border-left: 2px solid #16171b; border-top: unset}
.check-green.form-check-input[type=checkbox]{
    background: #ffffff;
    border-radius: 0px;
    border: 3px solid #bcbcbc;
    outline: 1px solid #fff;
}
#currentsessions-list tbody td {
    text-align: center;
}
[data-bs-theme=dark] .check-green.form-check-input[type=checkbox]{
    background: #16171b;
    border: 3px solid #141414;
}
.check-green.form-check-input:checked[type=checkbox] {
    background: url(/img/check-admin.png);
}
h3{color: #38c6da}
[data-bs-theme=dark] .litepicker .container__months .month-item{background: #1c1f26;color:#fff;}
.litepicker .container__months .month-item{background: transparent;color:#fff;}


@media (min-width: 768px) {
    .navbar-expand-md .navbar-dark .nav-item.active .nav-link, .navbar-expand-md.navbar-dark .nav-item.active .nav-link {
        background-color: #161e27;
    }
    .navbar-expand-md .navbar-light .nav-item.active:after, .navbar-expand-md.navbar-light .nav-item.active:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -.25rem;
        border: 0 solid #206bc4;
        border-bottom-width: 5px;
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 1600px;
    }
    #partner-action-modal.create-member .modal-lg, #partner-action-modal.create-member .modal-xl{
        max-width: 500px;
    }
}
/*.navbar-expand-md .navbar {
    background: #16171b;
}*/

.navbar-expand-md .navbar .navbar-nav .nav-link {
    color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}
[data-bs-theme=dark] .navbar-expand-md .navbar .navbar-nav .nav-link {
    color: #8392a0;
}
.navbar-expand-md .navbar .navbar-nav .nav-link:hover{
	color: #fff;

}
    .navbar-expand-md .navbar .navbar-nav .active > .nav-link, .navbar-expand-md .navbar .navbar-nav .nav-link.active, .navbar-expand-md .navbar .navbar-nav .nav-link.show, .navbar-expand-md .navbar .navbar-nav .show > .nav-link {
        color: #ffffff;
        height: 100%;
    }

.quickaction-tray {
    /*z-index: 0 !important;*/
    padding-top: 0px;
    background: #f7f9fb;
}

[data-bs-theme=dark] .quickaction-tray {
    background: #1d2024;
}

.quickaction-tray.nosub-menu {
    padding-top: 55px;
}

.quickaction-title {
    padding: 10px;
    text-align: center;
    font-size: 18px;
    color: white;
    border-bottom: 1px solid #000;
}

.quickaction-item, .quickaction-item:focus {
    display: block;
    padding: 25px 20px 0px 20px;
    color: #8392a0;
    text-decoration: none;
	transition: .3s;
}
.quickaction-item:hover{
	color: #fff;
	text-decoration: none;
}
    .quickaction-item i {
        color: #a9b5bf;
    }
.sticky-top {
    background-color: #e6e6e6;
}
@media (max-width: 991.98px) {
    .quickaction-tray {
       display: none;
    }
}
.a-divider{
	margin-left: 7px;
    margin-right: 7px;
    color: #dadada;
}
.note{
	font-size: 13px;
}

.admin-dashboard-page td, .admin-dashboard-page th, .admin-dashboard-page tr {
    border-width: 1px;
}

.admin-dashboard-page .table-responsive {
    margin-bottom: 0px;
    margin-top: 10px !important ;
}
.form-group.row .form-label {
    text-align: right;
    font-size: 13px;
    color: #c2a332;
    font-weight: 600;
}
#partner-action-modal .form-group.row .form-label {
    font-weight: 600;
}

.page-item.active .page-link{
    pointer-events: none;
}

.table tr td{
/*     max-width: 250px; */
    text-overflow: unset;
    /* overflow: auto; */
    overflow-x: hidden;
    word-wrap: break-word;

}
.table tr td
[data-bs-theme=dark] .table tr td{
    color: #fff !important;
    font-family: "S-Core Dream 1 Thin";
}
.game-company-setting .table tr td{
    text-align: center;
    vertical-align: middle;
}

.table tr th[align=center], .table tr td[align=center] {
    text-align: center;
}

.markdown>table thead th, .table thead th {
    font-size: 13px;
    background: #F4F6FA;
    text-align: center;
}
[data-bs-theme=dark] .markdown>table thead th,[data-bs-theme=dark] .table thead th {
    background: #2a2b31;
    color: #fff;
}

.hr-margin10 {
    margin: 10px 0px;
}

.modal-footer {
    padding-top: 1.125rem;
    border-top: 1px solid #cacaca;
}
[data-bs-theme=dark] .modal-footer {
    padding-top: 1.125rem;
    border-top: 1px solid #16171b;
    background: #1d2027;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.btn-close {
    cursor: pointer;
}
.btn-close {
    box-sizing: content-box;
    width: 0.75rem;
    height: 0.75rem;
    padding: 0.25em 0.25em;
    color: #000;
    background: #1b1c21 url(/img/x-icon.png) center/0.75rem auto no-repeat;
    border: 0;
    border-radius: 4px;
    opacity: .3;
}


/* fold table */
.row-header td:nth-last-child(1)
{
    cursor:pointer;
}
/* end fold table */

/* fix when using color circle in table */
.table .form-colorinput-color:before {
    content: unset;
}

.table-compact {
    font-size: 12px;
}
.table-compact tr td, .table-compact tr th {
    padding: 8px 5px;
    font-size: 12px;
}

.table-compact tr.registered td {
    background: #faf8d0;
}

[data-bs-theme=dark].table-compact tr.betslip-item-header td {
    background: #1B1C21;
    border-top: 2px solid;
}

.table-compact tr.betslip-item-header td {
    background: transparent;
    border-top: 2px solid; 
}
.table-compact input[type=number], .table-compact select {
    font-size: 12px;
    padding: 5px;
}
.table-compact tr td.selected {
    background: #7CC531;
    color: #fff!important;
    font-weight: bold;
}
.table-compact .bold {
    font-weight: bold;
}

.col-15 {
    flex: 0 0 auto;
    width: 12.5%;
}

.nowrap {
    white-space: nowrap;
}


.betting-rules-filter span { padding-bottom: 9px; }

.sort-item {
    cursor: pointer;
    color: #fff;

}
.sort-item:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

.form-signin {
    position: absolute;
    padding: 6% 2rem 1rem 2rem;
    overflow: hidden;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 430px;
    margin: 0 auto;
}

.login-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: relative;
    background: url(/images/partner/bg-2.jpg);
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-signin-heading {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #595d6e;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.form-signin-logo {
    text-align: center;
    margin: 0 auto 2rem  auto;
}

.form-signin .form-control {
    height: 46px;
    border: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 46px;
    margin-top: 1.5rem;
    background: rgba(255, 255, 255, 0.015);
    color: #fff;
}

.form-signin .form-control:focus {
    box-shadow: none;
}

.form-signin button[type=submit] {
    height: 50px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.form-signin .form-control::-moz-placeholder {
    color: #595d6e;
    opacity: 1;
}
.form-signin .form-control:-ms-input-placeholder {
    color: #595d6e;
}
.form-signin .form-control::-webkit-input-placeholder {
    color: #595d6e;
}

.text-right {
    text-align: right;
}

.btn-pill.active {
      color: #0564bc;
    border: 0;
    border: #0564bc 1px solid;
    background: #172739;
}
[data-bs-theme=dark] .btn-pill.active {
    background-color: #111215;
}

.form-control-plaintext {
    overflow-wrap: anywhere;
}

.dropdown-menu {
    max-height: 400px;
    overflow-y: scroll;
}
.item-group{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}
.item-group lable{
    width: 20%;
    color:#737a8a;
}
.item-list .item-group:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.button-previous-month svg, .button-next-month svg {
    fill: var(--litepicker-button-next-month-color) !important;
}
.total{
   /* margin: 15px 0;*/
    padding-top: 15px;
    /*border-top: 1px solid #e5e5e5;*/
    font-weight: bold;
    margin-left: auto!important;
    color: #656d77;
    margin-top: -10px;
    text-align: right;
}
.total span{color: #7cc530;}
.cs-item{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.cs-card .cs-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.cs-card .email-col{
    width: 15%;
    display: flex;
    align-items: center;
}
.form-control[readonly]{
    background-color: #fff;
    color: #727272;
}
.form-check-label {
    display: block;
}
[data-bs-theme=dark] .form-check-label {
    color: #fff;
}
.userlist-total{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}
.userlist-total .li-divider{
    margin: 0 7px;
}
.sitehome-btn{
    height: 30px;
    margin-top: 10px;
    margin-right: 10px;
}

.alarms-section {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    background: black;
    font-size: 13px;
}
.alarms-section a{
    margin-right: 20px;
    color: #8392a0;
}
.alarms-section a:hover{
    color:#fff;
    text-decoration: none;
}

.alarms-section .item + .item::before {
    color: #8392a0;
    content: "/";
    padding-right: 0.5rem;
}
.alarms-section a.active {
    color:#ffffff;
}

#partner-table .level1 {
    font-weight: bold;
    color: #79C031 !important;
    text-align: left;
}

#partner-table .level2 {
    font-weight: bold;
    text-align: left;
    color: green;
}

#partner-table .level3 {
    font-weight: bold;
    text-align: left;
}
#partner-table .level4 {
    font-weight: bold;
    text-align: left;
}
#partner-table .level5 {
    font-weight: bold;
    text-align: left;
}
#partner-table .level6 {
    font-weight: bold;
    text-align: left;
}
#partner-table .level7 {
    font-weight: bold;
    text-align: left;
}

.image-url-input, .image-url-input .filepond--root {
    max-height: 100px;
}

.image-url-input .filepond--root {
    max-height: calc(100px - 1.5rem);
}

.user-levels-table th{
    min-width: 150px;
}

.user-levels-table th:nth-child(1){
    min-width: 50px;
}

#user-info-modal .modal-title {
    display: flex;
    gap: 1rem;
    cursor: pointer;
}

#user-info-modal .modal-title>span:not(.active) {
    font-weight: 300;
}

#list-betting-modal .modal-dialog, 
#user-info-modal .modal-dialog {
    max-width: 80%;
    min-height: 80vh;
}

#user-info-modal .modal-dialog .modal-content {
    min-height: 80vh;
}
.modal-dialog .modal-content .btn-close {
    width: 44px;
    height: 44px;
}

.manualsettle-table tr td:first-child, .manualsettle-table tr th:first-child{
    padding-left: 0.5rem;
}
.manualsettle-table tr td:last-child, .manualsettle-table tr th:last-child{
    padding-right: 0.5rem;
}
.manualsettle-table .marketname-header td{
    background: #eeeeee;
    border-top: 2px solid;
    font-weight: bold;
}
.manualsettle-table tr td.selected {
    background: #d6f3ff;
    font-weight: bold;
}

.show-match-betting-list-modal {
    cursor: pointer;
}
.pointer {
    cursor: pointer;
}

.ball {
    background-color: green;
    color: white;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.ball+.ball {
    margin-left: .25rem;
}

.ball.powerball {
    background-color: orange;
}
.modal-body .option-group .btn {
    border-radius: 5px;
    font-size: 14px;
    color: #000000;
    padding: 5px;
    font-weight: bold;
    outline: 0;
    border: 0;
    width: 75px;
    height: 30px;
}
.modal-body .option-group .btn-gw {
    background-color: #E0D6AA;
}
.modal-body .option-group .btn-yl {
    background-color: #FFD200;
}
.modal-body .option-group .btn-red {
    background-color: #690000;
    color: #ffffff;
    margin-left: 10px;
}
.quickaction-title {
    margin-bottom: 8px;   
    background: #696969;
}
[data-bs-theme=dark] .quickaction-title {
    background: #1b1c21;
}
.header-nav-item .title {
    background-color: #717171;
    color: #fff;
    padding: 8px;
    margin-bottom: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
[data-bs-theme=dark] .header-nav-item .title {
    background-color: #1b1c21;
}
.quick-nav-item {
    margin: 0 4px;
}
.content-nav-item .table tbody {
    border: 1px solid #c3c3c3;
}
[data-bs-theme=dark] .content-nav-item .table tbody {
    border: 1px solid #373737;
}
.content-nav-item .table tr td {
    text-align: right;
}
.page-wrapper .table tbody tr.active {
    background-color: #3cb7a1;
}
.minigame-round .result {
}
.minigame-round .result p {
    display: inline-block;
}
.minigame-round .changeResult {
    display: none;
}
.minigame-round select.inputChangeResult {
    display: none;
    margin-left: 15px;
    width: 70px;
}
#rounds-table button#updateResultMinigameRound {
    display: none;
}
#rounds-table button.showInputChangeResult,
#rounds-table button#updateResultMinigameRound {
    padding: 4px 8px;
    background-color: #919191;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #a7abb1;
}
.cancelBetting,
.cancelBettingMinigame {
    padding: 2px 8px;
    border: 0;
    background: transparent;
}
.cancelBetting:hover,
.cancelBettingMinigame:hover {
    background: transparent;
}

.bg-azure {
    background: #4299e1 !important;
}





/* loading-page */
.loader-dim{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:fixed;
	z-index:100000000;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
}
.loader-dim > span{
	font-family: 'Bison';
    font-size: 18px;
    color: rgba(255,255,255,0.8);
	background: linear-gradient(100deg, #be893a 30%, #dfaa4a, #ce9b36 50%, #be893a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow:0px 1px 0px rgba(255,255,255,0.08);
}
.lds-circle {
	display: inline-block;
	transform: translateZ(1px);
}
.lds-circle > div {
	display: flex;
    justify-content: center;
    align-items: center;
	width: 50px;
	height: 50px;
	margin: 8px;
	border-radius: 50%;
	background: conic-gradient(#be893a, #dfaa4a, #ce9b36, #dfaa4a, #9d6920, #a97832, #dfaa4a, #cc9f42, #dfaa4a, #af792d, #be893a);	
	animation: lds-circle 6s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	box-shadow:0px 2px 4px black;
	border: 1px solid #684b22;
	padding: 2px;
}
.lds-circle > div > div{
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dotted #be893a;
    border-radius: 50%;
}
.lds-circle > div > div > span{
	color: #9b6c29;
    font-family: 'Bison';
    font-size: 18px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.2), 0px -1px 0px rgba(0,0,0,0.5);
}
@keyframes lds-circle {
0%, 100% {
	animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
}
0% {
	transform: rotateY(0deg);
}
50% {
	transform: rotateY(1800deg);
	animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
}
100% {
	transform: rotateY(3600deg);
}
}



/* login-page */
.login-page .card{
    box-shadow:none;
}
.login-page .login-logo b{
}
.login-page .input-group{
}
.login-page .input-group .form-control{
    font-size:12px;
}
.login-page .input-group .form-control:before{
    content:'email';


}
.login-page .input-group .form-control::placeholder{
    color:rgba(var(--login-placeholder),1);
}


/* */
.navbar-vertical .quickaction-title{
    text-align: left;
    color: rgba(var(--font-active),1);
}

[data-bs-theme=dark] .navbar-dark{
    color:white;
}
.box-point-section th:hover {
    background-color: #6f6f6f;
}
.box-point-section th {
    border: 5px solid #bcbcbc;
    padding: 5px 1%;
    background-color: #2c1d1d;
    /*background-color: #8c8c93;*/
    color: #fff;
}
[data-bs-theme=dark] .box-point-section th{
    border: 5px solid #16171b;
    padding: 5px 5px;
    background-color: #111115;
    color: #fff;
}

.table .fill-out {
    text-align: center;
    background: #731414;
    cursor: pointer !important;
}
.table .fill-out a {
    color: #fff;
}
[data-bs-theme=dark] .table .fill-out {
    background: #1d2024;
}

[data-bs-theme=dark] .table .fill-out a {
    color: #fff;
}

[data-bs-theme=dark] .box-new th {background-color: #212d3b !important; color: #fff !important}
.highlight-core{background-color: #858c7a !important}
[data-bs-theme=dark] .betlist-bnt{
    background: transparent;
    color: #fff !important;
    border: 1px solid #fff !important;
}  
.betlist-bnt{
    background: transparent;
    color: #000 !important;
    border: 1px solid #000 !important;
}
/* ================ */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
textarea[cols] {
    background: #e2e2e2;
    height: auto;
    border: 0px;
    color: #FFF;
}

[data-bs-theme=dark] textarea[cols] {
    background: #16171b;
    color: #FFF;
}

.btn-especially {
    background: #136734;
    color: #fff;
    border: 1px #136734
}

.btn-del {
    background: red;
    color: #fff;
    border: 1px red
}

.btn-time {
    background: blue;
    color: #fff;
    border: 1px blue
}

.toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 31px;
    height: 16px;
    display: inline-block;
    position: relative;
    border-radius: 46px;
    overflow: hidden;
    outline: none;
    border: none;
    cursor: pointer;
    background-color: #707070;
    transition: background-color ease 0.3s;
}

.toggle:before {
    content: "on off";
    display: block;
    position: absolute;
    z-index: 2;
    width: 14px;
    height: 13px;
    background: #fff;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    font: 5px/13px Helvetica;
    text-transform: uppercase;
    font-weight: bold;
    text-indent: -11px;
    word-spacing: 18px;
    color: #fff;
    text-shadow: -1px -1px rgb(0 0 0 / 15%);
    white-space: nowrap;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}

.toggle:checked {
    background-color: #4CD964;
}

.toggle:checked:before {
    left: 16px;
}

.open-user-info-modal {
    cursor: pointer;
}
.bnt-addnew{
    position: absolute;
    top: 4%;
    left: 50%;
    background: #F44336;
    color: #fff;
    padding:5px;
}

.multi-select-container {
    display: inline-block;
    position: relative;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.multi-select-menuitem {
    display: block;
    font-size: 0.875em;
    padding: 0.6em 1em 0.6em 30px;
    white-space: nowrap;
}

.multi-select-legend {
    font-size: 0.875em;
    font-weight: bold;
    padding-left: 10px;
}

.multi-select-legend + .multi-select-menuitem {
    padding-top: 0.25rem;
}

.multi-select-menuitem + .multi-select-menuitem {
    padding-top: 0;
}

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 0.25em;
    margin-left: -20px;
}

.multi-select-button {
    display: inline-block;
    font-size: 0.875em;
    padding: 0.2em 0.6em;
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: default;
}

.multi-select-button:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0.4em 0 0.4em;
    border-color: #999 transparent transparent transparent;
    margin-left: 0.4em;
    vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu {
    display: block;
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 0.4em 0.4em 0.4em;
    border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
    /* Avoid border/padding on menu messing with JavaScript width calculation */
    box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
    /* Allow labels to line wrap when menu is artificially narrowed */
    white-space: normal;
}


/* custom new */


body{background: #373b47;}
.btn-blue{color: #fff;background: #3567F5DE !important}
.btn-red{background: #F32121 !important;}
.mar-20{margin-left: 20px;}
.betlist a{color: #206bc4; margin-left: 10px;}
.icon-sport{width: 20px; margin: 0px 5px;}
.icon-flag{width: 20px; margin: 0px 5px;}
.betlist small{margin: 0px 5px;}
.league{margin: 0px 5px;}
.text-bet{color: #fff;}
.green-text{color: green;}
.blue-text{color:#206bc4 !important}
.red-text{color: #d63939;}
.point-bet{margin: 0px 5px;}
.btn-bet{padding: 5px;font-size: 12px;background: #262930;border: #262930; color: #d63939;}
.btn-copy{padding: 5px;font-size: 12px;background: #262930;border: #262930; color: #fff;}
.text-right-bet{margin: 0px 5px;}
.w-2{width: 20% !important;}
.mb-3 {margin-bottom: 5px !important;}
.home-box-1{width: 14.5%;background: #2c2f38;border: 1px solid;padding: 0px;margin-right: 5px;height: 140px;}
.box-home-2{width:15.5%;float:left;margin-right:5px}
.color-card{background: #2c2f38; color: #fff;}
.color-card-1{background: #313340; color: #fff;}
.color-td{background: #343642 !important; }
.text-muted{color: #fff !important;font-size: 14px !important;}
.fix-box{padding: 9px; text-align: center;height: 44px;align-content: center !important;font-size: 10px !important;}
.add-box-new{width: 18% !important;float: left !important;font-size: 10px !important;margin-top: 5px !important;margin-right: 2px!important;}
.text-mini{color: #fff !important;font-size: 14px !important;}
.text-large{color: #fff !important;font-size: 30px;}
.card-body{background: transparent;}
.card-body + .card-body {border-top:none;}
.card-body-bet{background: #343642;}
.card-header{background: #2c2f38;color: #fff;}
.card-home{border-radius: 0px;border-left: 3px solid #5aa9b4 !important;border: 0px;} 
.table thead th {font-size: 13px;background: #343642 !important;text-align: center;}
.fix-btn-agent{width: 23% !important;cursor: pointer;}
.sch_box{margin-top: 10px;}
.btn-list>*>a {
       padding: 10px;
    width: 100%;
    font-size: 12px;
    background: #151f2c;
    border: #25384f 2px solid;
    color: #6c7a91;
    border-radius: 5px;
}
.form-select {
    color: #fff;
    background: #2c2f38;
    border-radius: 0px;
    border: 1px solid #2c2f38;
    /* background-image: url(/img/down-icon.png); */
}
.input-icon .form-control:not(:first-child), .input-icon .form-select:not(:last-child) {
    padding-left: 5px;
    border: 1px solid #2c2f38 !important;
    color: #fff;
    background: #2c2f38;
    height: 35px;
}
.btn-primary {
    background: #262930;
    color: #fff;
    border-radius: 0px;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    width: 90px;
}
.input-icon-addon {
    color: #fff;
    position: absolute;
    left: 170px;
    display: none;
}
.btn-pill:hover {
    background: #111;
    color: #5aa9b4;
}

.table-responsive + .card-footer {padding: 0px;}

.table-responsive .table tr td {border: 1px solid transparent !important;text-align: center;background: #2e313a;color: #fff}
         ul {
              list-style-type: none;
              margin: 0;
              padding: 0;
              overflow: hidden;
            }

            /* li {
              float: left;
            } */

            li a {
              display: block;
              color: white;
              text-align: center;
              padding: 14px 16px;
              text-decoration: none;
            }

            li a:hover:not(.active) {
              background-color: #111;
            }

            /* .active {
              background-color: #04AA6D;
            } */

.can-toggle {
  position: relative;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
.can-toggle input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  pointer-events: none;
}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}
.can-toggle label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.can-toggle label .can-toggle__label-text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 32px;
}
.can-toggle label .can-toggle__switch {
  position: relative;
}
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-transform: uppercase;
  text-align: center;
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-transform: uppercase;
  text-align: center;
  background:#4d5369;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          color: #fff !important;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  color: rgba(119, 119, 119, 0.5);
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {
  background-color: #777;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  color: #5e5e5e;
}
.can-toggle input[type="checkbox"]:hover ~ label {
  color: #6a6a6a;
}
.can-toggle input[type="checkbox"]:checked ~ label:hover {
  color: #fff;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {
  background-color: transparent;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  color: #fff;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color: transparent;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  c
}
.can-toggle label .can-toggle__label-text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.can-toggle label .can-toggle__switch {
  -webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
          transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: #848484;
}
.can-toggle label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.5);
}
.can-toggle label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  color: #fff;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(65px, 0, 0);
          transform: translate3d(65px, 0, 0);
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle label {
  font-size: 14px;
}
.can-toggle label .can-toggle__switch {
  height: 36px;
  -webkit-flex: 0 0 134px;
      -ms-flex: 0 0 134px;
          flex: 0 0 134px;
  border-radius: 4px;
}
.can-toggle label .can-toggle__switch:before {
  left: 67px;
  font-size: 12px;
  line-height: 36px;
  width: 67px;
  padding: 0 12px;
}
.can-toggle label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 65px;
  line-height: 32px;
  font-size: 12px;
}
.can-toggle label .can-toggle__switch:hover:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(44px, 0, 0);
          transform: translate3d(44px, 0, 0);
}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small label {
  font-size: 13px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch {
  height: 28px;
  -webkit-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  border-radius: 2px;
  font-weight: bolder;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:before {
  left: 45px;
  font-size: 10px;
  line-height: 28px;
  width: 45px;
    padding: 0px 10px !important;
    font-size: 11px;
    background: #848484;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:after {
  top: 1px;
  left: 1px;
  border-radius: 1px;
  width: 44px;
  line-height: 26px;
  font-size: 12px;
  z-index: 1;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-large input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(78px, 0, 0);
          transform: translate3d(78px, 0, 0);
}
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-large label {
  font-size: 14px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch {
  height: 50px;
  -webkit-flex: 0 0 160px;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  border-radius: 4px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:before {
  left: 80px;
  font-size: 14px;
  line-height: 50px;
  width: 80px;
  padding: 0 12px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 78px;
  line-height: 46px;
  font-size: 14px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-1 input[type="checkbox"][disabled] ~ label {
  color: rgba(181, 62, 116, 0.5);
}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch {
  background-color: #b53e74;
}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  color: #8f315c;
}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label {
  color: #a23768;
}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label:hover {
  color: #39916a;
}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch {
  background-color: #44ae7f;
}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  color: #368a65;
}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color: #3d9c72;
}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  color: #2f7757;
}
.can-toggle.demo-rebrand-1 label .can-toggle__label-text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.can-toggle.demo-rebrand-1 label .can-toggle__switch {
  -webkit-transition: background-color 0.3s ease-in-out;
          transition: background-color 0.3s ease-in-out;
  background: #c14b81;
}
.can-toggle.demo-rebrand-1 label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.6);
}
.can-toggle.demo-rebrand-1 label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  color: #b53e74;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"][disabled] ~ label {
  color: rgba(68, 68, 68, 0.5);
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch {
  background-color: #444;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  color: #2b2b2b;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label {
  color: #373737;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label:hover {
  color: #62b125;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch {
  background-color: #75d32d;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  color: #5da924;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color: #69be28;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  color: #52941f;
}
.can-toggle.demo-rebrand-2 label .can-toggle__label-text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  -webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
          transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  background: #515151;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.7);
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  color: #444;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(58px, 0, 0);
          transform: translate3d(58px, 0, 0);
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-2 label {
  font-size: 13px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  height: 60px;
  -webkit-flex: 0 0 120px;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  border-radius: 60px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
  left: 60px;
  font-size: 13px;
  line-height: 60px;
  width: 60px;
  padding: 0 12px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 30px;
  width: 58px;
  line-height: 56px;
  font-size: 13px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.form-control[readonly]{background: #2c2f38;border: transparent !important;margin-left: 5px;height: 35px; width: 195px;}
.but-detail{background: none;color:#4573d8;border: none}

/** custom new */


/* ==========================================================================
   popup
   ========================================================================== */
.tbl_hover{font-size: 12px}
.tbl_hover tr td {background: transparent !important; border: 1px solid #ddd !important;}
.tbl_hover.td-text-white tr td {color: #fff !important;}
.pop_layer {
    visibility: hidden;
    overflow-y: auto;
    display: flex;
    /* justify-content: center; */
    align-items: start;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    z-index: 100;
    opacity: 0;
    transition: all .2s ease;
    background: rgba(0, 0, 0, 0.7);
    box-sizing: border-box
}
.pop_wrap {
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    margin-top: 50px;
    border: 2px solid #333333;
    box-shadow: 0 0 15px black;
    background: #fff;
    opacity: 0;
    transform: translateY(-50%);
    min-width: fit-content;
}
.pop_wrap > h1{line-height:42px;font-size:16px;color:#fff;background:#333333;padding-left:20px;margin: -1px;}
.pop_wrap .pop_cont{ min-width:600px;padding:30px 30px 20px; box-sizing:border-box;}
.pop_wrap .btn_close{display:block;position:absolute;right:0px;top: 0px; padding:10px;width:23px;height:23px;background:url(../img/pop_close.png) no-repeat center;text-indent: -9999em;}
/* -- 2023.10.19 09:49  partner/popup form.radiao-type에서 mt15가 적용되지 않아 막는다. 이로 하여 다른 문제가 있으면 해당한 다른 방식을 취할것.
.pop_wrap .pop_cont .flex {
    margin-top: .5em;
} */
.pop_layer.on { visibility:visible; opacity:1;}
.pop_layer.on .pop_wrap{ animation:fadeInDown .4s ease-in-out forwards; opacity:1; transform: translateY(0%);}
.pop_layer::-webkit-scrollbar{display: none;}
.pop_wrap .importantPopCont { padding:30px 50px 0; font-size:13px;max-width: 200px;word-break:break-word;}
.pop_wrap .importantPopCont:before { content:''; display:block; width:60px; height:60px; margin:0 auto 20px; background:url('../images/common/ico_infomation.png') no-repeat center center /100%;}
.win_pop_layer{visibility: hidden;position:absolute;width: 100%;}
.win_pop_layer.on { visibility:visible; opacity:1;}
.win_pop_layer>.pop_wrap{border: none;box-shadow: none; opacity: initial; transform: initial; margin: auto 0;}
.mw1000{ max-width: 1000px;width:100%}

.head_sec { display:flex; color:white;}
.head_sec > div { display:flex; flex:1 1 auto; width:50%; padding:5px; box-sizing:border-box; flex-flow: column;}
.head_sec > div .box_style { flex:1 1 auto; padding:0;}
.head_sec > div .box { display:flex;}
.head_sec > div .box > div { flex:1 1 auto; text-align:center; width: 77px;}
.head_sec > div .box > div + div { border-left:1px solid #ccc;}
.head_sec > div .box h5 { display:flex; flex-flow: column; height:30px; align-items: center; justify-content: center; font-size: 12px;}
.head_sec > div .box p { padding:6px 3px; border-top:1px solid #ccc; font-size: 11px;}

.main_sec { display:flex; width:100%;}
.main_sec>div {
    display: flex;
    flex: 1 1 auto;
    /* width: 50%; */
    padding: 15px 20px;
    box-sizing: border-box;
    flex-flow: column;
}
.main_sec .site-main-wrapper {
    height: fit-content;
}
.main_sec > div h2 {margin-bottom:10px;}
.main_sec > div h3 {
    padding: 7px 20px;
    background: #f6f6f6;
    background: #373737;
    color: white;
    border: none;
    /* border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #d6d5d5; */
}

.main_sec>div .box_style {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    padding: 0;
    margin-bottom: 15px;
    border-radius: 5px;
    /* overflow: hidden; */
    border: none;
    box-shadow: 0 0 5px 1px #ccc;
}

.main_sec>div p .user_name {
    font-size: 14px;
    margin-left: 20px;
}
.json-container {
    white-space: pre;
    padding: 0.5em 2em;
    background: #222;
    box-shadow: inset 0 0 1.5em 0.5em black;
    border-radius: 5px;
}


/* 탭메뉴 */
.tabmenu{display: flex;margin: 0px 20px;border-bottom: 1px solid #c8c8c8;padding-top: 10px;}
.tabmenu:not(.tabMotion) {flex-wrap: wrap;}
.tabmenu > li{white-space: nowrap;}
.tabmenu > li:first-child{margin-left:0;}
.tabmenu > li{border:1px solid #d5d5d5;border-width: 1px 1px 0 0;text-align:center;font-size:12px;font-weight:bold;color:#999;background:#eee;}
.tabmenu > li:first-child{border-left-width:1px;}
.tabmenu > li:hover, .tabmenu > li:focus, .tabmenu > li:active, .tabmenu > li.on{background:#fff;color:#000;}
.tabmenu > li > a {
    padding: 7px 20px;
    display: inline-block;
}
.tabmenu > li > .btn-eye {
    display: inline-block;
    padding: 6px 10px;
    margin-left: -10px;
    vertical-align: top;
    color: #000;
    opacity: .25;
    cursor: pointer;
}
.tabmenu>li>.btn-eye.on {
    opacity: .75;
}
.tabmenu > li > .btn-eye:hover {
    opacity: 1;
}
.tabmenu > li > .btn-eye > .ic-eye,
.tabmenu > li > .btn-eye.on > .ic-eye-off {
    display: none;
}
.tabmenu > li > .btn-eye > .ic-eye-off,
.tabmenu > li > .btn-eye.on > .ic-eye {
    display: block;
}
.tabmenu.tabmenu-md > li > a {padding: 7px 14px;}

.tab_cont{display:none}
.tab_cont.on{display: block;}
.sub.tabmenu{margin: 0px 10px;}
.detail{font-size: 10px;padding-top: 2px;}
.t_explain{font-size: 10px;background-color: #f8eaea;padding: 10px 15px;color: #f10e0e;border-radius: 5px;}
.t_explain_ans{font-size: 13px;background-color: #f8eaea;padding: 10px 15px;color: #3e3f40;border-radius: 5px;display: block;}
.btn_red, .button.btn_red, .badge.btn_red {background: #ce3a3a;border-color: #ce3a3a;color: #fff;}
.btn_gold, .button.btn_gold, .badge.btn_gold {background: #f3ba21;border-color: #f3ba21;color: #fff;}
.button.btn_green, .badge.btn_green {background: #47ce3a;border-color: #50c13d;color: #fff;}
.btn_gray, .button.btn_gray, .badge.btn_gray {background: #aaaaaa;border-color: #aaaaaa;color: #fff;}
.t_blue {color: #4172c9;}
.f18 {font-size: 18px;}
.align_center {align-items: center;}
.mt15 { margin-top: 15px;}
.badge {
    display: inline-block;
    padding: 3px 10px;
    background: #f4f4f4;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    line-height: 22px;
    font-size: 12px;
    box-sizing: border-box;
}
/*! pretty-print-json v1.4.1 ~~ https://pretty-print-json.js.org ~~ MIT License */
.json-container {
    font-family: menlo,consolas,monospace;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4em;
    font-size: .9rem;
    transition: background-color 400ms
}

a.json-link {
    text-decoration: none;
    border-bottom: 1px solid;
    outline: 0
}

a.json-link:hover {
    background-color: transparent;
    outline: 0
}

ol.json-lines {
    white-space: normal;
    padding-inline-start:3em;margin: 0
}

ol.json-lines>li {
    white-space: pre;
    text-indent: .7em;
    line-height: 1.5em;
    padding: 0
}

ol.json-lines>li::marker {
    font-family: system-ui,sans-serif;
    font-weight: 400;
    color: silver
}

.json-boolean,.json-key,.json-mark,.json-null,.json-number,.json-string,a.json-link,ol.json-lines>li {
    transition: all 400ms
}

.json-container {
    background-color: #000
}

.json-key {
    color: #cd5c5c
}

.json-string {
    color: #bdb76b
}

.json-number {
    color: #00bfff
}

.json-boolean {
    color: #3cb371
}

.json-null {
    color: #ff8c00
}

.json-mark {
    color: silver
}

a.json-link {
    color: #ba55d3
}

a.json-link:visited {
    color: #708090
}

a.json-link:hover {
    color: violet
}

a.json-link:active {
    color: #708090
}

ol.json-lines>li:nth-child(odd) {
    background-color: #222
}

ol.json-lines>li:nth-child(even) {
    background-color: #161616
}

ol.json-lines>li:hover {
    background-color: #696969
}
.json-container {
    white-space: pre;
    padding: 0.5em 2em;
    background: #222;
    box-shadow: inset 0 0 1.5em 0.5em black;
    border-radius: 5px;
}
.btn_blue, .button.btn_blue, .badge.btn_blue {
    background: #2196F3;
    border-color: #2196F3;
    color: #fff;
}
.button.btn_blue {
    background: #2196F3;
    border-color: #2196F3;
    color: #fff;
    padding: 2px 10px;
    cursor: pointer;
}