/* ********************************* å…¨ å…±ç”¨ *********************************
*-----------------------------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    margin: 0;
}

body {
	margin:0;
	/* font-size: 14px; */
	 height: 100%;
}


.modal-open-second{
	overflow: hidden;
}


div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, ul, li {
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	word-wrap: normal;
	word-break: normal;
	line-height: 170%;
	border-width: 0;
	font-family: "å¾®è»Ÿæ­£é»‘é«”", "è˜‹æžœå„·ä¸­é»‘", "Lucida Grande", "Arial", "Arial Narrow";
}

/*th {
	font-weight: normal;
}*/

ul, ol {
	list-style: none;
}

p.lineHeight {
	line-height:170%;
}
p.marginTop {
	margin:10px 0;
}
p.marginLeft {
	margin: 0 10px;
}

fieldset {
	border: 0;
}

input,button,select,textarea {
	outline:none
}

img {
	max-width: 100%;
}

.show {
	/*display: block !important;*/
	display: block;
}

/*ç•¶tableè£¡çš„dropdpnw menué»žé–‹ä¹‹å¾Œè¶…éŽtableçš„é«˜åº¦æ™‚,tableé«˜åº¦è‡ªå‹•å¢žåŠ 
(åŠ åœ¨table-responsive)
---------------------------------------------------------*/
/*.tableContentOverlap{
	overflow-x: visible !important;
  	overflow-y: visible !important;
}*/


/**
*
* =anchor
*
**/

a:link, a:visited {
	color: #337ab7;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #337ab7;
	text-decoration: underline;
}

/**
*
* =clear,clearfix
*
**/

/* regular clearing apply to column that should drop below previous ones. */
.clear {
    clear: both;
}

/* this needs to be first because FF3 is now supporting this */
.clearfix {
    display: inline-block;
}

/* clearing floats without extra markup */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

/* hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* end hide from IE-mac */


livedemo00.template-help.com/media="screen":after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.cursor-context-menu{
	cursor: context-menu !important;
}

.marginTop5{margin-top: 5px !important;}
.marginTop10{margin-top: 10px !important;}
.marginTop20{margin-top: 20px !important;}
.marginTop30{margin-top: 30px !important;}
.marginTop40{margin-top: 40px !important;}

.marginBottom5{margin-bottom: 5px !important;}
.marginBottom20{margin-bottom: 20px !important;}
.marginBottom30{margin-bottom: 30px !important;}
.marginBottom40{margin-bottom: 40px !important;}

.marginLeft20{margin-left: 20px !important}
.marginLeft15{margin-left: 15px !important}
.marginLeft5{margin-left: 5px !important}

.marginRight5{margin-right: 5px !important}

.paddingLeft0{padding-left: 0px !important !important;}
.paddingLeft10{padding-left: 10px !important;}
.paddingLeft15{padding-left: 15px !important;}

.paddingRight0{padding-right: 0px !important;}
.paddingRight10{padding-right: 10px !important;}

.paddingTop40{padding-top: 40px !important;}

/* +gotop
*----------------------------------------------------------------------------*/
#gotop {
	display: none;
	position: fixed;
	bottom: 2%;
	right: 20px;
	width: 43px;
	height: 43px;
	background: url(../images/02/all/totop.png) no-repeat 0 0;
	text-indent: -100000px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	cursor: pointer;
	z-index: 200;
}

#gotop:hover {
	background-position: -43px 0;
}


.font_bold{
	font-weight: bold;
}



/* memberGo footer
*----------------------------------------------------------------------------*/
footer {
	/*overflow: hidden;*/
	padding: 15px 0;
	background: #f4f4f4; 
	color: #5c5c5c;  
/*	position: absolute;
    bottom: 0;
    right: 0;
    left: 0;*/
    width:100%;
}

footer a{
	color: #2d2d2d !important; 
	text-decoration: none !important;
}

footer .conta {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 16px;
	color: #5c5c5c;
}

/*footer .conta p{
	margin-top: 10px;
	margin-bottom: 20px;
	display: inline-block;
	font-size: 16px;
	color: #5c5c5c;
	text-align: center;
}

#copyrightDiv{
	text-align: center !important;
}
*/

/*footer .conta p i{
	color: #5c5c5c;
}
*/





/* ********************************* ç™»å…¥é  login page *********************************
*-----------------------------------------------------------------------------------------------*/

.veryTop_logoBar_wrap{
	/* width: 100% !important; */
	/* margin: 0px 0px 0px 0px !important; */
	/* background-color: #fff !important; */
	/*color:#e4e4e4;*/
	/* border-bottom: 3px solid #3c3c3c; */
	/*box-shadow:  0px 0.5px 1px 1px rgba(181,179,181,0.7);*/
	box-shadow:  0px 1px 5px 1px rgba(181,179,181,0.4);
	padding-top: 6px;
	padding-bottom: 6px;
}




.logoBar{
	margin: 0px 0px 0px 0px !important;
	padding: 15px 0px 10px 0px !important;
	line-height: 120% !important;
}

.logoBar img{
	height: 40px;
}




.bgDiv{
	background-image: url(../images/memberGo/MemberGoLoginBG.jpg);

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.loginBlock{
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;
}

.ServiceLogoRow {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px  !important;
	padding-right: 0px !important;
	text-align: center;
}

.ServiceLogoRow img{
	/*height: 35px; */
	margin-bottom: 50px;
}

.loginField{
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 40px !important;
	padding-right: 40px !important;
	margin-bottom: 40px; 
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 8px 8px 10px 1px rgba(0,0,0,0.3);
	background-color: #fff;
}

.loginForm .form-group{
	margin-bottom: 30px; 
}

.loginForm input{
	height: 40px;
	background-color: #e8e8e8;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	border: 0px;
	box-shadow: none;
	padding-left: 3px;
}

.loginForm .input-group-addon{
	border: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	background-color: #e8e8e8;
	border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.loginSubmit{
	margin-top: 60px;
	margin-bottom: 0px !important;
}

.loginBtnDiv{
	text-align: center;
}

.btn-loginSubmit{
	width: 60%;
	height: 40px;
	background-color: #e8e8e8 !important;
}

.miscellaneous{
	text-align: right;
}

.miscellaneous img{
	margin-left: 5px;
	vertical-align: middle; 
	width: 25px; 
	height:auto;
}






/* ********************************* ç™»å…¥ä¹‹å¾Œ After login å…±ç”¨ *********************************
*-----------------------------------------------------------------------------------------------*/

/* memberGo after login - very top bar
*----------------------------------------------------------------------------*/
.veryTop_Bar_wrap{
	/* width: 100% !important; */
	/* margin: 0px 0px 0px 0px !important; */
	/* background-color: #fff !important; */
	/* border-bottom: 3px solid #3c3c3c; */
	vertical-align: middle !important;
	/*box-shadow:  0px 0.5px 1px 1px rgba(181,179,181,0.7);*/
	box-shadow:  0px 1px 5px 1px rgba(181,179,181,0.4);
	padding-top: 6px;
	padding-bottom: 6px;
}

.navbar-tokenizationPlatform{
	background-color: #fff!important;
	font-size: 0.875rem;
} 
.navbar-tokenizationPlatform > .container-fluid{
	padding-left: 0px;
	padding-right: 0px
} 
.navbar-tokenizationPlatform .navbar-brand img.logo{
	width: 300px;
}

.navbar-tokenizationPlatform .navbar-collapse{
	flex-grow: unset;
}

.navbar-tokenizationPlatform .dropdown-menu{
	left: unset;
	right: 0px;
}

.logoBlock{
	padding: 5px 0px 5px 0px !important;
	line-height: 4em!important;
}

.logoBlock img{
	height: 40px;
	vertical-align: middle;
}

.topBarCompanyName{
	text-align: right;
	margin: 0px 0px 0px 0px !important;
	padding: 5px 0px 5px 0px !important;
	line-height: 4em !important;
}

.topBarSelectBlock{
	display: flex;
	justify-content: end;
}
@media screen and (max-width: 767px){
	.topBarSelectBlock{
		padding-top: 10px;
	}
	.navbar-tokenizationPlatform ul.navbar-nav {
		flex-direction: row;
	} 
}

.topBarSelect{
    margin: 0px 0px 0px 0px;
    font-size: 0.85em;
    color: #5C5C5C;
    border:none;
    outline:none;
    display: inline-block;
    /* appearance:none; */
    cursor:pointer;
    background-color: #f8f8f8;
    height: ;
    border-radius: 3px; 
    border:0.5px solid #707070;
    padding: 1px;
    box-shadow:  0px 1px 1px 1px rgba(181,179,181,0.8);
}


.topBarCounts{
	display: flex;
	align-items: center;
	justify-content: end;
	margin-top: 10px;
	line-height: 100%;

	/* margin: 0px 0px 0px 0px !important;
	padding: 5px 0px 5px 10px !important;
	line-height: 4em !important; */
}

.countDown{
	text-align: left;
	color: #d9534f; 
	font-weight: bold; 
	line-height: 100%;
}

.dropdown-menu-tokenizationPlatform .dropdown-item:active{
	background-color: #35a9e1;
}

/* memberGo after login - very top bar - buttons
*----------------------------------------------------------------------------*/
.btn.btnLogout{
	/* margin-bottom: 3px; */
	margin-left: 10px;
	/* text-align: center; */
    /* vertical-align: middle; */
	font-size: 1em;
	/* display: inline-block; */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	color:#fff !important;
	/* background-color:  #9fbf49; */
	background-color: #35a9e1;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    /* cursor: pointer; */
    /* border-radius: 3px; */
	border: 1px solid #35a9e1;
    /* box-shadow:  0px 1px 1px 1px rgba(181,179,181,0.8); */
}

.btn.btnLogout:hover {
	color: #ffffff;
	text-decoration: none;
	/* background-color: #90af3d; */
	opacity: 0.8;
}

.btn.btnLogout:focus{
	color: #ffffff;
}

.btn.btnSettings{
	/* margin-bottom: 3px; */
	margin-left: 10px;
	/* text-align: center; */
    /* vertical-align: middle; */
	font-size: 1em;
	/* display: inline-block; */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	color:#35a9e1 !important;
	background-color:  #fff; 
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    /* border-radius: 3px; */
	border: 1px solid #35a9e1;
    /* box-shadow:  0px 1px 1px 1px rgba(181,179,181,0.8); */
}

.btn.btnSettings:hover {
	color: #ffffff;
	text-decoration: none;
	/* background-color: #dda14b; */
	background-color: #f2f2f2;
}

.btn.btnSettings:focus{
	color: #ffffff;
}





/* gotop Button
*----------------------------------------------------------------------------*/
#gotop {
	display: none;
	position: fixed;
	bottom: 2%;
	right: 20px;
	width: 43px;
	height: 43px;
	background: url(../images/common/totop.png) no-repeat 0 0;
	text-indent: -100000px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	cursor: pointer;
	z-index: 200;
}

#gotop:hover {
	background-position: -43px 0;
}



