/*------//log-in//-------*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html {
	width: 100%;
	height: 100%;
}

a {
	/*width:100%;*/
	/*height:100%;*/
	/*color:unset;*/
	/*display:block;*/
}
i {
	font-style:unset;
}
body {
	width: 100%;
	height: calc(100% - 0px);
	margin: 0;
	opacity: 0.97;
	font-family: 'Nanum Gothic', sans-serif;
}
body {
	background-size: cover !important;
	background-color: #111111;
	-moz-background-size: cover;
	-o-background-size: cover;
}
#login-container {
	height: 100%;
	    position: relative;
    z-index: 0;
}

#login-container .login-logo {
	width: 100%;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
}

#login-container .login-logo img {
	max-height: 100%;
	max-width: 100%;
    margin: 0 auto;	
	max-height: 200px;
}

#login-container .login-box {
	margin: 0 auto;
	background: #001e34;
	overflow: hidden;
	filter: drop-shadow(1px 1px 6px #000);
	max-width: 770px;
	padding: 16px 16px 23px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    width: 434px;
    box-sizing: border-box;	
	
}
#login-container .login-box-wrap {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
	text-align:center;
	z-index: 5;
}

.text-theme-yellow3 {
    color: #ffdb00 ;
    font-weight: 700;
    font-size: 1.2rem;
}
#login-container .login-table tbody>tr>td>input {
	height: 30px;
	width: 275px;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 15px;
	padding: 9px;
	text-align: center;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: azure;
	margin-bottom: 3px;
	margin-right: 3px;
}



#login-container .login-table {
	width: 100%;
	margin-top: 25px;
    position: relative;	
}



#login-container .login-box ._login_text {
	background: transparent;
	text-align: center;
	padding: 0;
	margin: 0;
	font-weight: 700;
	margin-top: 24px;
	height: 46px;
    color: #fff;
    font-size: 20px;
	border-radius: 3px;
	line-height: 46px;
	cursor: pointer;
}
#login-container .login-box ._login_text img {
    width: 100%;
}
#login-container .login-box ._login_text_plus .login_socmedicon {
    margin-top: 27px;
}
#login-container .login-box ._login_text:hover {
	color:#fff;

}
#login-container .login-box ._login_text_plus img {
	display:inline-block;
	vertical-align:middle;
}
#login-container {
	height: 100%;
}
#login-container .login-table >tbody>tr span {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    display: block;
    margin: 20px 10px 0;
    color: white;	
}

#login-container .login-table tbody>tr>td>input {
    /* background: url(/image/dna/id_former.png?v=02); */
    background: #211f21;
    border: 1px solid #3c383c;
    background-size: 253px 48px;
    height: 30px;
    width: 284px;
}
#login-container .login-table tbody>tr>td>input:focus {
    border-color: #d34aeb;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(233 102 102 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(200 102 233 / 60%);
    background: #241e27;
}
#login-container .login-table tbody>tr>td>input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	/* font-size: 0; */
}

#login-container .login-table tbody>tr>td>input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	/* font-size: 0; */
}

#login-container .login-table tbody>tr>td>input::-ms-input-placeholder { /* Microsoft Edge */
	/* font-size: 0;	 */
}

#login-container .login-box #login_btn {
    width: 81px;
	cursor:pointer;
	    font-weight: 900;
}
#login-container .login-box #login_btn:hover {
    filter: brightness(1.5);
}

#login-container .login-box #login_btn, #login-container .login-box ._menu-register {
    border-radius: 2px;
	font-size: 14px;
    line-height: 50px;
    text-align: center;
	    font-weight: 900;
	    background-color:#ffdb00;
}
#login-container .login-box ._menu-register {
    background: transparent;
    height: 50px;
    width: 80px;
    cursor: pointer;
    background: #fff;
	color: #000000;
}

