/*game_section*/
.game_section .inner .wrapper_box .game_wrapper .game .img_wrapper {
    height: 100%
}

.game_section .inner .wrapper_box .game_wrapper .game {
    position: relative;
}

.game_section .inner .wrapper_box .game_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.game_section .inner .wrapper_box .game_wrapper.hoca {
    gap: 5px
}

.game_section .inner .wrapper_box .game_wrapper.hoca .game {
    max-width: calc(100% / 3 - 5px);
    height: auto;
}

/*basic-effect*/
.tran {
    transition: all 600ms ease;
}

.more {
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}

/*game_ban_btn*/
.game_ban_btn .inner a {
    position: relative;
    overflow: hidden;
    border: 1px solid #5d9d8a;
}

.game_ban_btn .inner a .txt_wrapper {
    display: block;
    bottom: -113px;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    font-size: 14px;
}

.wrapper_box .game_top.game_wrapper .txt_wrapper {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    top: 100%;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, .6);
    color: #333;
    justify-content: space-evenly;
}

.wrapper_box .game_top.game_wrapper > a {
    overflow: hidden
}

.wrapper_box .game_top.game_wrapper.gameani1 > a:hover .txt_wrapper {
    top: 0;
}

.wrapper_box .game_top.game_wrapper > a img {
    transition: all 400ms ease;
}

.wrapper_box .game_top.game_wrapper > a:hover > img {
    transform: scale(1.1);
}

.wrapper_box .game_top.game_wrapper > a:hover .game_logo {
    opacity: 0
}

.wrapper_box .game_top.game_wrapper .game_logo {
    position: absolute;
    bottom: 10%;
    left: 50%;
    width: 80%;
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    background: #000000;
    border-radius: 7px;
    border: 1px solid #fff !important;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    cursor: pointer;
}

.wrapper_box .game_top.game_wrapper .txt_wrapper h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 2;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding-top: 0;
    margin: 0px 20px;
    border-radius: 10px;
    padding: 0 10px;
    cursor: pointer;
    
}

.wrapper_box .game_top.game_wrapper .txt_wrapper p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    color: #fee71b;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 0px 30px;
    background: linear-gradient(to bottom, #760ea9 0%, #4f0189 100%);
    border: 1px solid #961dd4;
    border-radius: 7px;
    cursor: pointer;
}

.wrapper_box .game_top.game_wrapper .txt_wrapper p:hover {
    background: #760ea9;
}

.wrapper_box .game_top.game_wrapper .txt_wrapper div {
    display: flex;
    padding: 10px 0;
    text-align: center;
    flex-grow: 1;
    color: #fff;
    justify-content: center;
}

.wrapper_box .game_top.game_wrapper.gameani2:hover a {
    transform: scale(0.9) rotate3d(1, 1, 1, 17deg);
}

.wrapper_box .game_top.game_wrapper.gameani2:hover a > img {
    transform: scale(0.9) rotate3d(1, 1, 1, 17deg);
    filter: brightness(0.5);
}

.wrapper_box .game_top.game_wrapper.gameani2 > a:hover {
    transform: scale(1.1);
}

.wrapper_box .game_top.game_wrapper.gameani2 > a:hover > img {
    transform: scale(1.05);
    filter: brightness(1);
}

.wrapper_box .game_top.game_wrapper.gameani2 > a .txt_wrapper {
    top: 0;
    opacity: 0;
    color: #000
}

.wrapper_box .game_top.game_wrapper.gameani2 > a:hover .txt_wrapper {
    top: 0;
    opacity: 1
}

.game_ban_btn .inner.all a .btn {
    font-weight: 500;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    text-align: center;
    padding: 10px;
    background: linear-gradient(to bottom, #0e8361 0%,#0a7353 100%);
    border: 1px solid #5d9d8a;
    border-radius: 7px;
}

.game_ban_btn .inner.all a p {
    text-align: center;
    line-height: 30px;
    font-size: 15px;
}

.game_ban_btn .inner.all a:hover .btn {
    background: linear-gradient(to bottom, #558979 0%,#0d4131 100%) !important;
    border: 1px solid #5d9d8a;
    color: #fff;
    z-index: 9;
    font-size: 14px;
    font-weight: 600;
}

.game_ban_btn .inner.all a:hover .txt_wrapper {
    height: 100%;
    bottom: 0;
    padding-top: 15px;
    font-size: 14px;
}

.game_section .container.bet {
    padding: 10px;
    border-radius: 0 0 10px 10px
}

.game_section .game_wrapper {
    gap: 10px;
}

.game_section .game_wrapper a {
    width: calc(100% / 5 - 8px)
}

.game_section .game_wrapper a img {
    width: 100%
}

.container {
    width: 100%;
}

.container .inner .game_box_section .game_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.container .inner .game_box_section {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    border: none;
}

.container .inner .game_box_section > h3 {
    display: none;
}

.game_box_section .game {
    margin: 5px !important;
    width: 163px !important;
    height: 163px !important;
    position: relative;
}

.game_box_section .game-image {
    width: 100%;
    height: 100%;
}

.game_box_section .game-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px 5px;
    height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 14px;
}

.container .contents .pg_nav ul li.active,
.container .contents .pg_nav ul li:hover {
    background: #0e3668;
}

/*minipop*/
.minipop {
    width: 100%;
    background: #394944;
    border-radius: 7px;
    overflow: hidden;
    padding: 0 5px;
}

.minipop .time_wrapper > p {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 25px;
    margin: 0 !important;
}

.minipop .cart_open {
    text-align: center;
    cursor: pointer
}

.minipop .time_wrapper > p #_clock {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px;
    color: #fff;
}