/* MemberGo main content - tilte and body
*----------------------------------------------------------------------------*/

.contentTitle{
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: 400;	
	padding: 0px 0px 0px 10px;
	vertical-align: middle;
	clear: both;
}


.contentTitle img{
	height: 60px;
	vertical-align: middle;
	margin-right: 10px;
	/*width: 26px;*/
}


.contentSubtitle{
	margin-left: 0px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;	
	padding: 0px 0px 0px 10px;
	vertical-align: middle;
	clear: both;
}

.contentSubtitle a{
	font-weight: 700;
}

.contentSubtitle a:hover{
	text-decoration: none;
}

.contentSubtitle img{
	height: 30px;
	vertical-align: middle;
}

.contentBody{
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 60px; 
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}




/* small buttom style for ä¿®æ”¹ å„²å­˜ å–æ¶ˆ
*----------------------------------------------------------------------------*/
.btn.btnModify{
	font-size: 0.9em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #eb852b; 
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnModify:hover{
	color: #ffffff;
	background-color: #f6ae6e;
	border: none; 
}
.btn.btnModify:focus{
	color: #ffffff;
}

.btn.btnModify2{
	font-size: 0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #eb852b; 
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnModify2:hover{
	color: #ffffff;
	background-color: #f6ae6e;
	border: none; 
}
.btn.btnModify2:focus{
	color: #ffffff;
}

.btn.btnMore{
	font-size: 8px;
	display: inline-block;
	padding: 2px 8px;
	color: #ffffff;
	background-color: #8c8c8c;
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnMore:hover{
	color: #ffffff;
	background-color: #636262;
	border: none; 
}
.btn.btnMore:focus{
	color: #ffffff;
}

.btn.btnModifyDis2{
	font-size: 0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #5e5e5e;
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnModifyDis2:hover{
	color: #ffffff;
	background-color: #b8b8b8;
	border: none; 
}
.btn.btnModifyDis2:focus{
	color: #ffffff;
}

.btn.btnSave{
	font-size: 0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #696969; 
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    margin-left:5px;
}
.btn.btnSave:hover{
	color: #ffffff;
	background-color: #a9a9a9;
	border: none; 
}
.btn.btnSave:focus{
	color: #ffffff;
}

.btn.btnChange{
	font-size: 0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #c83210; 
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    margin-left:5px;
}
.btn.btnChange:hover{
	color: #ffffff;
	background-color: #f0856d;
	border: none; 
}
.btn.btnChange:focus{
	color: #ffffff;
}

.btn.btnRight{
	font-size: 0.9em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #5bc0de; 
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    margin-left:5px;
    margin-bottom: 5px;
}
.btn.btnRight:hover{
	color: #ffffff;
	background-color: #aae5f6;
	border: none; 
}
.btn.btnRight:focus{
	color: #ffffff;
}

.btn.btnTempStop{
	font-size: 0.9em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #f29818; 
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    margin-left:5px;
    margin-bottom: 5px;
}
.btn.btnTempStop:hover{
	color: #ffffff;
	background-color: #f6b75e;
	border: none; 
}
.btn.btnTempStop:focus{
	color: #ffffff;
}

.btn.btnReStart{
	font-size: 0.9em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #5cb85c; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
    margin-left:5px;
    margin-bottom: 5px;
}
.btn.btnReStart:hover{
	color: #ffffff;
	background-color: #8ce78c;
	border: none; 
}
.btn.btnReStart:focus{
	color: #ffffff;
}

.btn.btnReStart2{
	font-size: 0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #5cb85c; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnReStart2:hover{
	color: #ffffff;
	background-color: #8ce78c;
	border: none; 
}
.btn.btnReStart2:focus{
	color: #ffffff;
}

.btn.btnStop{
	font-size: 0.9em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #696969; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
    margin-left:5px;
    margin-bottom: 5px;
}
.btn.btnStop:hover{
	color: #ffffff;
	background-color: #a9a9a9;
	border: none; 
}
.btn.btnStop:focus{
	color: #ffffff;
}


.btn.btnDelete{
	font-size: 0.9em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #d9534f; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
    margin-left:5px;
    margin-bottom: 5px;
}
.btn.btnDelete:hover{
	color: #ffffff;
	background-color: #ed9795;
	border: none; 
}
.btn.btnDelete:focus{
	color: #ffffff;
}


.btn.btnResetPwd{
	font-size: 0.9em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #1b67bc; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
    margin-left:5px;
    margin-bottom: 5px;
}
.btn.btnResetPwd:hover{
	color: #ffffff;
	background-color: #438cde;
	border: none; 
}
.btn.btnResetPwd:focus{
	color: #ffffff;
}

.btn.btnTempStop2{
	font-size: 0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #f29818; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnTempStop2:hover{
	color: #ffffff;
	background-color: #f6b75e;
	border: none; 
}
.btn.btnTempStop2:focus{
	color: #ffffff;
}

.btn.btnDelete2{
	font-size: 0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #d9534f; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnDelete2:hover{
	color: #ffffff;
	background-color: #ed9795;
	border: none; 
}
.btn.btnDelete2:focus{
	color: #ffffff;
}

.btn.btnRight2{
	font-size: 	0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #5bc0de; 
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnRight2:hover{
	color: #ffffff;
	background-color: #aae5f6;
	border: none; 
}
.btn.btnRight2:focus{
	color: #ffffff;
}

.btn.btnCancelTrans{
	font-size: 	0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #d9534f; 
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnCancelTrans:hover{
	color: #ffffff;
	background-color: #ed9795;
	border: none; 
}
.btn.btnCancelTrans:focus{
	color: #ffffff;
}

.btn.btnDetail{
	font-size: 	0.75em;
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff;
	background-color: #1b67bc; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnDetail:hover{
	color: #ffffff;
	background-color: #438cde;
	border: none; 
}
.btn.btnDetail:focus{
	color: #ffffff;
}




/* ********************************* MemberGo page æ¨£å¼*********************************
*-----------------------------------------------------------------------------------------------*/

/*MemberGoé …ç›®é ****************************
---------------------------------------------------*/
.memberGo_imgMenuPage{
	margin-top: 150px;
	margin-bottom: 60px;
}



/* MemberGoé …ç›®é  - å·¦é‚Š "Token Vault"
---------------------------------------*/
#left_tVualt{
	text-align: center;
}
#left_tVualt img{
	height: 200px;
}
#left_tVualt p{
	font-size: 1.2em;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 100px;
}



/* MemberGoé …ç›®é  - ä¸­é–“ "Transaction List"
---------------------------------------*/
#center_trsactionList{
	text-align: center;
}
#center_trsactionList img{
	height: 200px;
}
#center_trsactionList p{
	font-size: 1.2em;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 100px;
}