.right {
	float: right;
}
#top {
	width: 100%;
	height: auto;
	
}
.cmnbtn{
	color: #e8e8e8;
	cursor: pointer;
	background: #6e5c7c;
	background: linear-gradient(to bottom, #6e5c7c 0%, #34283b 74%);
}
#content {
	height: calc(100% - 115px);
	position: relative;
}
#content #main-content{
	background: #111111;
}
#content #main-content {
	width: calc(100% - 585px);
	min-width: 700px;
	height: calc(100% - 5px);
	float: left;
	background: #111111;
	margin-top: 5px;
	border-radius: 5px;
	overflow:hidden;
}
#content #main-content #content-wrapper {
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	margin: 0px;
	background: transparent;
}
#content #main-content #sports-wrapper {
	width: 100%;
	background: #181d23;
	height: 100%;
	color: #d4d4dc;
	position: relative;
	z-index: 1;
}
#content #main-content #sports-wrapper{
	background: #111111;
}
#content #main-content #sports-header {
	width: 100%;
	height: 60px;
}

#content #main-content #sports-header #inner-header{
	background-color: #5c4861;
	background: linear-gradient(to bottom, #2d2d45 0%, #1f1f2f 74%);
	border: none;
	border-radius: 5px;
	color: white;
	box-shadow: none;
	font-family: Verdana,Geneva,Arial,sans-serif;	
}
#content #main-content #sports-header #inner-header {
	width: calc(100% - 7px);
	height: 50px;
	margin: 0px auto;
	top: 5px;
	position: relative;
	background-color: #485461;
	background: linear-gradient(to bottom, #485461 0%, #28313b 74%);
	border: 1px solid #1c1922;
	border-radius: 5px;
	color: white;
	box-shadow: 0 2px 4px 0 rgba(14, 14, 14, 0.75), 0 2px 10px 0 rgba(0, 0, 0, 0.47);
}
#content #main-content #sports-header #inner-header{
	background-color: #5c4861;
	background: linear-gradient(to bottom, #2d2d45 0%, #1f1f2f 74%);
	border: none;
	border-radius: 5px;
	color: white;
	box-shadow: none;
	font-family: Verdana,Geneva,Arial,sans-serif;	
}

#content #main-content #sports-header #inner-header>button {
	margin: 6px 5px;
	padding: 10px 16px;
	float: right;
}

#content #main-content #sports-header #inner-header .name-header {
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	font-size: 20px;
	max-width: calc(50% - 35px);
	float: left;
	font-weight: 600;
	
}
.login-header.cmnbtn {
	background: #9226fc;
	margin: 7px;
	border-radius: 3px;
	width: 100px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: white;
	font-weight: 700;
}
#content #main-content #content-wrapper {
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	margin: 0px;
	background: transparent;
}

#content #content-wrapper #sports-wrapper #register-container {
	height: calc(100% - 50px);
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

#content #content-wrapper #sports-wrapper #register-container em,
#content #content-wrapper #sports-wrapper #register-container strong {
	display: table;
}

#content #content-wrapper #sports-wrapper #register-container p,
#content #content-wrapper #sports-wrapper #register-container p span,
#content #content-wrapper #sports-wrapper #register-container em {
	display: unset;
}

#content #content-wrapper #match-detail #detail-container .detail-frame #match-frame #betradar-iframe {
	border: none;
	overflow: hidden;	
	width: 100%;
	
}

#content #content-wrapper #sports-wrapper #register-container #deposit-next.cmnbtn,
#content #content-wrapper #sports-wrapper #register-container #depositlv-next.cmnbtn,
#content #content-wrapper #sports-wrapper #register-container #withdraw-next.cmnbtn,
#content #content-wrapper #sports-wrapper #register-container #point-next.cmnbtn,
#content #content-wrapper #sports-wrapper #register-container #easypay-next ,
#content #content-wrapper #sports-wrapper #register-container #neo-deposit-next {
    width: 188px;
    margin: 3px auto;
    color: #ffffff;
    font-size: 13px;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#content #content-wrapper #sports-wrapper #register-container #deposit-asksupport.cmnbtn,
