body {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	color: #333;
}
/*
* Override Grid System
* ----------------------
*/
.row {
	margin-right: -8px;
    margin-left: -8px;
}
.col-m, .col-m-auto, .col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6,
.col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12, .col-m-auto {
	position: relative;
	width: 100%;
	padding-right: 8px;
	padding-left: 8px;
}
/*
* Login Screen
* ----------------------
*/
.login-container {
	height: 100vh;
}
.login-box {
	background-size: 435px, 660px;
	height: 100%;
}
.login-box .logo-naito {
	z-index: 1;
}
.login-box .login-form {
	padding: 30px 0px 0px 0px;
	position: relative;
	margin-top: 30px;
}
.login-box .login-form.step {
	position: relative;
}
.login-box .box-content-left {
	width: 100%;
	height: 100%;
	padding: 20px 24px 30px 24px;
}
.login-box .box-content-left .box{
    position: relative;
}
.login-box .btn-register {
	padding: 6px 25px;
	background-color: #AF0001;
	color: #FFFFFF;
}
.login-box-footer {
	display: none;
}
.login-form h2 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 1.5;
}
.login-form span {
	display: block;
}
.login-form .btn-login {
	width: 100%;
	height: 35px;
	display: initial;
	background-color: #AF0001;
	color: #FFFFFF;
}
.login-form .btn-login:hover {
	background-color: #c03839;
	border-color: #c03839;
}
.login-form .form-group:nth-of-type(1) {
	margin-bottom: 10px;
}
.login-form .form-group:nth-of-type(2),
.login-form .form-group:nth-of-type(3) {
	margin-bottom: 25px;
}
.login-form .form-group label {
	margin-bottom: 5px;
}
.login-form .form-group .input-group-login {
	margin-bottom: 10px;
}
.login-form .form-group input {
	height: 35px;
}
.login-form .form-group input:focus {
	border-color: #AF0001;
	outline: 0;
	box-shadow: none;
}
.login-form .form-group .input-group-login .btn {
	display: none;
}
.login-form-footer {
	text-align: center;
}
.login-form-footer a:first-child {
	display: block;
	margin-bottom: 25px;
}
.login-box .login-box-content .box-content-right{
	
	padding: 0px 24px 30px 24px;
}
.login-box .login-box-content .box-content-right.tooltip-m-accinfo{
	position: fixed;
	bottom: 0px;
	right: 0px;
}
.login-box .login-box-content .box-content-right.tooltip-m-accinfo .btn-open-info {
	border-radius: 50%;
	background-color: #6C0000;
	color: #FFFFFF;
	padding: 9px 12px;
}
.login-box .login-box-content .box-content-right.tooltip-m-accinfo .tooltip:hover .accinfo-tooltip-content{
	display: block;
	bottom: 40px;
	right: -10px;
	width: 90vw;
}
.accinfo-tooltip-content{
	padding: 5px 5px;
	border-radius: 4px;
	box-shadow: 0px 0px 15px 1px #AF0001;
	background: #FFFFFF;
	transition: bottom 0.9s ease-in-out;
	color: #555555;
	position: absolute;
	display: none;
	font-size: 12px !important;
}
.box-content-right .box:nth-of-type(2) {
	/*margin-bottom: 30px;*/
}
.box-content-right .box .box-header {
	font-size: 17px;
	color: #AF0001;
}
.box-content-right .box .box-header::before {
	content: '';
	border-left: 2px solid #AF0001;
	margin-right: 5px;
}
.step-group-large,
.step-group-title-large {
	display: flex;
	justify-content: center;
}
/*
* Index Screen
* ----------------------
*/
.left-index .box .box-body .list-item .btn {
	width: auto !important;
}
.flex-m-column {
	flex-direction: column;
}
.d-m-block {
	display: block !important;
}
.d-m-none {
	display: none !important;
}
/* Common */
.col-m {
	-ms-flex-preferred-size: 0;
	   flex-basis: 0;
	   -ms-flex-positive: 1;
	   flex-grow: 1;
	   max-width: 100%;
}