/* MemberGoé …ç›®é  - å³é‚Š "console"
---------------------------------------*/
#rigth_console{
	text-align: center;
}
#rigth_console img{
	height: 200px;
}
#rigth_console p{
	font-size: 1.2em;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 100px;
}



/*  MemberGo "è¨­å®š"drapdownæŒ‰éˆ•æ¨£å¼ settings dropdown menu list
------------------------------------------------------------------*/
.dropdown-menu.dropdown-menu-right.settingsListForMemberGo{
	min-width: 140px !important;
	margin-top: -15px !important;
	background-color: #b5b5b5;
}

.settingsListForMemberGo li{
	text-align: center !important;
}

.settingsListForMemberGo li a{
	text-align: center !important;
	color: #fff !important;
}
.settingsListForMemberGo li a:hover{
	text-align: center !important;
	color: #000 !important;
	transition: 0.1s;
}



/* Consoleé …ç›®é  - å·¦é‚Š "Token IP Binder"
---------------------------------------*/
#left_tokenIPBinder{
	text-align: center;
}
#left_tokenIPBinder img{
	height: 200px;
}
#left_tokenIPBinder p{
	font-size: 1.2em;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 100px;
}

/* Consoleé …ç›®é  - å³é‚Š "API Key"
---------------------------------------*/
#right_APIKey{
	text-align: center;
}
#right_APIKey img{
	height: 200px;
}
#right_APIKey p{
	font-size: 1.2em;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 100px;
}


/* Consoleé …ç›®é  - "å•†å®¶éŠ€è¡Œå¸³æˆ¶ç®¡ç†"
---------------------------------------*/
#MerBankAcc{
	text-align: center;
}
#MerBankAcc img{
	height: 200px;
}
#MerBankAcc p{
	font-size: 1.2em;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 100px;
}



/* MemberGo modal - å½ˆå‡ºè¦–çª— pop up form å…±ç”¨æ¨£å¼
--------------------------------------------------*/
.modalforMemberGo .modal-header{
	color: #3b3b3b;
	background-color: #f4f4f4;
	border-bottom: 1.5px solid #878787;
}

.modalforMemberGo .modal-body{
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.modalforMemberGo .modal-footer{
	background-color: #d7d7d7;
}

.modalforMemberGo .close{
	font-size: 2rem;
}

.modalforMemberGo .modalBody_pwdReset{
	padding-top:35px; 
	padding-bottom: 35px;
}

.modalforMemberGo .modal-title{
	font-size: 1.625rem;
}

.modalforMemberGo .modal-title img{
	height: 32px;
	vertical-align: middle;
	margin-right: 0px;
}

.modalforMemberGo .modal-title i{
	color: #35a9e1;
}

.modalforMemberGo .selectpicker-tokenization + .dropdown-toggle{
	border: 1px solid #ccc;
    background-color: #eaf0f2;
}

.secondModal{
	padding-right: 0px !important;
}


/* Submit Block Div
*--------------------------------*/
.modalforMemberGo .SubmitBlock{
	text-align: center;
	margin-top: 70px;
	margin-bottom: 20px;
}

.modalforMemberGo .SubmitBlock_sm{
	margin-top: 50px !important;
	margin-bottom: 0px !important;
}

.SubmitBlock input[type="reset"]{
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	padding: 8px 50px;
	color: #ffffff;
	background-color: #eb852b; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
    border-radius: 4px;
    line-height: 1.42857143;
}

.SubmitBlock input[type="reset"]:hover{
	opacity: 0.6;
}

.btn.btnSubmit{
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	padding: 8px 60px;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}

.btn.btnReset{
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	padding: 8px 60px;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}

.btn.btnConfirmSmall{
	margin-bottom: ;
	margin-left: ;
	margin-right:;
	display: inline-block;
	padding: 4px 12px;
	color: #3b3b3b;
	background-color: #d5d5d5; 
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}

.btn.btnConfirmSmall:hover{
	color: #ffffff;
	background-color: #7c7c7c;
	border: none; 
}

.btn.btnSubmitSmall:focus{
	color: #ffffff;
}

.btn.btnResetSmall{
	margin-left:;
	margin-right:;
	display: inline-block;
	padding: 4px 12px;
	color: #ffffff;
	background-color: #eb852b; 
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}

.btn.btnResetSmall:hover{
	color: #ffffff;
	background-color: #eba92b;
	border: none; 
}

.btn.btnResetSmall:focus{
	color: #ffffff;
}



/* breadcrumb
*---------------------*/
.breadcrumb_memberGo{
	background-color: #fff !important;
	/*margin-top: 20px !important;*/ 
	 margin-bottom: 40px !important; 
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	font-size: 0.875rem;
}

.storeIDBlock{
	font-weight: 500;
	font-size: 1.15em;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	margin-top: 10px !important;
}

.storeIDBlock img{
	height: 1.7em !important;
	padding-right: 3px;
	vertical-align: middle;
}

.breadcrumbBlock{
	margin-right: 0px !important;
	margin-left: 0px !important;
}



/* select
*---------------------*/
.selectpicker-tokenization + .dropdown-toggle {
	border: 1px solid #ccc;
	background-color: #eaf0f2;
	padding: 8px;
	font-weight: normal;
}



/****** MemberGo - äº¤æ˜“ç´€éŒ„æ˜Žç´° é é¢ TransactionList *******
*--------------------------------------------------------------------------*/

/* æ¢ä»¶å¼æŸ¥è©¢
*----------------------------------------*/

#filterSearch_memberGo_TransactionList{
	font-size: 15px !important;
	margin-top: 5px !important;
	margin-bottom: 40px !important;
	display: block !important;
	color: #4e4f51 !important;
	font-weight: 600 !important;
}

#filterSearch_memberGo_TransactionList a{
	color: #1488e0;  
	text-decoration: none;
	cursor: pointer;
}

#filterSearch_memberGo_TransactionList a:after{
    font-family: "Glyphicons Halflings";
    content: "\e114";
    margin-left: 5px;
}

#filterSearch_memberGo_TransactionList a.collapsed:after {
    content: "\e080";
 }

#advSearchContent .form-group{
	margin-bottom: 8px;
	margin-right: 30px;
}

.SubmitResetButton_filterSearch{
	text-align: center;
	margin-top: 20px;
	margin-bottom:30px;
}

.SubmitResetButton_filterSearch .butSubmit{
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	padding: 8px 60px;
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}