#content #content-wrapper #sports-wrapper #register-container #deposit-asktawk.cmnbtn ,
#content #content-wrapper #sports-wrapper #register-container #deposit-asksupport.cmnbtn,
#content #content-wrapper #sports-wrapper #register-container #deposit-asktawk.cmnbtn {
	width: 188px;
    margin: 3px auto;
	color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
	border:1px solid;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#content #content-wrapper #sports-wrapper #register-container #coin-dex-register {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#content #content-wrapper #sports-wrapper #register-container .untypeable {
    filter: brightness(0.6);
    cursor: default;
    outline: none;
}
#content #content-wrapper #sports-wrapper #register-container .deposit-input input {
	padding: 0.55rem 1rem;
	font-size: 1.1rem;
	border-radius: 5px;
}

#content #content-wrapper #sports-wrapper #register-container .deposit-input input:focus,
#content #content-wrapper #sports-wrapper #register-container .withdraw-input input:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

#content #content-wrapper #sports-wrapper #register-container .withdraw-input input {
	padding: 0.55rem 1rem;
	font-size: 1.1rem;
	border-radius: 5px;
	width: 310px;
}

#content #content-wrapper #sports-wrapper #register-container .withdraw-done tr {
	/* padding: 0.55rem 1rem; */
}

#content #content-wrapper #sports-wrapper #register-container .deposit-done input {
	padding: 0.55rem 1rem;
	font-size: 1.1rem;
	border-radius: 5px;
	width: calc(50% - 20px);
}

#content #content-wrapper #sports-wrapper #register-container .deposit-content .deposit-success .deposit-done tr>td>select#ic_coupon {
    display: inline-block;
    height: 37px;
    border: 1px solid #000000;
    border-radius: 3px;
    background: #2e3c55;
    background-image: linear-gradient(to bottom, #3d4b6d 0%, #15334a 74%);
    user-select: none;
    cursor: pointer;
    position: relative;
    text-align: left;
    color: #fefefe;
    text-indent: 1em;
    box-shadow: 0 1px 2px rgb(0 0 0 / 13%), 0 0 0 1px rgb(0 0 0 / 9%), inset 0 0 0 1px rgb(255 255 255 / 11%), inset 0 1.25em 0 rgb(255 255 255 / 5%);
    margin: 10px auto;
    width: calc(50% - 0px);
    outline: 0;
}

#content #content-wrapper #sports-wrapper #register-container .deposit-content #step2 table,
#content #content-wrapper #sports-wrapper #register-container .deposit-content #step4 table {
	/* width: 100%; */
}

#content #content-wrapper #sports-wrapper #register-container .deposit-content #step2 table {
	/* text-align: center; */
}

#content #content-wrapper #sports-wrapper #register-container .deposit-content #step2 table.deposit-done,
#content #content-wrapper #sports-wrapper #register-container .deposit-content #step3 table {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
#content #content-wrapper #sports-wrapper #register-container .deposit-success span {
	/* display: table-cell;  */
}
#content #content-wrapper #sports-wrapper #register-container #deposit-third-desc td>span {
    display: block;
    margin: auto 5%;
}

#content #content-wrapper #sports-wrapper #register-container .withdraw-details span {
	/* display: table-cell; */
}

#content #content-wrapper #sports-wrapper #register-container .withdraw-details .bar-message   span {
	display: initial;
}

#content #content-wrapper #sports-wrapper #register-container span {
	border-radius: 5px; 
}
#content #content-wrapper #sports-wrapper #register-container .no_css {
    width: 70%;
    margin: 0 auto;
    text-align: left;
}
#content #content-wrapper #sports-wrapper #register-container .no_css span {
	border-radius: unset;
	background: unset;
	font-weight: unset;
	background: unset;
	border: unset;
	color: unset;
	border-top: unset;
	border-bottom: unset;
	margin-left: unset;
}