.minipop .time_wrapper {
    position: relative;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.minipop .time_wrapper > div {
    width: 100%;
    margin: 0;
    font-size: 15px;
    height: 30px;
}

.minipop .time_wrapper > div p {
    font-size: 15px;
    height: 30px;
    argin-bottom: 0px;
    margin-left: 0px;
    width: 80%;
    text-align: center;
    margin: 0 auto
}

.minipop .time_wrapper > div.pick {
    order: 2;
    padding: 0 12px;
    display: flex
}

.minipop #bet_info {
    width: 80%;
}

.minipop #bet_info font {
    vertical-align: middle;
}

.minipop .betting_card {
    padding: 5px;
}

.minipop .betting_card tbody tr:first-child .num{
    color: #fee71b !important;
    font-weight: 600;
    text-align: left !important;
}

.minipop .betting_card tbody .input_wrapper {
    width: 100%;
    position: relative;
}

.minipop .betting_card tbody td {
    width: 100%;
    height: 40px;
    line-height: 35px;
}

.minipop table {
    border-collapse: inherit;
}

.minipop .betting_card tbody .input_wrapper > p {
    transform: translateY(14%);
    margin-left: 10px;
    color: #000;
    position: absolute;
    font-size: 14px;
    bottom: 5px;
    font-weight: 500;
}

.minipop .betting_card tbody .input_wrapper > input {
    padding: 4px 29px 5px 7px;
}

.minipop .btn_wrapper {
    width: 100%;
    padding: 0;
    margin-top: 10px;
}

.minipop .btn_wrapper > div {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    gap: 0;
    margin-top: 0;
}

.minipop .btn_wrapper .mon_btn {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    gap: 5px;
    padding-bottom: 5px;
}

.minipop .btn_wrapper .mon_btn button {
    width: calc(100% / 3 - 4px);
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0;
    margin-bottom: 0;
    margin-right: 0;
}

.minipop .btn_wrapper .mon_btn2 {
    width: 100% !important;
    padding-bottom: 5px;
    margin-top: 5px !important;
}

.minipop .btn_wrapper .mon_btn2 button {
    font-size: 14px;
    font-weight: 500;
}

.minipop .btn_wrapper .mon_btn2 button {
    width: 49%;
    max-width: 49%;
    margin-bottom: 0;
}

.minipop .btn_wrapper .mon_btn3 button {
    width: 49%;
    max-width: 49%;
    margin-bottom: 0;
    margin-left: 2px;
}

.minipop .bottom_wrap button {
    width: 100%;
    max-width: 100%;
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
    margin-top: 0;
    padding: inherit;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0px 2px 3px #00000059;
    transform: inherit;
}

.minipop .num.bg_p,
#bettingMoney {
    text-align: right;
    width: 100% !important;
    height: 35px;
    line-height: 35px;
    border: 1px solid #444444;
    background: #0c2d23;
    font-size: 14px;
    vertical-align: middle;
    padding: 0 20px;
    color: #fff;
    border-radius: 7px;
}

.minipop .mon_btn > div {
    width: 100%
}

.minipop .bottom_wrap._2 > button {
    width: calc(100% / 2)
}

.minipop p.num {
    font-size: 15px
}