.SubmitResetButton_filterSearch .btnReset{
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	padding: 8px 60px;
	border: none;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
    cursor: pointer;
}

.SubmitResetButton_filterSearch .btnSearchReset{
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	padding: 8px 60px;
	border: none;
	background-color: #dddddd;
	cursor: pointer;
	color: #333;
}

.userSelect{

}


/* -----------æ—¥æ›† calendar---------*/
#sandbox-container input[type="text"]{
	border-radius: 3px !important;
}

#sandbox-container .datepicker{
	line-height: 100% !important;
}

#sandbox-container{
	width: auto !important;
}

/* MemberGo - äº¤æ˜“ç´€éŒ„æ˜Žç´° é é¢ - äº¤æ˜“ç´€éŒ„åˆ—è¡¨ table
*------------------------------------------------*/

#memberGoTbl_transactionList{
	width: 99%;
	/*margin-bottom: 80px;*/
	margin-bottom: 115px;
	font-size: 1em;
}

#memberGoTbl_transactionList a{
	text-decoration: none;
	color: #1488e0;
	cursor: pointer;
}

#memberGoTbl_transactionList tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}


#memberGoTbl_transactionList thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #c5c5c5 !important;
	background: linear-gradient(45deg, #c5c5c5 0%, #c5c5c5 80%, #fec946 80%, #fec946 100%) !important;
	background: -webkit-linear-gradient(45deg, #c5c5c5 0%, #c5c5c5 80%, #fec946 80%, #fec946 100%) !important;
	background: -o-linear-gradient(45deg, #c5c5c5 0%, #c5c5c5 80%, #fec946 80%, #fec946 100%) !important;
	background: -moz-linear-gradient(45deg, #c5c5c5 0%, #c5c5c5 80%, #fec946 80%, #fec946 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}


#memberGoTbl_transactionList tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_transactionList tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
}

#memberGoTbl_transactionList tbody td:first-child {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionList tbody td:nth-last-child(6) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionList tbody td:nth-last-child(5) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionList tbody td:nth-last-child(4) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionList tbody td:nth-last-child(3) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionList tbody td:nth-last-child(2) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionList tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionList tbody td:nth-last-child(2) img{
	vertical-align: middle;
	cursor: pointer;
	
}

/* MemberGo - äº¤æ˜“ç´€éŒ„æ˜Žç´° é é¢ - äº¤æ˜“ç´€éŒ„åˆ—è¡¨ table - æœå‹™è¨­å®š
*--------------------------------------------------------------------*/
#transaction_setting{
	text-align: center;
}

#transaction_setting a{
	cursor: pointer;
	color: #333;
	font-size: 0.95em;
}

.refund{
    width: 26px;
    height: auto;
    margin-right: 2px;
    margin-bottom: 3px;
}
.capture{
    width: 28px;
    height: auto;
    margin-bottom: 0px;
}
.cancel{
    width: 25px;
    height: auto;
    margin-right: 3px;
    margin-bottom: 3px;
}
.transDetail{
    width: 25px;
    height: auto;
    margin-right: 3px;
    margin-bottom: 3px;
}

.imgSuccess{
	width: 60px;
    height: auto;
}

.imgAttention{
	width: 60px;
    height: auto;
}

.imgFailure{
	width: 60px;
    height: auto;
}



/* MemberGo - äº¤æ˜“ç´€éŒ„æ˜Žç´° é é¢ - äº¤æ˜“ç´€éŒ„åˆ—è¡¨ table - æ˜¯å¦è™•ç†åˆ‡æ›switch
*--------------------------------------------------------------------*/
/*
.switch {
  	position: relative;
  	display: inline-block;
  	width: 34px;
  	height: 20px;
  	margin-bottom: 0px;
 }


.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f0ad4e;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #8c8c8c;
}

input:focus + .slider {
  box-shadow: 0 0 1px #8c8c8c;
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}



.slider.round {
  border-radius: 4px;
}

.slider.round:before {
  border-radius: 20%;
}




.btn-switch{
	margin: 0;
 	padding: 0;
  	position: relative;
  	border: none;
 	height: 20px;
	width: 50px;
	border-radius: 50px;


}


.btn-switch:before, .btn-switch:after {
    line-height: 100%;
    text-align: center;
    font-weight: 600;
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
 }

.btn-switch:before {
    content: 'å¦';
    left: 4px;
 }

 .btn-switch:after {
    content: "æ˜¯";
    right: 4px;
    opacity: .5;
 }
  
 .btn-switch > .handle {
    position: absolute;
    top: 2px;
    left: 10px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    transition: left .25s;
 }

 .btn-switch.active {
    transition: background-color .25s;
 }

 .btn-switch .active > .handle {
    left: 20px;
    transition: left .25s;
 }
 
 .btn-switch.active > .handle:before {
    opacity: .5;
  }

	.btn-switch.active > .handle:after {
      opacity: 1;
    }
  
  



#toggleSwtich{
 text-align: center;
}


#switch1.btn-default{
	display: none;
}

*/


/* MemberGo - äº¤æ˜“ç´€éŒ„æ˜Žç´° é é¢ - Transaction Pagination
*--------------------------------------*/
.transPaginationDiv_memberGo{
	margin-top: 10px !important;
}

.transPaginationDiv_memberGo{
	margin-top: 0px !important;
}
.transPaginationDiv_memberGo>li>a{
	color:#6e6e6e !important;
}
.transPaginationDiv_memberGo>li:last-child{
	margin-right: 20px !important;
}
.transPaginationDiv_memberGo>li>a:hover{
	border-color: #eb852b !important;
	background-color: #f4f4f4 !important; 
	color:#6e6e6e !important;
}
.transPaginationDiv_memberGo>.active>a{
	border-color: #4c4c4c !important;
	background-color: #4c4c4c !important;
	color:#fff !important;
}

.text{
	margin-top: 0px !important;
}





/* MemberGo - äº¤æ˜“ç´€éŒ„æ˜Žç´° é é¢ - äº¤æ˜“ç•°å‹•ç´€éŒ„ popup form è£¡çš„ äº¤æ˜“ç•°å‹•ç´€éŒ„ form-inlin çš„ line (ä¸ŠåŠéƒ¨)
*------------------------------------------------------------------------------------------------*/

#formField_info{
	margin-top: 10px;
	margin-bottom: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	width:90%;
}

#formField_info .form-group{
	margin-bottom: 18px; 
	margin-right: 20px;
}

#formField_description{
	margin-bottom: 30px; 
	margin-left: auto; 
	margin-right: auto; 
	width: 90%;
}

#formField_description .form-group{
	margin-bottom: 18px;
	margin-right: 10px;
}



/* MemberGo - äº¤æ˜“ç´€éŒ„æ˜Žç´° é é¢ - äº¤æ˜“ç•°å‹•ç´€éŒ„ popup form è£¡çš„ äº¤æ˜“ç•°å‹•ç´€éŒ„ tabel (ä¸‹åŠéƒ¨)
*------------------------------------------------------------------------------------------------*/
#memberGoTbl_transactionLog{
	width: 90%;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#memberGoTbl_transactionLog a{
	text-decoration: none;
	color: #1488e0;
	cursor: pointer;
}

#memberGoTbl_transactionLog tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}

#memberGoTbl_transactionLog thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}

#memberGoTbl_transactionLog tbody th{
	font-size: 0.9em;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_transactionLog tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
}

#memberGoTbl_transactionLog tbody td:first-child {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionLog tbody td:nth-last-child(3) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionLog tbody td:nth-last-child(2) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_transactionLog tbody td:nth-last-child(1) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}



/************************* ä»£ç¢¼åŒ–è³‡æ–™åº« Token Vault é é¢ ************************************
*----------------------------------------------------------------------------------------------------------*/

/* MemberGo - ä»£ç¢¼åŒ–è³‡æ–™åº« é é¢ - ä»£ç¢¼åŒ–è³‡æ–™åº«åˆ—è¡¨ table
*--------------------------------------------------*/