#content #content-wrapper #sports-wrapper #register-container .no_css p {
	display: block;
}
#content #content-wrapper #sports-wrapper #register-container .no_css strong ,
#content #content-wrapper #sports-wrapper #register-container .no_css em {
    display: unset;
}
#content #content-wrapper #sports-wrapper #register-container .rowfive_btn {
    display: inline-block;
}
#content #content-wrapper #sports-wrapper #register-container .cmnbtn.dep_btn {
    font-size: 16px;
    background: #233b5f;
    line-height: 37px;
    background: linear-gradient(to bottom, #28669c 0%, #213354 74%);
    border: 1px solid #000000;
    border-radius: 3px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    cursor: pointer;
	width: 45.2px;	
}
#content #content-wrapper #sports-wrapper #register-container .cmnbtn.dep_btn:hover {
    filter: brightness(0.9) contrast(1.5);
}
#content #content-wrapper #sports-wrapper #register-container .regactive {
	text-align: -moz-center;
	text-align: -webkit-center;
	margin: auto;
	width: 100%;
	padding: 10px;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 18px;
	color: aliceblue;
	box-sizing:border-box;
	display: table !important;
}
#content #content-wrapper #sports-wrapper #register-container .none.regactive {
    display: table;
}
#content #content-wrapper #sports-wrapper #register-container .register-input.regactive , #content #content-wrapper #sports-wrapper #register-container .register-details.regactive {
    display: table !important;
}
#content #content-wrapper #sports-wrapper #register-container .regactive div#step3 {
	margin: 0 auto;
	width: 340px;
}

#content #content-wrapper #sports-wrapper #register-container .register-success table.register-done {
	width: 100%;
}


#content #content-wrapper #sports-wrapper #register-container .register-box {
	border-radius: 10px;
	background: transparent;
	margin: 0 auto;
	width: calc(100% - 20px);
}

#content #content-wrapper #sports-wrapper #register-container .register-box .register-stage {
	width: 100%;
}

#content #content-wrapper #sports-wrapper #register-container .deposit-content .easypay-logo {
	text-align: center;
}

#content #content-wrapper #sports-wrapper #register-container .deposit-content ,
#content #content-wrapper #sports-wrapper #register-container .deposit-content > table ,
#content #content-wrapper #sports-wrapper #register-container .withdraw-content  ,
#content #content-wrapper #sports-wrapper #register-container .withdraw-content > table ,
#content #content-wrapper #sports-wrapper #register-container .withdraw-content .withdraw-details ,
#content #content-wrapper #sports-wrapper #register-container .withdraw-content .withdraw-details > table {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}


#content #content-wrapper #sports-wrapper #register-container .register-box .register-stage tr {
	width: 100%;
}
#content #content-wrapper #sports-wrapper #register-container .register-box .register-stage td.hactive {
    background: linear-gradient(to right,#ffeb3b,#ff9800);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    border-bottom: 1px solid #ffc107;
    filter: brightness(1);	
}
#content #content-wrapper #sports-wrapper #register-container .register-box .register-stage td.depactive {
    background: #03a9f4;
    background: linear-gradient(to right,#ffffff,#00aeef);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-weight: 700;
    border-bottom: 3px solid #3db1dc;
    color: #03a9f4;
    border-radius: 5px 5px 0 0;
    filter: brightness(1.0);	
}

#content #content-wrapper #sports-wrapper #register-container .register-box .register-stage td {
	width: 25.33%;
	text-align: center;
	background: -webkit-gradient (linear, left top, right top, from (#ffffff), to (#ffffff));
	background: linear-gradient(to right, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	font-weight: 700;
	border-bottom: 1px solid #ffffff;
	padding-bottom: .15rem;
	font-size: 20px;
	line-height: 1.35;
	filter: brightness(0.5);
}
#auth_btn {
    background-color: #ff4e00;
    background-image: linear-gradient(180deg, #ffe1a5 0%, #ec9f05 74%);
    border: 1px solid #000;
}
#content #content-wrapper #sports-wrapper #register-container p.welcome_text {
    display: block !important;
    margin: 10px;
}
#content #content-wrapper #sports-wrapper #register-container .register-box .register-stage td:active {
	background: #fff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	border-bottom: 1px solid #ffffff;
}

#content #content-wrapper #sports-wrapper #register-container .register-content .register-input {
	width: 350px;
	height: 110px;
	text-align: center;
	margin: 0 auto;
}