.minipop .btn_wrapper .mon_btn button {
    background: linear-gradient(to bottom, #0c2d23 0%, #133e31 100%);
    border: 1px solid #454473;
}

.minipop .btn_wrapper .mon_btn2 button {
    border: 1px solid #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #bbbbbb 100%) !important;
    color: #222;
    text-shadow: none;
}

.minipop .btn_wrapper .mon_btn2 button.poc_bet {
    width: 100% !important;
}

.minipop .btn_wrapper .mon_btn2 button.btn_gmoney {
    border: 1px solid #0b2824;
    background: linear-gradient(to bottom, #467575 0%, #225249 36%, #0b2824 65%, #22443b 100%, #46756a 100%, #467559 100%);
}

.minipop .btn_wrapper .mon_btn2 button.btn_gmoney:hover {
    border: 1px solid #190b28;
    background: #000 !important;
}

.minipop .btn_wrapper .mon_btn button:hover {
    background: #464575;
}

.minipop .btn_wrapper .mon_btn3 button {
    background: linear-gradient(to bottom, #0d7f5e 0%, #0a6f50 100%) !important;
    border: 1px solid #0c7958;
}

.minipop .btn_wrapper .mon_btn2 button.poc_bet:hover {
    background: #aeb1b0 !important;
}

.minipop .btn_wrapper .mon_btn3 button:hover {
    background: #4a9780 !important;
}

.bttn-fill {
    padding: 3px 5px;
    background: linear-gradient(to bottom, #ffffff 0%, #bbbbbb 100%) !important;
    border: 1px solid #fff;
    border-radius: 7px;
    color: #222;
}

.bttn-fill.mg-big {
    background: linear-gradient(to bottom, #0e815f 0%, #096d4e 100%) !important;
    border: 1px solid #5d9d8a;
    color: #fff;
    font-size: 14px;
    height: 35px;
    padding: 0 12px;
}

.bet_input_wrapper .betslip,
.minipop .time_wrapper .betslip {
    font-family: 'SCDream4';
    font-size: 14px;
    font-weight: 700;
    padding: 5px;
}

.alertable-message {
    color: #000;
    font-size: 13px;
}

.fa-futbol:before {
    content: "\f434";
    font-size: 25px;
}

.fa-rocketchat:before {
    content: "\f4ad";
}

.fa-comments-o:before {
    content: "\f2b5";
}

.fa-sack-dollar:before {
    content: "\f53c";
    font-size: 25px;
}

.fa-user:before {
    content: "\f007";
    font-size: 25px;
}

.fa-clipboard-list:before {
    content: "\f46d";
    font-size: 25px;
}

.nav-tabs li {
    cursor: pointer;
}

.betting .wrapper {
    display: flex;
    gap: 5px;
    padding: 8px !important;
}

.betting ul li table tr td .wrapper.red_bg {
    background: #8558c1;
}

.betting > table tr td div.wrapper,
.betting ul li table tr td .wrapper {
    display: flex;
    border: 1px solid #1d2844;
    color: #fff !important;
    justify-content: space-between;
}

.betting > table tr:nth-child(odd) td div.red_time,
.betting > table tr:nth-child(odd) td div.wrapper{
    background: #394944;
}

.betting > table tr:nth-child(even) td div.wrapper,
.betting > table tr:nth-child(even) td div.red_time{
    background: #0c2d23;
}

.betting > table tr:first-child td div.wrapper {
    background: linear-gradient(to bottom, #13a479 0%, #0d7756 100%);
    border-top: none;
    border-right: none;
    border-bottom: none;
}

.betting > table tr:first-child td:not(:first-child) div.wrapper {
    background: linear-gradient(to bottom, #13a479 0%, #0d7756 100%);
    border-left: 1px solid rgba(255,255,255,0.2);
}

.betting > table tr td div.wrapper.between,
.betting ul li table tr td .wrapper.between {
    justify-content: space-between !important;
}

.betting > table tr td div.red_time {
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #1d2844;
}

#bet_list_area .list01.ison .wrapper,
#bet_list_area .list02.ison .wrapper,
#bet_list_area .divid.ison .wrapper,
.betting ul li table tr td .wrapper.red_bg {
    background: #11a77a;
    color: #fff;
}

.betting .btn_wrapper {
    margin: 10px 0
}

.betting .wrapper {
    display: flex;
    gap: 5px;
}

.betting .wrapper.big > div {
    width: calc(100% / 5 - 4px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
	background-color:transparent;
}

.betting .wrapper .img_wrapper img {
    width: 30px;
    height: 30px
}

.betting .wrapper .league_tit,
.betting .wrapper > p {
    font-size: 16px;
    line-height: initial;
}

.betting .wrapper_ .league_tit {
    font-size: 16px;
    line-height: initial;
    padding: 15px;
}

#bet_list_area table td > div {
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    border-color: #000000;
}

.betting .list1 td > div {
    height: 100% !important
}

.betting .list1 td > div > p {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    line-height: 50px;
}

.betting .list1 td > div > p.home:first-child {
    float: left;
}

.betting .list1 td > div > p.home:last-child {
    float: right;
}

.betting .list1 .wrapper,
.betting .list2 .wrapper {
    padding: 0 15px !important;
}

.betting .list2 td {
    height: 50px
}

.betting .list2 td > div {
    height: 100% !important;
    align-items: center;
    justify-content: center !important;
}

.betting .list2 .bonus div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px;
    background: linear-gradient(to top, #153b58, #304759);
}

.betting .list2 .bonus div p:first-child {
    width: 80%
}

.betting .list2 .bonus div p:last-child {
    width: 20%
}

.betting .list2 .bonus div p,
.betting .list2 .bonus div p font {
    font-size: 16px;
    text-align: center
}

.betting .list2.bonus2 .bonus div {
    width: calc(100% / 2 - 4px)
}

.betting .list2.bonus3 .bonus div {
    width: calc(100% / 3 - 4px)
}

.betting .list2.bonus4 .bonus div {
    width: calc(100% / 4 - 4px)
}

.betting .list2.bonus5 .bonus div {
    width: calc(100% / 5 - 4px)
}

.betting .list2.bonus6 .bonus div {
    width: calc(100% / 6 - 4px)
}

.betting .list2.bonus7 .bonus div {
    width: calc(100% / 7 - 4px)
}

.betting .list2 .wrapper.between .num.red {
    width: 45px;
    text-align: center;
}

.real_status_box1 {
    display: inline-block;
    background: rgba(255,255,255,0.15) !important;
    border-radius: 7px;
    height: 25px;
    line-height: 25px;
    padding: 0 7px !important;
}

.betting .list2 .wrapper_ {}

.betting .wrapper.between .num.red {
    position: relative;
    line-height: 50px;
}

.betting .wrapper.between .num.red > img {
    width: 9px;
    height: 9px;
}

.betting .list01 .wrapper.between .num.red > img {
    left: -25px
}

.betting .list02 .wrapper.between .num.red > img {
    right: -25px
}

.time_wrapper > div {
    /*width: calc(100% / 3) !important;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.betting from {
    overflow: hidden
}

.betting .divid > div {
    font-size: 16px;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.betting > ul table tr:first-child {
    background: #000;
}

.betting > ul table tr:first-child > th {
    padding: 5px 0;
}

.betting > ul table tr:first-child > th > div {
    justify-content: center;
    align-items: center;
}

.betting > ul table tr td > .wrapper {
    justify-content: center !important;
    align-items: center;
}

.betting > ul table tr td > .wrapper > div,
.betting > ul table tr td > .wrapper {
    height: 50px !important;
    font-size: 14px
}

.betting > ul table tr td > .wrapper > div p,
.betting > ul table tr td > .wrapper p {
    font-size: 14px
}

.betting_card tbody {
    justify-content: space-around !important;
}

/*bg_wrap*/
.bg_wrap {
    overflow: hidden;
}

.bg_wrap .betting.result td > div {
    width: 100% !important;
    align-items: center;
    justify-content: center !important;
}

.bg_wrap .betting.result td > div.wrapper.between {
    justify-content: space-between !important;
}

.container .contents.money_app table .wrapper {
    padding: 5px
}

td.none {
    padding: 15px;
    text-align: center
}

.container .contents table .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    justify-content: flex-start;
    height: auto;
}

.container .contents table .wrapper .input_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 0;
}

.container .contents table .wrapper .input_wrapper .won {
    font-size: 22px;
}

.container .contents table .wrapper input.val_fix,
.container .contents table .wrapper .input_wrapper input,
.container .contents table .wrapper input {
    width: 30%
}

.container .contents table .g_box {
    background: #6e1c03
}

.container .contents table .g_box div {
    padding: 15px
}

.container .contents.money_app table .wrapper > p {
    width: 95%;
    text-align: center;
    font-size: 22px
}

.betting table td > div {
    height: auto
}

.container .contents .list_box table th {
    padding: 10px 0
}

.container .contents.money_app > form > table {
    margin: 5px 0;
}

.container .contents.money_app > form > table th {
    font-size: 16px;
    font-weight: 500;
}

.container .contents .info {
    display: flex;
    width: 60%;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto 10px;
    height: auto;
    background: #000000;
    border-radius: 5px;
    padding: 10px;
}

.container .contents .checks {
    text-align: center
}

.container .contents .info p {
    font-size: 14px;
    padding: 0 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fee71b;
    font-weight: 700;
}

.container .contents .info ul {
    padding-left: 10px;
}

.container .contents .info ul > li {
    font-size: 14px;
    line-height: 30px;
}

/*borderlist*/
.container > .contents > .list_section tr {
    border-top: 1px solid #f3bc2a;
    border-bottom: 1px solid #f3bc2a;
    margin: 5px 0;
    position: relative;
}

.container > .contents > .list_section tr > td {
    height: 40px
}

.container > .contents > .list_section tr > td span {
    font-size: 14px !important;
    font-weight: normal !important;
}

.container > .contents > .list_section tr .tdline {
    opacity: 0;
    height: 10px
}

.container > .contents > .list_section tr > td a {
    font-size: 14px;
}

.container > .contents > .list_section tr > td:first-child,
.container > .contents > .list_section tr > td:last-child {
    background: #f3bc2a;
    background-size: 20px 20px;
    background-position: -2px;
    position: relative;
}

.container > .contents > .list_section tr > td:first-child > p {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.container > .contents > .list_section tr > td:last-child > p {
    animation: blink .5s .1s infinite;
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.container > .contents > .list_section tr > td:first-child:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 19px solid transparent;
    border-top: 20px solid transparent;
    border-left: 13px solid #f3bc2a;
    border-right: 13px solid transparent;
    position: absolute;
    display: block;
    right: -26px;
    top: 0px;
}

.container > .contents > .list_box tr {
    border-top: 1px solid #f3bc2a;
    border-bottom: 1px solid #f3bc2a;
    margin: 5px 0;
    position: relative;
}

.container > .contents > .list_section tr > td:nth-child(2) {
    padding-left: 24px;
}

.container > .contents > .list_section table tr th,
.bt-table table tr th {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.container > .contents > .list_detail .info {
    display: flex;
    flex-wrap: wrap;
    padding: 11px 0;
    font-size: 20px;
    background: #000;
}

.container > .contents > .list_detail .info > div {
    width: calc(100% / 2);
    display: flex;
    flex-wrap: wrap;
}

.container > .contents > .list_detail .info > div > p {
    width: calc(100% / 2);
    display: flex;
    flex-wrap: wrap;
}

.container > .contents > .list_detail .btn_wrapper {
    text-align: center
}

.flex-center {
    justify-content: center !important;
}

.kind_icon img {
    vertical-align: middle;
}

.cart_list li > div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.cart_list li > div p {
    line-height: 20px;
}

.cart_list li > div p .vs {
    padding: 0px 5px;
}

.mobile {
    display: none;
}

.nav-profile table tr td div {
    line-height: 20px;
}

.bt-table h4 {
    padding: 10px 5px;
    font-size: 15px;
    font-weight: 700;
}

.bt-table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
    background: #1d1c3c;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    border-radius: 7px 7px 0 0;
    overflow: hidden;
}

.bt-table table tr td {
    text-align: center;
    padding: 4px;
    border-top: none;
    border-bottom: none;
    background-color: black;
}

.bt-table table tr:nth-child(even) {
    background: #12122b;
}

.bt-table table tr:nth-child(odd) {
    background: #1d1c3c;
}

.bt-table table tr td:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.15);
}

.bt-table table tr td:nth-child(2) a span {
    color: #fee71b;
}

.bt-table table tr td.align-left {
    text-align: left;
}

.bt-table table tr.table-h td {
    background: linear-gradient(to bottom, #12a177 0%, #0d8561 100%) !important;
    text-align: center;
    padding: 4px;
}


.mypabe {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
}

.mypabe tr th,
.mypabe tr td {
    border: 1px solid #617686;
    text-align: center;
    padding: 4px;
}

.bttn-slant {
    border: 1px solid #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #bbbbbb 100%) !important;
    padding: 5px 7px;
    border-radius: 7px;
    height: 35px;
    margin-left: 5px;
    color: #222;
}

.bttn-slant:hover {
    background-color: #268ca7 !important;
}

.delete button {
    padding: 7px;
}

.mg-big {
    padding: 10px;
    font-size: 15px;
    font-weight: 700;
}

.w150 {
    width: 150px !important;
}

input[type="text"],
input[type="number"],
input[type="password"] {
    padding: 5px;
    background: #000000;
    border: 1px solid #4b4a78;
}

.money_app table tr th p {
    width: 50%;
    margin: 0px auto;
    font-size: 15px;
    font-weight: 700;
}

._hide {
    display: none;
}

/*pagination*/
.pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
}

.pagination ul li {
    display: flex;
    margin: 0 2px;
}

.pagination ul li a {
    padding: 10px;
}

.detail span {
    line-height: 100%;
}


.contents.money_app input[type='text'],
.contents.money_app input[type='password'],
.contents.money_app input[type='number'] {
    height: 35px;
    border-radius: 7px;
}