#memberGoTbl_tokenVaultList{
	/* width: 99%; */
	margin-bottom: 40px;
	font-size: 0.875rem;
}

#memberGoTbl_tokenVaultList a{
	text-decoration: none;
	color: #6e6e6e;
}

#memberGoTbl_tokenVaultList tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}

#memberGoTbl_tokenVaultList thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}

#memberGoTbl_tokenVaultList tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_tokenVaultList tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
	line-height: 130%;
}

#memberGoTbl_tokenVaultList tbody td:first-child {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_tokenVaultList tbody td:nth-last-child(8) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_tokenVaultList tbody td:nth-last-child(7) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_tokenVaultList tbody td:nth-last-child(6) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_tokenVaultList tbody td:nth-last-child(5) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_tokenVaultList tbody td:nth-last-child(4) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_tokenVaultList tbody td:nth-last-child(3) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	line-height: 200%;
}

#memberGoTbl_tokenVaultList tbody td:nth-last-child(2) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_tokenVaultList tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;

}

#memberGoTbl_tokenVaultList tbody td:nth-last-child(1) img{
	vertical-align: middle;
	cursor: pointer;
	margin-left: 3px;
}


.btn.btnPermission{
	display: inline-block;
	padding: 3px 8px;
	color: #ffffff !important;
	background-color: #818181;
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.btnPermission:hover{
	color: #ffffff;
	background-color: #636262;
	border: none; 
}
.btn.btnPermission:focus{
	color: #ffffff;
}



/* MemberGo - ä»£ç¢¼åŒ–è³‡æ–™åº« é é¢ - ä»£ç¢¼åŒ–è³‡æ–™åº«åˆ—è¡¨ table - æœ€å¾Œä¸€æ ¼ Details
*--------------------------------------------------------------------*/
.btnVaultDetails:hover{
	background-color: #f0ad4e !important;
	color: #fff !important;
	border-color: #eea236 !important;
}



/* MemberGo - ä»£ç¢¼åŒ–è³‡æ–™åº« é é¢ - ä»£ç¢¼åŒ–è³‡æ–™åº«åˆ—è¡¨ table - æ¬Šé™popup form è£¡çš„ table
*--------------------------------------------------------------------------------------------*/
.permissionTableDiv{	
	/* margin-left: 10px; */
	/* margin-right: 10px; */
}

#memberGoTbl_permission{
	font-size: 0.875rem;
	
}


#memberGoTbl_permission tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}

#memberGoTbl_permission tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_permission tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
	border:solid 1px #d9d9d9;
	text-align: center;
}


.permissionList{
	text-align: center;
	padding-top: 90px !important;
}



#memberGoTbl_permission .dropdown-menu{
	font-size: 0.9em !important;
}

#memberGoTbl_permission .filter-option{
	font-size: 0.9em !important;
}

#memberGoTbl_permission .filter-option-inner{
	font-size: 0.9em !important;
}


.newPerm{
	margin: 0px 0px 10px 0px;
}

#newPermission{
	/*margin: 0px 10px 0px 10px;*/
}

#newPermission .dropdown-menu{
	font-size: 0.9em !important;
}

#newPermission .filter-option{
	font-size: 0.9em !important;
}

#newPermission .dropdown-menu a.active{
	background-color: #f0ad4e !important;
}

.newPermConfirmBtn{
	width: 100% !important;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.newPermConfirmBtn{
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
}






#memberGoTbl_fieldsList{
	margin-bottom: 40px;
	font-size: 0.96em;
}

#memberGoTbl_fieldsList a{
	text-decoration: none;
	color: #6e6e6e;
}

#memberGoTbl_fieldsList tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}

#memberGoTbl_fieldsList thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}

#memberGoTbl_fieldsList tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
}

#memberGoTbl_fieldsList tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
	line-height: 130%;
}

#memberGoTbl_fieldsList tbody td:first-child{
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}


#memberGoTbl_fieldsList tbody td:nth-last-child(5) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_fieldsList tbody td:nth-last-child(4) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_fieldsList tbody td:nth-last-child(3) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_fieldsList tbody td:nth-last-child(2) {
	text-align: center !important;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_fieldsList tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	line-height: 200%;
}





#memberGoTbl_dataDetail{
	margin-bottom: 30px;
}

#memberGoTbl_dataDetail tbody th{
	font-weight: bold;
	padding: 5px;
	text-align: center;
	vertical-align: middle !important;
	background-color: #7c7c7c;
	color: #fff;
	border: solid 1px #d9d9d9;
	font-size: 0.875rem;
}

#memberGoTbl_dataDetail tbody td{
	padding: 5px;
	vertical-align: middle !important;
	line-height: 130%;
	border: solid 1px #d9d9d9;
	font-size: 0.875rem;
}

#memberGoTbl_dataDetail tbody td.item{
	padding: 5px;
	font-weight: bold;
	background-color: #f2f2f2;
	text-align: center;
}
#memberGoTbl_dataDetail tbody td.content{
	padding: 5px;
	background-color: #fff;
}





#memberGoTbl_masksList{
	margin-bottom: 40px;
	font-size: 0.96em;
}

	#memberGoTbl_masksList a {
		text-decoration: none;
		color: #337ab7 !important
	}

#memberGoTbl_masksList tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}

#memberGoTbl_masksList thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}

#memberGoTbl_masksList tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
}

#memberGoTbl_masksList tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
	line-height: 130%;
}

#memberGoTbl_masksList tbody td:first-child{
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_masksList tbody td:nth-last-child(3) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_masksList tbody td:nth-last-child(2) {
	text-align: center !important;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

	#memberGoTbl_masksList tbody td:nth-last-child(1) {
		text-align: center;
		padding: 10px 10px 10px 10px;
		border: solid 1px #d9d9d9;
	}





#memberGoTbl_usersList{
	margin-bottom: 40px;
	font-size: 0.96em;
}

#memberGoTbl_usersList a{
	text-decoration: none;
	color: #6e6e6e;
}

#memberGoTbl_usersList tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}

#memberGoTbl_usersList thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}

#memberGoTbl_usersList tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
}

#memberGoTbl_usersList tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
	line-height: 130%;
}

#memberGoTbl_usersList tbody td:first-child{
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_usersList tbody td:nth-last-child(9) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_usersList tbody td:nth-last-child(8) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_usersList tbody td:nth-last-child(7) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_usersList tbody td:nth-last-child(6) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}


#memberGoTbl_usersList tbody td:nth-last-child(5) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_usersList tbody td:nth-last-child(4) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_usersList tbody td:nth-last-child(3) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_usersList tbody td:nth-last-child(2) {
	text-align: center !important;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_usersList tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	line-height: 200%;
}




/*.TBL_keysList {
	margin-bottom: 40px;
	font-size: 0.96em;
}
.TBL_keysList a {
	text-decoration: none;
	color: #6e6e6e;
}
.TBL_keysList thead th {
	text-align: center;
}
.TBL_keysList tbody th {
	font-weight: bold;
	text-align: center;
}
TBL_keysList tbody td {
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
	line-height: 130%;
}
.TBL_keysList tbody td:first-child {
	text-align: center;
}
.TBL_keysList tbody td:nth-last-child(2) {
	text-align: center !important;
}
.TBL_keysList tbody td:nth-last-child(1) {
	text-align: center;
}*/

.TBL_keysList a {
	color: #337ab7 !important;
}











/************************* ä»£ç¢¼åŠIPç¶å®šæœå‹™ Token and IP binder é é¢ ************************************
*----------------------------------------------------------------------------------------------------------*/

/* MemberGo - ä»£ç¢¼åŠIPç¶å®šæœå‹™ é é¢ - ç”¢ç”ŸTokenèˆ‡IPç¶å®š panel
*--------------------------------------------------------------*/