#content #content-wrapper #sports-wrapper #register-container .register-content .register-input td>input {
	border-radius: 5px;
	background-color: #fff;
	border-color: #3e3e3e;
	color: #000;
	cursor: pointer;
	font-size: 1.1rem;
}

#content #content-wrapper #sports-wrapper #register-container .register-content .register-input td>select#IU_BANK {
	height: 47px;
	border-radius: 5px;
	background: #1e1d1f;
	border-color: #363636;
	color: #d2d2d2;
	cursor: pointer;
	font-size: 1.1rem;
	width: 100%;
	box-sizing: border-box;
}

#content #content-wrapper #sports-wrapper #register-container .register-content .register-input td>select#IU_PHONE_AGENCY {
	height: 47px;
	border-radius: 5px;
	background: #1e1d1f;
	border-color: #363636;
	color: #d2d2d2;
	cursor: pointer;
	font-size: 1.1rem;
	width: 100%;
	box-sizing: border-box;
}

#content #content-wrapper #sports-wrapper #register-container .register-content .register-code {
	width: 340px;
	text-align: -moz-center;
	text-align: -webkit-center;
	height: 70px;
	font-size: 30px !important;
	border-radius: 5px;
	background-color: #1e1d1f;
	border-color: #3e3e3e;
	color: #d2d2d2;
}

#content #content-wrapper #sports-wrapper #register-container .register-details td>input {
	height: 28px;
	padding: 0.5rem 0.5rem;
}

#content #content-wrapper #sports-wrapper #register-container #register-next {
	width: 325px;
	text-align: -moz-center;
	text-align: -webkit-center;
	margin: 0 auto;
	border-radius: 5px;
	font-weight: 500;
	background: #03A9F4;
	color: #ffffff;
	display: block;
	font-size: 21px;
	padding: 0.5rem 0.3rem;
}

#content #content-wrapper #sports-wrapper #register-container #register-next:before {
	content: "\e989";
	font-family: fonticons;
	margin: 5px;
}
#content #content-wrapper #sports-wrapper #register-container #register-next{
    background: #673ab7;
    border: 1px solid #000000;
    color: #fff;
}
#content #content-wrapper #sports-wrapper #register-container .register-box .register-stage td.depactive ,
#content #content-wrapper #sports-wrapper #register-container .register-box .register-stage td.hactive {
    background: #03a9f4;
    background: linear-gradient(to right,#b389ff,#d362e7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    border-bottom: 3px solid #d041ff;
    color: #8f2ca0;
    filter: brightness(1.5);
}


._login_telegram {
	border: 1px solid;
	background: transparent;
	height: 40px;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	border: none;
	border-radius: 3px;
	margin-top: 24px;
	cursor: pointer;
}

._login_telegram a{
	display:table;
	text-decoration:none;
}

._login_telegram span{
	display:table-cell;
	vertical-align:middle;
}
.login-box ._login_telegram {
    background: url(/image/dna/_login_telegram_before.png);
    font-size: 0;
    height: 63px;
    background-size: 100%;
    background-repeat: no-repeat;		
    transition: background 0.5s ease;
}
.login-box ._login_telegram:hover {
    background: url(/image/dna/_login_telegram_after.png);
    background-size: 100%;
    background-repeat: no-repeat;		
}

/* Callout box - fixed position at the bottom of the page */
.callout {
	position: fixed;
	margin-left: 20px;
	max-width: 345px;
	max-height:528px;
	top: 50%;
	transform: translateY(-50%); 
}
.callout.callout-left {
    left: 10%;
}
.callout.callout-right {
    right: 10%;
}
.callout-header {
	font-size: 30px;
	color: white;
}
.callout-container {
	color: black
	
}

.closebtn {
	position: absolute;
    top: 15px;
    right: 20px;
	color: white;
	font-size: 30px;
	cursor: pointer;
	opacity:0;
	z-index:9;
}
.callout:hover .closebtn {
    opacity: 1;
}
.closebtn:hover {
	color: red;
}