.col-m-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.col-m-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.col-m-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-m-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-m-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-m-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-m-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-m-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-m-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.col-m-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-m-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.col-m-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.col-m-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.order-m-1{
	order: 1;
}
.order-m-2{
	order: 2;
}
.order-m-3{
	order: 3;
}
.order-m-4{
	order: 4;
}
.only-pc {
	display: none !important;
}
.input-keyboard-password {
	width: 100%;
	height: 35px;
}
.bg-m-table-header-collapse {
	background: #EEEEEE !important;
}
/*
* Table Input
* ----------------------
*/
/* Table buy input */
.table-buy-input {
	width: 100%;
}
.table-buy-input tr td {
	padding: 5px;
}
.table-buy-input tr td:first-child {
	width: 30%;
}
.table-buy-input tr td:last-child {
	width: 70%;
}
/* Table sell input */
.table-sell-input {
	width: 100%;
}
.table-sell-input tr td {
	padding: 5px;
}
.table-sell-input tr td:first-child {
	width: 30%;
}
.table-sell-input tr td:last-child {
	width: 70%;
}
/* Table complete */
.table-complete tr td:first-child {
	width: 30%;
}
.table-complete tr td:last-child {
	width: 70%;
}
/* Table secondary input */
.table-secondary-input {
	width: 100%;
}
.table-secondary-input tr td {
	padding: 5px;
}
.table-secondary-input tr td:first-child {
	width: 30%;
}
.table-secondary-input tr td:last-child {
	width: 70%;
}
/* Table secondary input mobile-office */
.table-secondary-input tr.mobile-office td:last-child .btn-n-outline-secondary ,
.table-secondary-input tr.mobile-office td:last-child input.w-240px {
	width: 100%;
}
/* Table data */
.table-data thead {
	display: none;
}
.table-data tbody tr {
	display: table;
	border: 1px solid #C1C1C1;
	width: 100%;
}
.table-data tbody tr td {
	display: table-row;
	border-bottom: 1px solid #C1C1C1;
}
.table-data tbody tr:not(:first-child) {
	margin-top: 5px;
	border-top: 1px solid #C1C1C1;
}
.table-data tbody tr td .table-mobile-header {
	display: table-cell;
	background-color: #606C78;
	color: #FFFFFF;
	width: 30%;
	border-right: 1px solid #C1C1C1;
	padding: 5px;
	vertical-align: inherit;
}
.table-data tbody tr td .table-mobile-header .btn-collapse {
	padding: unset;
	position: absolute;
	right: 10px;
	color: #FFFFFF;
}
.table-data tbody tr td .table-mobile-content {
	display: table-cell;
	padding: 5px;
	width: 70%;
	vertical-align: inherit;
	text-align: left;
}
.table-data tbody tr td .table-mobile-content .button-table-mobile {
	display: flex;
	justify-content: center;
}
.table-data tbody tr td .table-mobile-content-total {
	padding: 5px;
	column-span: all;
	background-color: red;
}
.table-data tbody tr td .table-mobile-content .btn-collapse {
	float: right;
	color: #AF0001;
}
.table-data tbody tr td .table-mobile-content .btn-collapse:focus {
	box-shadow: none;
}
.table-data.table-history tbody tr td {
	display: table-cell;
	border-right: 1px solid #C1C1C1;
}
.table-data.table-history tbody tr {
	margin-top: 0px !important;
	display: table-row;
}
.table-data.table-product-info tbody tr {
	display: table-row;
	border-bottom: 1px solid #C1C1C1;
	width: 100%;
}
.table-data.table-product-info tbody tr td {
	display: table-cell;
	border-bottom: 1px solid #C1C1C1;
}
.table-data tbody tr td.cell-group {
	border-top: 2px solid #AF0001;
}
/* Table data pls */
.table-data-pls thead {
	display: none;
}
.table-data-pls tbody tr {
	display: table;
	border: 1px solid #C1C1C1;
	width: 100%;
}
.table-data-pls tbody tr td {
	display: table-row;
	border-bottom: 1px solid #C1C1C1;
}
.table-data-pls tbody tr td.cell-only-pc {
	display: none;
}
.table-data-pls tbody tr:not(:first-child) {
	margin-top: 5px;
	border-top: 1px solid #C1C1C1;
}
.table-data-pls tbody tr.header-row-sum-top {
	background-color: #FBF8E7;
	border-bottom: none;
}
.table-data-pls tbody tr.header-row-sum-top td {
	border-bottom: none;
}
.table-data-pls tbody tr.header-row-sum-top td div {
	padding: 5px;
	display: table-cell;
	text-align: center;
}
.table-data-pls tbody tr.row-data-sum-top,
.table-data-pls tbody tr.row-data-sum-day {
	margin-top: 0px;
}
.table-data-pls tbody tr.header-row-data-day {
	border-bottom: none;
	margin-top: 12px;
}
.table-data-pls tbody tr.header-row-data-day td {
	border-bottom: none;
}
.table-data-pls tbody tr.header-row-data-day + tr {
	margin-top: 0px;
}
.table-data-pls tbody tr.header-row-data-day td .table-mobile-header,
.table-data-pls tbody tr.header-row-data-day td .table-mobile-content {
	background-color: #AF0001;
	color: #FFFFFF;
}
.table-data-pls tbody tr.header-row-data-day td .table-mobile-content.text-center {
	text-align: center !important;
}
.table-data-pls tbody tr.row-data {
	margin-top: 0px;
	border-top: none;
}
.table-data-pls tbody tr.header-row-sum-day {
	background-color: #FEFADC;
	border-bottom: none;
	border-top: none;
	margin-top: 0px;
}
.table-data-pls tbody tr.header-row-sum-day td {
	border-bottom: none;
}
.table-data-pls tbody tr.header-row-sum-day td div {
	padding: 5px;
	display: table-cell;
	text-align: center;
}
.table-data-pls tbody tr.header-row-sum-bottom {
	background-color: #FFE6CC;
	border-bottom: none;
	margin-top: 12px;
}
.table-data-pls tbody tr.header-row-sum-bottom td {
	border-bottom: none;
}
.table-data-pls tbody tr.header-row-sum-bottom td div {
	padding: 5px;
	display: table-cell;
	text-align: center;
}
.table-data-pls tbody tr.row-data-sum-bottom {
	margin-top: 0px;
}
.table-data-pls tbody tr td .table-mobile-header {
	display: table-cell;
	background-color: #606C78;
	color: #FFFFFF;
	width: 30%;
	border-right: 1px solid #C1C1C1;
	padding: 5px;
	vertical-align: inherit;
}
.table-data-pls tbody tr td .table-mobile-content {
	display: table-cell;
	padding: 5px;
	width: 70%;
	border-right: 1px solid #C1C1C1;
	vertical-align: inherit;
	text-align: left !important;
}
.table-data-pls tbody tr.row-data-sum-top td:first-child() .table-mobile-header {
	width: 100%;
}
.table-data-pls tbody tr td .table-mobile-content .btn-collapse {
	float: right;
	color: #AF0001;
}
.table-data-pls tbody tr td .table-mobile-content .btn-collapse:focus {
	box-shadow: none;
}
.table-data-pls tbody tr td.header-m-table {
	display: table-cell;
	column-span: all;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.table-data-pls tbody tr td.header-m-table .table-mobile-content {
	display: block;
	width: 100%;
	padding: 0;
	border-right: none !important;
	text-align: center !important;
}
/* Table data history */
.table-data-history tbody tr.row-data-sum-day td .table-mobile-header {
	background-color: #6C0000;
}
.table-data-history tbody tr td.cell-only-pc {
	display: none;
}
.table-data.table-striped tbody tr.row-group {
	margin-top: 0px;
	border-bottom: 2px solid #AF0001;
	border-top: 0px;
}
.table-data.table-striped tbody tr td.row-group {
	border-bottom: 2px solid #AF0001;
}

.table-bg-home-popup {
	border: 1px solid #C1C1C1;
	background-color: #AF0001;
	color: #FFFFFF;
}
.table-bg-home-popup > div {
	padding: 5px;
	border-right: 1px solid #c1c1c1;
}
/* Table type 1 */
.table-type-1 {
	width: 100%;
}
/* Table inform */
.table-bordered.table-inform tbody tr:last-child td:last-child input {
	width: 200px;
	height: 50px;
}
/* Table finance*/
.border-solid-2px .finance-row:last-child {
	border-bottom: none;
 }
.finance-rowspan .finance-titlespan span {
	display: none;
}
.finance-rowspan .finance-contentspan {
	display: block;
}
.finance-mobile-rowspan {
	width: 100%;
	color: #FFFFFF;
    padding: 10px;
    display: block;
    text-align: center;
    vertical-align: middle;
	background-color: #606C78;
    border-bottom: 1px solid #C1C1C1;
}
.finance-row {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #C1C1C1;
}
.finance-row .finance-title {
	width: 110px;
	background-color: #606C78;
	color: #FFFFFF;	
	border-right: 1px solid #C1C1C1;
	
}
.finance-row .finance-title span {
	padding-left: 5px;
}
.finance-row .finance-content {
	width: calc(100% - 110px);
	padding: 5px;
}
/* Table account info reference*/
.table-acount-info-reference tr td {
	padding: 5px;
}

/* Common */
.position-m-absolute{
	position: absolute;
}
.float-m-right {
	float: right;
}
.bot-m-60px{
	bottom: 60px;
}
.left-m-80px {
	left: -80px !important;
}
.left-m-100px{
	left: -100px !important;
}
.pr-m-0{
	padding-right: 0px;
}
.pl-m-0{
	padding-left: 0px;
}
.pt-m-5px {
	padding-top: 5px;
}
.pt-m-2px {
	padding-top: 2px !important;
}
.pb-m-5px {
	padding-bottom: 5px;
}
.mt-m-16px{
	margin-top: 16px;
}
.mt-m-26px{
	margin-top: 26px;
}
.mt-m-12px{
	margin-top: 12px;
}
.mt-m-10px{
	margin-top: 10px;
}
.mt-m-5px{
	margin-top: 5px;
}
.ml-m-5px{
	margin-left: 5px;
}
.ml-m-8px{
	margin-left: 8px;
}
.ml-m-12px{
	margin-left: 12px;
}
.ml-m-10px{
	margin-left: 10px;
}
.ml-m-24px{
	margin-left: 24px;
}
.ml-m-28px{
	margin-left: 28px;
}
.mt-m-6px{
	margin-top: 6px !important;
}
.mb-m-5px {
	margin-bottom: 5px;
}

.w-m-100 {
	width: 100% !important;
}
.w-m-80 {
	width: 80%;
}
.w-m-45 {
	width: 45% !important;
}
.w-m-61px{
	width: 61px !important;
}
.w-m-64px {
	width: 64px !important;
}
.w-m-80px {
	width: 80px !important;
}
.min-w-m-61px {
	min-width: 61px;
}
.w-m-114px {
	width: 114px;
}
.w-m-140px {
	width: 140px;
}
.w-m-custom-100{
	width: calc(100% - 100px);
}

.bdr-m-b {
	border-bottom: 1px solid #AF0001;
}
.col-input {
	position: relative;
	flex: 0 0 100%;
	padding: 0 8px;
	max-width: 100%;
	word-break: break-all;
}
.col-iframe {
	position: relative;
	flex: 0 0 100%;
	padding: 0 8px;
	max-width: 100%;
	word-break: break-all;
}
.col-iframe .iframe-content {
	margin: 0 auto;
	text-align: center;
}
.image-computer {
	display: none;
}
.image-mobile img{
	display: block;
	margin: auto;
}
.icon-collapse-parent {
	color: #FFFFFF !important;
	background-color: #AF0001;
	display: inline-flex;
	padding: 5px;
	vertical-align: top;
    margin: 6px 8px;
	border-radius: 4px;
	min-width: auto !important;
	text-decoration: none;
}
.icon-collapse-parent:hover {
	text-decoration: none;
}
.header-m-table {
	background-color: #C1C1C1;
}
.scroll-hidden {
	height: 500px;
	overflow:scroll;
}
/* Text */
.text-sell,
.text-buy,
.text-give-money,
.text-get-money,
.text-dividend {
	margin: 0px -4px;
}
.align-self-m-start {
	align-self: start;
}
.align-items-m-center {
	align-items: center !important;
}
.align-items-m-top {
	align-items: top !important;
}
.text-m-center {
	text-align: center !important;
}
.text-m-right {
	text-align: right !important;
}
.text-m-left { 
	text-align: left !important;
}
.text-wspace-normal {
	white-space: normal;
}
/* Label */
.label-password-confirm {
	display: inherit;
	left: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
/* Display */
.d-m-flex{
	display: flex !important;
}
/*
* Component: Main Header
* ----------------------
*/
.main-header {
	display: none;
}
.wrapper.no-menu .header-wrapper .main-header.d-block {
	margin: 16px 0 16px 0;
}
/*
 * Component: Main Menu
 * ----------------------
 */
.main-menu .navbar {
	height: 54px;
	padding: 0px;
}
.main-menu .header-mobile {
	width: 100%;
	position: relative;
}
.main-menu .header-mobile .btn-bars {
	padding: 14px;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	color: #FFFFFF !important;
	float: right;
}
.main-menu .header-mobile .btn-bars:focus {
	outline: none;
}
.main-menu .header-mobile .btn-bars .flash {
	animation: flash 1s linear infinite;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.main-menu .header-mobile .menu-active {
	width: calc(100% - 110px);
	display: inline-block;
	text-align: center;
}
.main-menu .header-mobile .menu-active-text {
	color: #FFFFFF;
	font-size: 17px;
}
.main-menu .header-mobile .form-search-header {
	background-color: #FFFFFF;
	position: absolute;
	width: calc(100% - 16px);
	margin: 0px 8px;
	padding: 10px 8px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0px 2px 6px rgb(0, 0, 0, 0.5);
	display: none;
}
.main-menu .header-mobile .form-search-header > div > .btn-n-search {
	background-color: #AF0001;
	color: #FFFFFF;
	font-weight: bold;
	width: auto !important;
	white-space: nowrap;
	padding: 10px 12px;
}
.main-menu .navbar.navbar-expand-lg {
	background-color: #AF0001;
}
.main-menu .navbar.navbar-expand-lg .navbar-toggler {
	color: #FFFFFF;
	padding: 14px;
	text-decoration: none;
	display: inline-block;
}
.main-menu .navbar.navbar-expand-lg .fas {
	font-size: 24px;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse {
	display: block;
	position: absolute;
	top: 0;
	height: 100vh;
	width: 336px;
	right: -340px;
	box-shadow: 0px 4px 6px #000000;
	background-color: #FFFFFF;
	overflow: auto;
	z-index: 1031;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .header-menu-mobile {
	color: #FFFFFF;
	background-image: linear-gradient(to top, #7B0101 , #C64C4C);
	padding: 10px 12px;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .header-menu-mobile .btn.btn-close-menu-mobile {
	width: 100% !important;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .header-menu-mobile .profile-user {
	display: inline-block;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .header-menu-mobile .profile-user .user-name {
	font-size: 21px;
	margin: 0px;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .header-menu-mobile .btn-close-menu-mobile {
	height: 30px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 2px 15px !important;
	margin-bottom: 10px;
}


.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .header-menu-mobile .btn-log-out-mobile {
	height: 30px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 4px 15px !important;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .header-menu-mobile .btn-log-out-mobile i {
	font-size: 20px;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .header-menu-mobile .profile-user .user-name ~ p {
	margin: 0px;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse > .navbar-nav {
	padding: 16px 0;
	border-bottom: 1px solid #C1C1C1;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse > .navbar-nav .nav-item .nav-link {
	color: #555555;
	font-size: 17px;
	font-weight: bold;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse > .navbar-nav .nav-item .nav-link .btn-collapse {
	padding: 0px 10px;
	float: right;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse > .navbar-nav .nav-item.selected .nav-link .btn-collapse {
	color: #FFFFFF;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse > .navbar-nav .nav-item .nav-link .btn-collapse:focus {
	box-shadow: none;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .navbar-nav .nav-item.selected .nav-link {
	background-color: #AF0001;
	color: #FFFFFF;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse > .navbar-nav .nav-item .nav-link.nav-home {
	padding-left: 16px;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse > .navbar-nav .nav-item .nav-link:not(.nav-home) {
	padding-left: 51px;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu {
	display: none;
	padding-left: 68px;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item.selected .sub-menu {
	background-color: #F6F6F6;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li.dropdown-list-menu .list-sub-menu a,
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li.dropdown-list-sub-menu .list-sub-menu a {
	display: block;
	font-size: 13px;
    font-weight: bold;
    color: #6C0000;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li:last-child {
	padding-bottom: 20px;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > ul.dropdown-sub-menu > li.dropdown-list-sub-menu.only-mobile a {
	color: #6C0000;
    font-weight: bold;
    padding: 10px 0;
    display: block;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > ul.dropdown-sub-menu > li.dropdown-list-sub-menu.only-mobile > ul.dropdown-sub-menu {
	padding-left: 8px;
	margin-left: 5px;
	margin-bottom: 0;
	list-style: none;
	border-left: 1px solid #6C0000;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > ul.dropdown-sub-menu > li.dropdown-list-sub-menu.only-mobile > ul.dropdown-sub-menu a {
	color: #555555;
	font-weight: normal;
    padding: 8px 0;
    display: block;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > a {
	color: #6C0000;
	font-weight: bold;
	padding: 10px 0;
	display: block;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > a > .btn-collapse {
	color: #6C0000;
	padding: 0px 10px;
	float: right;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > a > .btn-collapse:focus {
	box-shadow: none;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > a > .btn-collapse i {
	font-size: 16px;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > ul.dropdown-sub-menu {
	padding-left: 8px;
	margin-left: 5px;
	margin-bottom: 0;
	list-style: none;
	border-left: 1px solid #6C0000;
	display: none;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li.selected {
	padding-bottom: 0px;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > ul.dropdown-sub-menu > li {
	padding: 8px 0;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-content > ul > li > ul.dropdown-sub-menu > li > a {
	color: #555555;
}
.main-menu .navbar.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .sub-menu .sub-menu-footer {
	display: none;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .footer-menu-mobile {
	padding: 16px 25px;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .footer-menu-mobile .btn {
	padding: 10px 0px !important;
	width: auto !important;
	display: inline-block;
}
.main-menu .navbar.navbar-expand-lg .collapse.navbar-collapse .footer-menu-mobile .btn i {
	font-size: 18px;
	margin-right: 8px;
}
.menu-backdrop {
	position: fixed;
	height: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.5;
	z-index: 1029;
	background-color: #000000;
}
/*
 * Component: Button
 * ----------------------
 */
.btn:not(.btn-n-circle):not(.btn-n-icon):not(.btn-collapse):not(.btn-number):not(.btn-n-outline-secondary):not(.btn-n-close):not(.btn-icon-circle):not(.btn-open-info):not(.btn-n-search):not(.btn-n-radio):not(.btn-n-detail-popup) {
	padding: 10px 12px;
	width: 25%;
}

.btn-n-order {
	padding: 17.5px 12px !important;
}

.btn:not(.btn-n-outline-secondary) {
	font-weight: bold !important;
}


.btn-n-icon {
	padding: 8px 12px;
}

.btn-n-icon i {
	font-size: 17px;
}

.btn-n-table {
	padding: 10px;
	width: 100%;
}
.btn-n-detail-popup {
	width: auto;
	white-space: nowrap;
	padding: 10px 12px;
	height: max-content;
}

.form-search .btn-n-search {
	width: auto;
	white-space: nowrap;
	padding: 10px 12px;
}

.form-search .search-input .btn-n-outline-secondary {
	padding-top: 8px;
	padding-bottom: 8px;
}

/*.form-search .search-input .input-group #radio-btn-buy.btn-group {
	width: 100%;
}
.form-search .search-input .input-group #radio-btn-buy.btn-group .btn-n-buy span:first-child{
	padding-top: 2px;
	display: inline-block;
}
.form-search .search-input .input-group #radio-btn-buy.btn-group .btn-n-buy span:last-child{
	padding-bottom: 2px;
	display: inline-block;
}*/
/* Dropdown */
.dropdown-menu.show,
.dropdown-menu.show a.dropdown-item  {
	width: 100%;
}

/*Naito Switcher Start*/
.naito-switch label div.naito-switch-prepend, 
.naito-switch label .naito-switch-switcher,
.naito-switch label .naito-switch-append {
		font-weight: bold;
}
/*Naito Switcher End*/

/* Form Search Start */
.form-search {
	flex-direction: column;
}
.form-search .search-date {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.form-search .search-date .input-group.date {
	width: 100% !important;
}
.form-search .search-date .input-group.date input.form-control.pull-right{
	height: 35px !important;
}
.form-search .search-date .input-group .input-group-addon {
	padding: 6px;
}
.form-search .search-date > .search-label {
	word-break: keep-all;
}
.form-search .search-date > .search-label:nth-of-type(1) {
	margin: 0 5px;
}
.form-search .search-date > .search-label:nth-of-type(2) {
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.search-label {
	margin-bottom: 5px;
}
.search-label:nth-of-type(2) {
	margin-top: 10px;
}
.search-input input {
	border-color: #C1C1C1;
	width: 100%;
	height: 35px;
}
.search-input .btn-n-outline-secondary {
	width: 100%;
}
.search-button {
	margin-top: 10px;
}
/* Form Search End */

/* Form Update Start */
.form-update{
	display: block;
}
.form-update .text-notice{
	display: block;
}
.form-update .form-update-group {
	align-items: center;
	display: flex;
}
.form-update .form-update-group a{
	margin-left: auto;
}
/* Form Update End */

/* List stock */
.chervon-toggle{
	text-align: center;
}
.chervon-toggle a {
	color: #AF0001 !important;
}
 /*
 * Component: Content
 * ----------------------
 */
 .content-wrapper {
	width: 100%;
	padding-top: 70px;
}
.content-nowrap{
	width: 100%;
	padding-top: 30px;
}
.content-m-wrapper {
	margin: 0 auto;
	min-height: calc(100vh - 32px);
	padding-bottom: 30px;
}
.content-header {
	padding: 0 0 5px 0;
	margin: 0 8px;
	display: flex;
	flex-direction: column;
}
.logo a {
	margin-left: 5px;
}
.content-header .header-name,
.content-header .header-info {
	display: block;
}
.content-header .header-info {
	margin-left: 0px;
}
.content-header div.step-group {
	display: flex;
	margin-bottom: 16px;
	align-items: center;
	justify-content: center;
}
.content-header div.step-group.text-right {
	margin: 0px;
}
.content-header span.step {
	background-color: #ffffff;
	border-radius: 50%;
	border: 1px solid #6c0000;
	color: #6c0000;
	display: inline-block;
	font-weight: bold;
	height: 32px;
	width: 32px;
	padding-top: 5px;
	text-align: center;
}
.content-header span.step.inactive{
	color: #ffffff;
	background-color: #c1c1c1;
	border: 1px solid #c1c1c1;
}

.content-header span.step.active{
	color: #ffffff;
	background-color: #6c0000;
}

.content-header span.hyphen {
	color: #6c0000;
	font-size: 20px;
    padding: 0px 5px;
}
span.hyphen.inactive{
	color: #c1c1c1;
}
.content {
	padding: 0 8px;
	margin-top: 16px;
}
.group-item {
	display: flex;
	flex-direction: column;
}

.box-exchange-password .email {
	padding-top: 120px;
}
 /*
 * Component: Footer
 * ----------------------
 */
.footer-content {
	margin: 0 auto;
	padding-left: 0px;
	font-size: 12px;
}
.main-footer-popup {
	width: 100%;
	bottom: 0px;
	background: white;
}
.main-footer-popup .footer-content div {
	padding-bottom: 16px;
}
/* Radio button group  START */
.input-group .btn-group.btn-group-radio .btn-n-radio  {
	height: 100%;
}

.input-group .btn-group.btn-group-radio.m {
	-ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
}

.input-group .btn-group.btn-group-radio.m .btn-n-radio {
	width: 100%;
	height: 100%;
	margin-left: 0;
}
.input-group .btn-group.btn-group-radio.m .btn-n-radio:not(:last-child) {
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group .btn-group.btn-group-radio.m .btn-n-radio:not(:first-child) {
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.input-group .btn-group.btn-group-radio.m .btn-n-radio:first-child {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.input-group .btn-group.btn-group-radio.m .btn-n-radio:last-child {
	border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.input-group .btn-group.btn-group-radio.m.custom {
	display: flex !important;
	flex-wrap: wrap !important;
	flex-direction: unset;
}
.input-group .btn-group.btn-group-radio.m.custom .btn-n-radio {
	
	width: 50%;
}

.input-group .btn-group.btn-group-radio.m.custom .btn-n-radio:nth-of-type(1) {
	border-bottom: 0px;
	border-right: 0px;
	border-top-right-radius: 0px;
}
.input-group .btn-group.btn-group-radio.m.custom .btn-n-radio:nth-of-type(2) {
	border-bottom: 0px;
	border-top-right-radius: 4px;
}
.input-group .btn-group.btn-group-radio.m.custom .btn-n-radio:nth-of-type(3) {
	border-right: 0px;
	border-bottom-left-radius: 4px;
}
.input-group .btn-group.btn-group-radio.m.custom .btn-n-radio:nth-of-type(4) {
	
	border-bottom-left-radius: 0px;
}
/* Radio button group  END */





/* Table margin balance reference */
.table-margin-balance-reference {
	/*border: 2px solid #AF0001;*/
}
.table-margin-balance-reference tbody {
	border: 2px solid #C1C1C1;
	display: block;
	margin-bottom: 10px;
}
.table-margin-balance-reference tbody:last-child {
	margin-bottom: 0px;
}
.table-margin-balance-reference tbody tr td.border-bottom-parent {
	border-bottom: 2px solid #C1C1C1 !important;
}
.table-margin-balance-reference tbody tr td .table-mobile-content {
	width: 30%;
}
.table-margin-balance-reference tbody tr.collapse-parent {
	width: auto;
	margin: 5px;
	border: 1px solid #C1C1C1;
}
.table-margin-balance-reference tbody tr.collapse-parent td {
	border-right: none;
}
.table-margin-balance-reference tbody tr.collapse-parent td:last-child {
	border-bottom: 0;
}
/* table book mac*/
.table-book-mac-row {
	display: flex;
	flex-direction: row;
}
.table-book-mac-row .table-book-mac-title {
	width: 40%;
	background-color: #606C78;
	color: #FFFFFF;
	border-right: 1px solid #C1C1C1;
	display: flex;
	align-items: center;
	padding: 10px 12px;
}
.table-book-mac-row .table-book-mac-content {
	padding: 5px 5px;
	display: block;
	width: 100%;
}
/*Temp CSS 25-5*/
.header-hidden-m {
	background: white !important;
	border-right: 0px !important;
}

.table-mobile-content.button {
	padding-left: 42px !important;
}
.table-mobile-content.button a{
	width: 60px !important;
}
.unit-m-right {
	position: absolute;
	right: 0;
}

/* Accinfo base info reference */
.box-body.accinfo-base{
	border: 2px solid #C1C1C1;
}
.col-m-header{
	max-width: 90px;
	border-bottom: 1px solid #C1C1C1;
	padding-left: 0;
	margin-left: 8px;
}
.col-m-header .td-m-header{
	background: #606C78;
	color: white;
	min-height: 42px;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 5px;
}

.col-m-content {
	/* TODO  */
	border-bottom: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	padding-right: 0px;
	padding-left: 0px;
	
}
.col-m-content .td-m-content{
	display: flex;
	height: 100%;
	align-items: center;
}
.col-m-content .td-m-content.parent {
	display: block;
	padding: 5px 8px 5px 0px;
}
.col-m-content .td-m-content.parent .box-body {
	margin: 0;
	padding: 0;
	border: 1px solid #C1C1C1;
}
.col-m-content .td-m-content.parent .col-m-content {
	margin-right: 8px;
	border-right: 0px;
}
.col-m-button {
	/* TODO */
	padding-right: 0px;
	padding-left: 0px;
	
}
.col-m-button .td-m-button {

	display: flex;
	height: 100%;
	align-items: center;
	border-bottom: 1px solid #C1C1C1;

}
.col-m-button .td-m-button a{
	
}
.col-m-button .td-m-button .btn.btn-n-buy.btn-reference{
	width: 100px !important;
}

.mr-m-8{
	margin-right: 8px;
}
.mr-m-auto {
	margin: auto;
=======
}
/* Comment_002_217 */
.group-report-exchange{
	display: inline;
    line-height: 31px;
    text-align: center;
	border: 1px soili
}
.item-report-exchange:first-child {
	border-bottom: 0px;
}
.border-note {
	padding-top: 5px;
	border-top: 1px dashed #C1C1C1;
}
/* Toolteip like model start*/
.question-modal-tooltip-box .question-modal-tooltip-box-backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.5;
	z-index: 1071;
	background-color: #000000;
}
.question-modal-tooltip-box .question-modal-tooltip {
	position: fixed;
	bottom: 90px;
	right: 15px;
	margin-right: 20px;
}
.question-modal-tooltip-box .question-modal-tooltip .btn-open-info {
	border-radius: 50%;
	background-color: #6C0000;
	color: #FFFFFF;
	padding: 9px 12px;
}
.question-modal-tooltip-box .question-modal-tooltip-content-box {
	position: fixed;
	background-color: #FFFFFF;
	z-index: 9999;
	width: 360px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.question-modal-tooltip-box .question-modal-tooltip-content-box .question-modal-tooltip-content {
	margin:0 10px;
}
.question-modal-tooltip-content-box .question-modal-tooltip-content{
	padding-top: 20px;
}
.question-modal-tooltip-content-box .question-modal-tooltip-content-btn-close {
	margin-top: 10px;
}
.question-modal-tooltip-content-box .question-modal-tooltip-content-btn-close .btn-close-menu {
	color: #AF0001;
	float: right;
}

/* Toolteip like model end*/



/* Css rules for Table trading power (screen No.12) start*/
.table-trading-power tbody {
	border: 2px solid #C1C1C1;
	display: block;
	margin-bottom: 10px;
}

.table-trading-power tbody tr:not(:first-child) {
	width: calc(100% - 10px);
	margin: 5px;
}

.table-trading-power tbody tr td.header-m-table {
	border-top: 1px solid #C1C1C1;
}
/* Css rules for Table trading power end*/