.user {
    margin-top: 1.5vh;
    width: 100%;
}

.user_table {
    width: 100%;
}

.user_table th {
    padding: 0.25rem 1rem;
    font-size:2vh;
    text-align: left;
}

.user_table td {
    padding: 0.25rem 1rem 0.25rem 0;
    text-align: left;
}

.textbox {
    width: 100%;
    text-align: left;
    height:4vh;
    border: 2px solid rgb(127,127,127);
    font-size:2vh;
    padding: 0 1rem;
}

.exchange_menu{
    margin-top:3vh; 
    width:100%; 
    float:right; 
    overflow-x:hidden;
}

.nav-tabs .nav-link {
    font-size:2vh;
    display: block;
    padding: .9rem 1.6rem;
    background-color: rgb(127,127,127) !important;
    color: rgb(255, 255, 255);
    border: rgba(154, 12, 45, 0.699);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.nav-tabs .active {
    background-color: rgb(154,12,44)!important;
    color: white!important;
}

.nav-tabs .nav-link:not(.active):hover {
    background-color: rgb(80, 80, 80) !important;
    color: rgb(255, 255, 255);
}

.selectbox {
    border: 2px solid rgb(127,127,127);
}

.result {
    width: 100%;
    text-align: center;
}

.result .img {
    height: 8vh;
}

.title {
    font-size: 2.5vh !important;;
    font-weight: bold;
}

.app_btn {
    border: 0px;
	background-color: rgb(154,12,44);
	color:white;
	font-weight:bold;
	font-size: 2vh;
}
.app_btn:hover {
	background-color: rgba(154, 12, 45, 0.699);
	color:white;
	font-weight:bold;
}
.app_btn:disabled {
	background: gray;
}
.app_btn:disabled:hover {
	background: gray;
}

.modal-content {
    width: 80vw;
    height: 76vh;
}

.modal-title {
    font-size: 2.5vh;
}

.content_html {
    height: 100%;
    width: 100%;
    zoom:200%;
}

.tui-grid-cell-content {
    font-size: 1.5vh;
}