/* .callout-container .imageleft { */
    /* background: url(/image/dna/calloutdna01.png?v=04); */
    /* background-repeat: no-repeat; */
    /* width: 345px; */
    /* height: 528px; */
/* } */
/* .callout-container .imageright { */
    /* background: url(/image/dna/calloutdna02.png?v=02); */
    /* background-repeat: no-repeat; */
    /* width: 345px; */
    /* height: 528px; */
	
/* } */

.callout-container.callout.callout-right {
	
}

.support-table tbody>tr>td>input {
	outline: none;
    border: 1px solid #000000 !important;
    box-sizing: border-box;
    width: 100% !important;
    height: 52px !important;
    background: #211f21 !Important;
    border: 1px solid #3c383c !important;	
}
.support-table p {
    font-weight: 800;
    margin: 0;
    margin-bottom: 8px;
    color: #dcdcdc;
    position: relative;
    text-align: left;
    font-size: 15px;
}
.widget-stats .stats-title {
    position: relative;
    line-height: 1.1;
    font-size: 12px;
    margin: 2px 0 7px;
    
}
.widget-stats .stats-title .modal-title {
     font-size: 18px; 
}
.widget.widget-stats.p-0.bg-preview-blue2 {
    background: #20042e !important;
    width: 100%;
}
.stats-desc.modal-footer {
	display: flex;
    justify-content: space-evenly;
}
.f-s-13.f-w-100.preview-login-button-blue2 {
    color: #ffffff !important;
    border: none !important;
    font-size: 14px;
    cursor: pointer;	
	
}
.f-s-13.f-w-100.preview-login-button-blue2:hover {
    border: 1px solid #ead2ff !important;
}
#login-container .tertiary {
    background: linear-gradient(#901ef8, #c915ff) !IMPORTANT;
	border-radius: 5px !important;	
}
.support-table {
    padding: 25px;
}
.support-table tbody>tr>td>textarea {
    background: #211f21 !Important;
    border: 1px solid #3c383c !important;
	box-sizing:border-box; resize: none;	
}
.supprt-list-wrap.stats-title {
    padding: 0;
}
.supprt-list-wrap .table-header {
    background: #000000 !IMPORTANT;
	display: none;
}
.supprt-list-wrap.stats-title {
    padding: 0;
}
.supprt-list-wrap .speech-bubble {
    background: #121212;
    padding: 10px;
    border: 1px solid #1e1e1e;
    border-radius: 3px;
    margin: 7px;
    text-align: left;
}
.supprt-list-wrap .speech-bubble h1 {
    border-bottom: 1px solid;
    text-align: left;
    padding: 0;
    color:#e2a8eb;
}
.supprt-list-wrap .speech-bubble h1>span.right {
	color:#f4ff98
}
.supprt-list-wrap .speech-bubble .date-note {
    font-size: 12px;
    color: #d0b2b3;
    font-weight: 300;
    float: right;
}
.supprt-list-wrap .speech-bubble h1 .swirl-before:before {
    content: "~";
    margin-right: 6px;
}
.supprt-list-wrap .speech-bubble h1 .sub {
    float: right;
    font-size: 12px;
    color: #ffeea9;
    font-weight: 300;
}
.supprt-list-wrap .table-board-tr {
    background: linear-gradient(90deg, #16041f 0, #3c1d4a , #000) !important;
	display:none; 
}

.supprt-list-wrap .table-board-tr .table-board-td-first {
    justify-content: left;
    text-align: left;
    padding: 0 20px;
	border-left: 1px solid #000000;
    border-right: 1px solid #000000;	
}

.supprt-list-wrap .speech-bubble .bl-container {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 5px;
}

.supprt-list-wrap .speech-bubble .bl-container thead > tr > th {
    background: #343234;
    color: #ddd;
    text-align: left;
    font-size: 13px;
    padding: 5px;
}

.supprt-list-wrap .speech-bubble .bl-container > tbody > tr{background: #242324;border-collapse: separate;border-bottom: 4px solid #000;border-top: 4px solid #000;width: 100%;}

.supprt-list-wrap .speech-bubble .bl-container > tbody > tr > td {
    padding: 5px;
}
.supprt-list-wrap .speech-bubble .bl-container .view_bet table {
    width: 100%;
}

.supprt-list-wrap .speech-bubble .bl-container .view_bet table .type-name {
}

.supprt-list-wrap .speech-bubble .bl-container .view_bet table > tbody > tr > td {}

.supprt-list-wrap .speech-bubble .bl-container .view_bet table .round-box.active {
    background: linear-gradient(90deg, #8843F2 0, #2b0c4e) !important;
    background-image: linear-gradient(90deg, #8843F2 0, #2b0c4e) !important;
    border-color: #8843F2;
}

.supprt-list-wrap .speech-bubble .bl-container .view_bet table .round-box {
    color: #fff;
    background: #2d2d3c;
    border-color: #424242 #181818 #232324 #2c2c39;
    display: table-cell;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #1d1d25;
}

.supprt-list-wrap .speech-bubble .bl-container .view_bet table .odds-container {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 6px 0px;
}

.supprt-list-wrap .speech-bubble .bl-container .view_bet table .type-name .home-name, .supprt-list-wrap .speech-bubble .bl-container .view_bet table .type-name .away-name, .supprt-list-wrap .speech-bubble .bl-container .view_bet table .type-name .vs {
    display: inline-block;
    width: auto;
}
.supprt-list-wrap .speech-bubble .bl-container .view_bet table .type-name .right {
    padding: 0 5px;
}

._confirmlist .widget-stats .stats-desc{overflow:hidden;}
._confirmlist .widget-stats .stats-desc ._support_write {
	float: left;
    margin: 0 7px;
}
._confirmlist .widget-stats .stats-desc ._support_cancle {
    float: right;
    margin: 0 9px;
    border-radius: 5px !important;
}
@keyframes glow {
	0% {
		background-position: 150% 0%;
		box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
	}
	10% {
		background-position: 100% 0%;
		box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
	}
	75% {
		box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
	}
	100% {
		background-position: -50% 0%;
	}
}
@keyframes glowInner {
	0% {
		background-position: 150% -100%;
	}
	10% {
		background-position: 100% -100%;
	}
	100% {
		background-position: -50% -100%;
	}
}

#login-container .modal-dialog .modal-content {
	background: #20042e;
    color: white;
}

@media only screen 
and (min-width : 600px) {
	#login-container .login-box{
	width: 434px;}
}


#login-container .login-box ._login_text_plus span {
    font-size: 15px;
    margin: 0;
    font-weight: 500;
	color: inherit;
	display:inline-block;
}
._login_text_plus, ._login_text_plus a {
    color: #fff;
}
.social_links {
	
}
.login_socmedicon {
    display: none;
}
.social_links .right-sns {
    float: left; 
	width:100%;
	text-align: left;
}

.social_links .right-sns span {
    display: inline-block;
    line-height: 20px;
}
#sns-img-login {
	max-width: 600px;
    margin: 10px auto;
        display:none;
}