.tokenIPBiner .card {
	margin-bottom: 30px;
	border: 0;
  }
  
  .tokenIPBiner .card .card-header {
	border: 0;
	-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
			box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
	border-radius: 2px;
	padding: 0;
  }
  
  .tokenIPBiner .card .card-header .btn-header-link {
	color: #fff;
	display: block;
	text-align: left;
	background: #FFE472;
	color: #222;
	padding: 20px;
  }
  
  .tokenIPBiner .card .card-header .btn-header-link:after {
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: right;
  }
  
  .tokenIPBiner .card .card-header .btn-header-link.collapsed {
	background: #A541BB;
	color: #fff;
  }
  
  .tokenIPBiner .card .card-header .btn-header-link.collapsed:after {
	content: "\f106";
  }
  
  .tokenIPBiner .card .collapsing {
	background: #FFE472;
	line-height: 30px;
  }
  
  .tokenIPBiner .card .collapse {
	border: 0;
  }
  
  .tokenIPBiner .card .collapse.show {
	background: #FFE472;
	line-height: 30px;
	color: #222;
  }



.tokenIPBinerPanel{
	margin-top: 0px;
	margin-bottom: 50px !important;
	border: 1px solid #d9d9d9 !important;
	/* width: 99%; */
	box-shadow: 0px 1px 3px rgba(0,0,0,.15) !important;;
}

.tokenIPBinerPanel .panel-heading{
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	border-top-right-radius: 0px !important;
	display: block;
	padding: 0px !important;
	margin: 0px !important;
}

.tokenIPBinerPanel .panel-heading .panel-title{
	line-height: 100% !important;
}

.tokenIPBinerPanel .panel-heading .panel-title a{
	font-size: 16px;
	text-decoration: none;
	padding: 12px 15px 12px 15px;
	display: block;
	vertical-align: middle;
	color: #000;
}

.tokenIPBinerPanel .panel-heading .panel-title a:after{
    font-family: "Font Awesome 6 Free";
    content: "\f078";
    margin-left: 3px;
    font-size: 12px;
}

.tokenIPBinerPanel .panel-heading .panel-title a.collapsed:after {
    content: "\f077";
}

.tokenIPBinerPanel .panel-collapse .panel-body{
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

.tokenIPBinerPanel .instruction_tokenBind{
	/* padding-left: 0px !important; */
	/* padding-right: 0px !important; */
}


.tokenIPBinerPanel .form_tokenIPBind label{
	 /*margin-top: 5px !important;*/
} 

.tokenIPBinerPanel .form_tokenIPBind input[type="text"]{
	 /*margin-top: 5px !important;*/
} 

.tokenIPBinerPanel .form_tokenIPBind select{
	 /*margin-top: 5px !important;*/
} 

.tokenIPBinerPanel .form_tokenIPBind button{
 	/*margin-top: 5px !important;*/
 	/*width: 100% !important;*/
 	/*padding-left: 5px !important; */
 	/*padding-right: 5px !important;*/
}

.tokenIPBinerPanel .form_tokenIPBind a.active{
    background-color: #35a9e1 !important;

}

.message_tokenIPBind{
	margin-top: 10px;
	font-weight: bold;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 20px !important;
	font-size: 12px;
}

.buttonArea{
	margin-top: 40px;;
}

.form_tokenIPBindInModal label{
	padding-right: 0px !important;
} 

.tokenInModal{
	/* margin-left: 15px; */
	/* margin-right: 15px;  */
}

#tokenValue{
	white-space: normal;
	word-wrap: break-word;
}







/* MemberGo - ä»£ç¢¼åŠIPç¶å®šæœå‹™ é é¢ - tokenèˆ‡IPç¶å®šç´€éŒ„åˆ—è¡¨ table
*----------------------------------------------------------------*/

/* MemberGo - ä»£ç¢¼åŠIPç¶å®šæœå‹™ é é¢ - tokenèˆ‡IPç¶å®šç´€éŒ„åˆ—è¡¨ table è‡ªè¨‚ class = "table-striped_rowsapn"
*------------------------------------------------------------------------------------------------------*/
.table-striped_rowsapn tr:nth-child(4n+1){
    background-color: #f9f9f9;
}
.table-striped_rowsapn tr:nth-child(4n+2){
    background-color: #f9f9f9;
}





/* MemberGo - ä»£ç¢¼åŠIPç¶å®šæœå‹™ é é¢ - tokenèˆ‡IPç¶å®šç´€éŒ„åˆ—è¡¨ table
*------------------------------------------------------------------------*/

#memberGoTbl_tokenIPList{
	/* width: 99%; */
	margin-bottom: 40px;
}

#memberGoTbl_tokenIPList a{
	text-decoration: none;
	color: #1488e0;
	cursor: pointer;
}

#memberGoTbl_tokenIPList tbody tr:last-child{
	border-bottom: solid 1px #d9d9d9;
}

#memberGoTbl_tokenIPList thead th{
	font-size: 16px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 8px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}

#memberGoTbl_tokenIPList tbody th{
	font-size: 16px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 8px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}


#memberGoTbl_tokenIPList tbody td{
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: middle !important;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_tokenIPList .td_order{
	text-align: center;
	font-weight: bold;
	width: 5%;
}

#memberGoTbl_tokenIPList .td_title{
	font-weight: bold;
	text-align: center;
	/* width: 7%; */
	padding-left: 4px;
	padding-right: 4px;
}

#tokenTitle{
	width: 10%;
}
#ipTitle{
	width: 10%;
}
#userNameTitle{
	width: 10% ;
}
#userNameContent{
	width: 25%;
}
#dateTitle{
	width: 10%;
}
#dateContent{
	width: 25%;
}

#memberGoTbl_tokenIPList .td_content{
	text-align: left;
	/* padding: 6px 3px 6px 3px; */
	/* padding-left: 6px; */
}


#memberGoTbl_tokenIPList .td_contentExpDate{
	text-align: left;
	padding: 6px 3px 6px 3px;
	padding-left: 6px;
	/* width: 9%; */
}


#memberGoTbl_tokenIPList .td_delBtn{
	text-align: center;
	width: 10%;
	letter-spacing: 1px;
}

.btnDelTokenIP{
	font-size: 14px !important;
	padding: 3px 10px !important;
}

.input-group-copyToken{
	position: relative;
}

.copiedAlreadyText-copyToken{
	display: none;
	position: absolute;
    right: -57px;
    top: 2px;
    z-index: 3;
	color: #36c956;
	border: 1px solid #36c956;
    background-color: #fff;
    border-radius: 4px;
    padding: 2px 6px;
	font-size: 0.875rem;
}

.input-group-copyToken .input-group-append button{
	border-top-right-radius: 2px !important;
	border-bottom-right-radius: 2px !important;
}





/* MemberGo - APIé‡‘é‘°ç®¡ç†é é¢ - projectç®¡ç† table
*------------------------------------------------*/

.newBlock{
	padding: 0px 0px 20px 0px;
	text-align: right;
}

.newBlock img{
	height: 30px;
	margin-right: 3px;
}


#memberGoTbl_newProjec{
	width: 99%;
	/*margin-bottom: 80px;*/
	margin-bottom: 80px;
	font-size: 1em;
}

#memberGoTbl_newProjec a{
	text-decoration: none;
	color: #1488e0;
	cursor: pointer;
}

#memberGoTbl_newProjec tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}


#memberGoTbl_newProjec thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}


#memberGoTbl_newProjec tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_newProjec tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
}

#memberGoTbl_newProjec tbody td:first-child {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newProjec tbody td:nth-last-child(6) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newProjec tbody td:nth-last-child(5) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newProjec tbody td:nth-last-child(4) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newProjec tbody td:nth-last-child(3) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newProjec tbody td:nth-last-child(2) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newProjec tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}



#projectDisabled{
	color: #a0a0a0 !important;
}
#projectDisabled a{
	color: #a0a0a0 !important;
	pointer-events: none;
	cursor: not-allowed;
}




/* MemberGo - APIé‡‘é‘°ç®¡ç†é é¢ - å°ˆæ¡ˆç´°ç¯€ç®¡ç†(App) table 
*--------------------------------------------------------------------*/

.projectIdNumer{
	margin-bottom: 20px;
	font-size: 17px;
}

.projectIdNumer .form-inline{
	margin-bottom: 10px;
}

.projectIdNumer .form-inline input{
	margin-right: 20px;
}

.projectIdNumer label{
	font-weight: normal !important;
}

.projectIdNumer img{
	height: 30px;
	margin-right: 5px;
}


#memberGoTbl_app{
	/* width: 99%; */
	margin-bottom: 30px;
	/*margin-bottom: 115px;*/
	font-size: 0.875em;
}

#memberGoTbl_app a{
	text-decoration: none;
	color: #1488e0;
	cursor: pointer;
}

#memberGoTbl_app tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}


#memberGoTbl_app thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}


#memberGoTbl_app tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_app tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
}

#memberGoTbl_app tbody td:first-child {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	width: 5%;
}



/*#memberGoTbl_app tbody td:nth-last-child(7) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	width: 8%;
}

#memberGoTbl_app tbody td:nth-last-child(6) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_app tbody td:nth-last-child(5) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	width: 15%;
}*/

/*#memberGoTbl_app tbody td:nth-last-child(4) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	width: ;
}*/

#memberGoTbl_app tbody td:nth-last-child(3) {
	/*text-align: center;*/
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	width: 8%;
}

#memberGoTbl_app tbody td:nth-last-child(2) {
	/*text-align: center;*/
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	width: 72%;
}

#memberGoTbl_app tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border: solid 1px #d9d9d9;
	width: 15%;
}




.appNameAndSettingList{
	display: table;
	width: 100%;
	/*margin-right: -10px;   1206*/
	/*margin-left: -10px;    1206*/

}

.appNameAndSetting{
	display: table-row;
	width: 100%;
	/*padding: 5px 10px 5px 10px;  1206*/
}

.appNameStyle{   /*.appName -> .appNameStyle  1206*/
	display: table-cell;
	width: 60%;
	text-align: left;
	/*padding: 0px 10px 0px 10px;  1206*/
	vertical-align: middle !important; /*1206*/
}

.appSetting{
	/* display: table-cell; */
	/* width: 40%; */
	/* text-align: right; */
	/* padding: 0px 10px 0px 10px; */
}


.ahDropDownStyle{   /*#ahDropDown -> .ahDropDownStyle  1206*/
	/*display: table;*/
	/*background-color: #e9f2f4 !important;blue-grey-lighter*/
	background-color: #d0e1e6 !important;/*blue-grey-darker*/
	margin-top: 10px !important;
	margin-right: -10px !important;
	margin-left: -10px !important;
	margin-bottom: -10px !important;
}

/*
.ahList{
	display: table;
	font-size: 10px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-top: 1px solid #d9d9d9;
	background-color: #d0e1e6; 
}
*/

.ahListHead,.ahListDiv{
	display: table;
	font-size: 10px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	/*padding-bottom: 10px;*/
	border-top: 1px solid #d9d9d9;
	background-color: #d0e1e6; /*blue-grey-darker*/
	/*background-color: #e9f2f4; blue-grey-lighter*/
	/*background-color: #f3e4cf; orange-grey*/
}



.ahTitle{
	display: table-row;
	font-weight: 900;
	/*text-align: center;*/
	padding: 5px 10px 5px 10px;

}

.shaTitle{
	display: table-cell;
	font-weight: 900;
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 50%;
}

.shaTitle a i{
	color: #d9534f;
}

.remarkTitle{
	display: table-cell;
	font-weight: 900;
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 50%;
}

.delAhTitle{
	display: table-cell;
	padding: 5px 10px 5px 0px;
	/*width: 10%;*/
}

.ah{
	display: table-row;
	padding: 5px 10px 5px 10px;
	width: 100%;
}

.sha{
	display: table-cell;
	width: 55%;
	padding: 5px 10px 5px 10px;
}

.sha input[type="text"]{
	display: block;
	width: 100%;
	padding: 2px 2px;
	border: 1px solid #d9d9d9;
}

.delAh{
	display: table-cell;
	/*width: 10%;*/
	padding: 5px 10px 5px 0px;
}

.delAh a i{
	color: #d9534f;
}

.remark{
	display: table-cell;
	width: 45%;
	padding: 5px 10px 5px 10px;
}

.remark input[type="text"]{
	display: block;
	width: 100%;
	padding: 2px 2px;
	border: 1px solid #d9d9d9;
}

.ahBtn{
	/* margin: 3px; */
}

.ahBtn img{
	height: 13px;
	margin-right: 3px;
}


.newAhRow{
	display: table-row;

}

.newAh{
	display: table-cell;
	padding: 15px 10px 10px 10px;
	/*background-color: #ccc;*/
	width: 100%;

}

.newAh button{
	margin-right: 10px;
}

.apiKeyInModal{
	margin-left: 15px;
	margin-right: 15px; 
	position: relative;
}

#apiKeyValue{
	white-space: normal;
	word-wrap: break-word;
}

.copiedAlreadyText-copyApiKey{
	display: none;
	position: absolute;
    right: 0px;
    bottom: -37px;
    z-index: 3;
	color: #36c956;
	border: 1px solid #36c956;
    background-color: #fff;
    border-radius: 4px;
    padding: 2px 6px;
	font-size: 0.875rem;
}




/* MemberGo - APIé‡‘é‘°ç®¡ç†é é¢ - ahåˆ—è¡¨ table 
*--------------------------------------------------------------------*/


#memberGoTbl_ah{
	width: 99%;
	margin-bottom: 80px;
	/*margin-bottom: 115px;*/
	font-size: 1em;
}

#memberGoTbl_ah a{
	text-decoration: none;
	color: #1488e0;
	cursor: pointer;
}

#memberGoTbl_ah tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}


#memberGoTbl_ah thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}


#memberGoTbl_ah tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_app tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
}

#memberGoTbl_app tbody td button{
	padding: 0.125rem 0.25rem;
	font-size: 0.825rem;
}

#memberGoTbl_app tbody td.appSettingTD{
	vertical-align: top !important;
}

#memberGoTbl_ah tbody td:first-child {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_ah tbody td:nth-last-child(5) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_ah tbody td:nth-last-child(4) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_ah tbody td:nth-last-child(3) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_ah tbody td:nth-last-child(2) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_ah tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}












/* MemberGo - APIé‡‘é‘°ç®¡ç†é é¢ - app project table - Androidè©³ç´°è³‡è¨Š
*--------------------------------------------------------------------*/

.androidDetailImg{
    width: auto;
    height: 30px;
}


.andoridAdv{
	display: none;
	/*border: 1px solid #ccc;*/
	/*border-radius: 4px;*/
	/*padding: 10px 20px 10px 20px;*/
	margin-bottom: 40px;
}

.iOSAdv{
	display: none;
	margin-bottom: 40px;
}

.androidDetailTitle{
	margin-bottom: 20px;
	font-weight: bold;
}

.appDescription{
	font-size: 8px;
	color: red; /*#d9534f*/
	margin-top: 5px;
	margin-bottom: 30px;
}

.ahDescription{
	font-size: 8px;
	color: #d9534f;
	margin-top: 5px;
	margin-bottom: 0px;
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}






/* MemberGo - å•†å®¶éŠ€è¡Œç®¡ç†é é¢ - éŠ€è¡Œå¸³æˆ¶åˆ—è¡¨ table
*------------------------------------------------*/



#memberGoTbl_newBankAcc{
	width: 99%;
	/*margin-bottom: 80px;*/
	margin-bottom: 80px;
	font-size: 1em;
}

#memberGoTbl_newBankAcc a{
	text-decoration: none;
	color: #1488e0;
	cursor: pointer;
}

#memberGoTbl_newBankAcc tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}


#memberGoTbl_newBankAcc thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}


#memberGoTbl_newBankAcc tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_newBankAcc tbody th:first-child{
	border-left: solid 0.1px #d9d9d9;
}

#memberGoTbl_newBankAcc tbody th:last-child{
	border-right: solid 0.1px #d9d9d9;
}


#memberGoTbl_newBankAcc tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
}