#sns-img-login .a-sns_img_link {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    width: 35%;
}

#sns-img-login .a-sns_img_link .sns-img-int {
    width: 100%;
}
#login-container .login-box #login_support_write span, #login-container .login-box #login_support_list span {
    font-size: 13px;
    margin: 0;
    border: 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    font-weight: 900;
	border-color: transparent;
    /*color: var(--swiper-theme-color);*/
}

.login-sns {
    position: relative;
    z-index: 1;
}
.login-sns .socials .right-sns  {
    display: inline-block;
    width: 49%;
}



#login-container .login-box ._login_text[id*="login_"] {
    background-image: linear-gradient(90deg, var(--swiper-theme-color) 0%, var(--swiper-theme-color) 100%) !important;

    font-size: 14px;
    line-height: 50px;
    text-align: center;
}
#login-container .login-box ._login_text[id*="login_"]:hover {
	filter:brightness(1.3);
}
#login-container .login-box ._login_text[id*="login_"] span {
    font-size: 13px;
    margin: 0;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 900;
        /*color: #000000;*/
}












.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table{
    margin:0 auto;
    width:100%;
    min-width:250px;
}

@media (max-width:1720px){
  .supporttbl_wrap.el-dialog__wrapper.main-dialog form > table{
      width: 60% !important;
  }  
  
  

  
}




@media (max-width:868px){
  .supporttbl_wrap.el-dialog__wrapper.main-dialog form > table{
      width: 100% !important;
  }  
  
  
  .sup_inqbtn .fs-20 {
    font-size: 21px;
    padding: 3px 0;
}

  
}


.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table tr>td{
    padding-top: 0.5rem;
    padding-bottom:0.5rem;
}
.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table tr>td>p {
    margin: 0;
}
.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table tr>td>input ,
.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table tr>td>textarea {
    width:100%;
    border-radius:3px;
    padding: 17px !important;
    font-size: 15px !important;
    color:white;
    /* box-shadow:0 0 1px #ffffff7a; */
}

.supporttbl_wrap.el-dialog__wrapper.main-dialog .modal-footer {
    justify-content:center;
    gap:2px;
}

.supporttbl_wrap.el-dialog__wrapper.main-dialog .modal-content .btn-close {
/*display:none;*/
}


.supporttbl_wrap.el-dialog__wrapper.main-dialog .stats-desc .preview-login-button-blue2 {
    width: 35% !important;
    padding:12px;
    border-radius: 30px;
    font-size: 14px !important;
}















.supporttbl_wrap .supprt-list-wrap-nuser {

  overflow: hidden;
  color: #fff;
 
}

.supporttbl_wrap .supprt-list-wrap-nuser .table-header {
  display: flex;
  font-weight: bold;
  padding: 12px 16px;
  background-color: #000000;
  border-bottom: 1px solid #000000;
  color:white
}

.supporttbl_wrap .supprt-list-wrap-nuser .table-header > div {
  padding: 8px;
}

.supporttbl_wrap .supprt-list-wrap-nuser .table-board-tr {
  display: flex;
  align-items: center;
  padding: 0px 16px;
  background: #262626 !important;
  transition: background 0.3s ease;
  border-bottom: 1px solid #000000;
  color:white;
  line-height: 31px;
}
.supporttbl_wrap .speech-bubble.you , .supporttbl_wrap .speech-bubble.me {
	background: #000000;
}

.supporttbl_wrap .supprt-list-wrap-nuser .table-board-tr:nth-child(even) {
  background: #262626;
}

.supporttbl_wrap .supprt-list-wrap-nuser .table-board-tr:hover {
  background: #202020;
}

.supporttbl_wrap .supprt-list-wrap-nuser .table-board-td-first {
  flex: 4;
  justify-content: center;
  text-align: center;
      border-left: 0;
}

.supporttbl_wrap .supprt-list-wrap-nuser .table-board-flex-field {
  flex: 1;
  text-align: center;
}

.supporttbl_wrap .supprt-list-wrap-nuser .collapse {
  background-color: #202020;
  padding: 12px 16px;
  display: none;
  border-top: 1px solid #323232;
  color: #ccc;
}


.supporttbl_wrap .supprt-list-wrap-nuser .table-board-content h1 {
  text-align:left;
  border-bottom: 1px solid;
  color: silver;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-board-content .bl-container {
    display: none;
}




.supporttbl_wrap ._casinoconfirmtxt.stats-title .table-board-content .speech-bubble .initial > p, 
.supporttbl_wrap ._holdemconfirmtxt.stats-title .table-board-content .speech-bubble .initial > p {
   color:#fff !important; 
}



.widget-stats .stats-desc > .stats-descbtn_bg1 {
    margin-right: 1rem;
    background-image: linear-gradient(180deg, #f7d060 0%, #ffbc00 100%) !important;
    color:black !important;
}
.widget-stats .stats-desc > .stats-descbtn_bg2 {
background-image: linear-gradient(180deg, #f7b2a7 0%, #d36950 100%) !important;
color:black !important;
}

.widget strong > div > p.modal-title {
    font-size: 18px;
    color: #000;
}