#memberGoTbl_newBankAcc tbody td:first-child {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newBankAcc tbody td:nth-last-child(6) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newBankAcc tbody td:nth-last-child(5) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newBankAcc tbody td:nth-last-child(4) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newBankAcc tbody td:nth-last-child(3) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newBankAcc tbody td:nth-last-child(2) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_newBankAcc tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}



.chinaTrustAdv{
	display: none;
	/*border: 1px solid #ccc;*/
	/*border-radius: 4px;*/
	/*padding: 10px 20px 10px 20px;*/
	/*margin-bottom: 40px;*/
}

.taishinAdv{
	display: none;
	/*margin-bottom: 40px;*/
}




#memberGoTbl_bankAccDetail{
	font-size: 1em;
}

#memberGoTbl_bankAccDetail a{
	text-decoration: none;
	color: #1488e0;
	cursor: pointer;
}

#memberGoTbl_bankAccDetail tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}




#memberGoTbl_bankAccDetail tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_bankAccDetail tbody th:first-child{
	border-left: solid 0.1px #d9d9d9;
}

#memberGoTbl_bankAccDetail tbody th:last-child{
	border-right: solid 0.1px #d9d9d9;
}


#memberGoTbl_bankAccDetail tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
}

#memberGoTbl_bankAccDetail tbody td:first-child {
	text-align: right;
	border:solid 1px #d9d9d9;
	font-weight: 700;
	
}

#memberGoTbl_bankAccDetail tbody td:last-child {
	text-align: left;
	border:solid 1px #d9d9d9;
}


.fa_orange{
	color: #f0924e;
}

.fa_grey{
	color: #666666;
}

.fa_green{
	color: #5cb85c;
}

.fa_red{
	color: #d9534f;
}




.btn.historyBankAccBtn{
	display: inline-block;
	color: #ffffff;
	background-color: #818181;
	border: none;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.btn.historyBankAccBtn:hover{
	color: #ffffff;
	background-color: #636262;
	border: none; 
}
.btn.historyBankAccBtn:focus{
	color: #ffffff;
}




#formField_info_hist{
	margin-top: 10px;
	margin-bottom: 10px; 
	margin-left: 10px; 
	margin-right: 10px;
}

#formField_info_hist .form-inline .form-group{
	margin-right: 30px;
}


#memberGoTbl_bankAccHistory{
	width: 99%;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#memberGoTbl_bankAccHistory a{
	text-decoration: none;
	color: #1488e0;
}

#memberGoTbl_bankAccHistory tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}

/*#memberGoTbl_bankAccHistory thead th{
	padding-left:20px;
	color: #ffffff;
	font-size: 17px;
	border:none;
	vertical-align: middle;
	background-image: url("../../images/12/taipay/tableTitlebar.png")
}*/


#memberGoTbl_bankAccHistory thead th{
	font-size: 0.9em;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}

#memberGoTbl_bankAccHistory tbody th{
	font-size: 0.85em;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

/*#memberGoTbl_bankAccHistory tbody th:first-child{
	border-left: solid 0.1px #d9d9d9;
}

#memberGoTbl_bankAccHistory tbody th:last-child{
	border-right: solid 0.1px #d9d9d9;
}
*/
.no_history th{
	border-right: solid 0.1px #d9d9d9;
	border-left: solid 0.1px #d9d9d9;
}


#memberGoTbl_bankAccHistory tbody td{
	font-size: 0.85em;
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
}

#memberGoTbl_bankAccHistory tbody td:first-child {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}


#memberGoTbl_bankAccHistory tbody td:nth-last-child(8) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_bankAccHistory tbody td:nth-last-child(7) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}


#memberGoTbl_bankAccHistory tbody td:nth-last-child(6) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}


#memberGoTbl_bankAccHistory tbody td:nth-last-child(5) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}


#memberGoTbl_bankAccHistory tbody td:nth-last-child(4) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_bankAccHistory tbody td:nth-last-child(3) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_bankAccHistory tbody td:nth-last-child(2) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_bankAccHistory tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}





/* MemberGo - ä½¿ç”¨è€…ç®¡ç†é é¢ - ä½¿ç”¨è€…åˆ—è¡¨ table
*------------------------------------------------*/



#memberGoTbl_userList{
	width: 99%;
	margin-bottom: 40px;
	
}


#memberGoTbl_userList tbody tr:last-child{
	border-bottom:solid 1px #d9d9d9;
}


#memberGoTbl_userList thead th{
	font-size: 17px;
	border: none;
	vertical-align: middle;
	background: #e0e0e0 !important;
	background: linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -webkit-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -o-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	background: -moz-linear-gradient(45deg, #e0e0e0 0%, #e0e0e0 80%, #aaaaaa 80%, #aaaaaa 100%) !important;
	color: #000 !important;
	padding: 6px 15px  !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
}


#memberGoTbl_userList tbody th{
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle !important;
	background-color: 
}

#memberGoTbl_userList tbody th:first-child{
	border-left: solid 0.1px #d9d9d9;
}

#memberGoTbl_userList tbody th:last-child{
	border-right: solid 0.1px #d9d9d9;
}

#memberGoTbl_userList tbody td{
	padding: 10px 10px 10px 10px;
	vertical-align: middle !important;
	font-size: 0.875rem;
}

#memberGoTbl_userList tbody td:first-child {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_userList tbody td:nth-last-child(3) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_userList tbody td:nth-last-child(3) {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
	font-size: 0.9em;
}


#memberGoTbl_userList tbody td:nth-last-child(2) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}

#memberGoTbl_userList tbody td:nth-last-child(1) {
	text-align: center;
	padding: 10px 10px 10px 10px;
	border:solid 1px #d9d9d9;
}


#memberGoTbl_userList .checksquare{
	margin-top: 0px;
	margin-bottom: 0px;
}

#memberGoTbl_userList .checksquare div{
	/* padding-right: 0px !important; */
	/* padding-left: 0px !important; */
}

/*#memberGoTbl_userList .checksquare div i{
	color: #444;
	font-size: 0.7em;
}*/


#memberGoTbl_userList a{
	text-decoration: none;
	color: #1488e0;
	cursor: pointer;
}

#memberGoTbl_userList i.fa-square-xmark{
	color: #ea5962;
}
#memberGoTbl_userList i.fa-square-check{
	color: #36c956;
}

.form-check-tokenizationPlatform .form-check-input{
	margin-top: 10px;
}

.rowForformCheck{
	padding-left: 15px;
	padding-right: 15px;
}



















/*check box (check box æœ¬èº«)
-----------------------------*/

.checkboxArea{
	margin-bottom: 30px;
}

.checkboxItem{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px !important;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #f0924e;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -2px;
	left: 3px;
	color: #f0924e;
}





/*switch (bootstrap switch æ¨£å¼ - tinyç‰ˆ )
-----------------------------*/

.cusTinySwitch{
	text-align: center;
}

.cusTinySwitch .bootstrap-switch-container{
	height: 15px !important;
}

.cusTinySwitch .bootstrap-switch-container span{
	vertical-align: top !important;
	font-size: 10px !important;
	padding: 1px 3px !important;
	line-height: 1 !important;
}


#new-field-user .form-check-inline {
	display: inline-flex !important;
	margin-top: 0px;
}
#new-field-user .form-check-inline .form-check-label {
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 10px !important;
}
#new-field-user .control-labe {
	margin-right: 20px !important;
}


.bootstrap-select .dropdown-menu {
	margin-top: 0px;

}
.bootstrap-select.dropdown .dropdown-menu .dropdown-item {
	font-size: 0.825rem;
}

.bootstrap-select.permissionSelect .dropdown-menu {
	top: 40px !important;
	transform: unset !important;
}

#maskSettingsAdvID.show {
	display: block !important;
}

#recoverKeyForm.show {
	display: block !important;
}
.label-space {
	margin-right: 30px;
	line-height: 1.5 !important;
}

#adminStatus {
	margin-bottom: 10px;
}

.TBL_tokenVaultList a {
	color: #337ab7 !important;
}

.TBL_fieldList a {
	color: #337ab7 !important;
}


.TBL_licenseInfo tbody th {
	background: #4c6482;
	color: #fff;
	width: 15%;
}








