body
{
 font-family:primeicons;
}
div.ttpcolumnBlockLayout
{
 word-break: break-word; 
 flex-grow: 1; 
 display: flex; 
 flex-direction: column; 
 margin-bottom: 0px;
 flex-wrap: wrap;
 margin: 0px;
 min-height: auto;
 padding: 8px;
 word-break: break-word;
}

div.ttpcolumnBlockLayout h1
{
 text-align: left; 
 background-color: rgba(38, 67, 255, 0.73); 
 box-shadow: 0px 0px 0px #000000; 
 text-shadow: 0px 0px 0px #000000; 
 border-radius: 0 0 0 0; 
 opacity: 1; 
 font-family: Helvetica; 
 color: var(--portalThemeColor7); 
 font-weight: 700; 
 font-size: medium; 
 padding: 8px;
}

div.ttp-sectionBlockLayout
{
 min-width: 300px; 
}

a.sitetitlelink:hover,a.sitetitlelink:focus
{
 text-decoration: none !important; 
}

a{
 font-size: small;
}


div.smallText p
{
 font-size: small;
 font-family: primeicons;
}

#boldText
{
 font-weight: bold;
 color: #ff0000;
}

button.back-button, #BasicBackButton, #PreviousButton
{
 font-weight: bold;
 font-size: small;
 width: 150px;
 height: 30px;
 background-color: rgba(69, 69, 69, 0.73);
 border-color: rgba(69, 69, 69, 0.73);
 border-style: solid;
 border-width: 1px;
 text-align: center;
 border-radius: 8px;
 color: var(--portalThemeColor7);
}

button.back-button:hover, button.menu-button:hover, button.main-button_entry:hover
{
 color: var(--bs-black);
 background-color: var(--portalThemeColor7);
 border-color: rgba(69, 69, 69, 0.73);
}

.container, div.table-flex
{
 padding: 0px;
 display: flex;
 flex-wrap: wrap;
}

#centerText {
 text-align: center;
}

#menuSignInButton {
 word-break: break-word;
 flex-grow: 1;
 display: flex;
 flex-direction: column;
 min-width: 280px;
 margin-bottom: 0px;
}

.main-button_entry, main-button {
 width: 40%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 15px;
}

.menuMarginLeft
{
 margin-left: 30px;
}

.cont
{
 max-width: 100%;
 height: 230px;
 border: 1px solid #000000;
}

.menuText
{
 text-align: left;
 position: static;
 padding: 0 0 0 0;
 top: 0px;
 font-size: small;
}

.menuCenterBold
{
 text-align: center;
 position: static;
 padding: 0 0 0 0;
 top: 15px;
 font-size: small;
 font-weight: bold;
}

.menuButtonStyle
{
 width: 40%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 15px;
 margin-top: 15px;
}

.errorRight
{
 text-align: right;
 position: static;
 padding: 0 0 0 0;
 top: 0px;
 font-size: small;
}

.errorColor
{
 color: #0000FF;
}

div.ttp-sectionBlockLayout-userpanel .ttp-columnBlockLayout-userid, div.ttp-sectionBlockLayout-userpanel .ttp-columnBlockLayout-signout
{
 width:50%;
}

div.ttpcolumnBlockLayout h2,div.ttpcolumnBlockLayout h3 {
 text-align: left; 
 background-color: rgba(147, 201, 255, 0.73); 
 box-shadow: 0px 0px 0px #000000; 
 text-shadow: 0px 0px 0px #000000; 
 border-radius: 0 0 0 0; 
 opacity: 1; 
 font-family: Helvetica; 
 color: var(--bs-black);
 font-weight: 700; 
 font-size: medium; 
 padding: 8px;
}

div.ttpcolumnBlockLayout .crmEntityFormView .validation-summary h2 {
    font-family: 'Yu Gothic UI', "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: unset;
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: normal;
    text-shadow: none;
}

.ttpcolumnBlockLayout p {
 margin-bottom: 0px;
}

input.normal-button {
 font-weight: bold;
 font-size: small;
 width: 150px;
 height: 30px;
 background-color: var(--portalThemeColor1);
 border-color: var(--portalThemeColor1);
 border-style: solid;
 border-width: 1px;
 text-align: center;
 border-radius: 8px;
 color: var(--portalThemeColor7);
}

input.normal-button:hover {
 color: var(--bs-black);
  background-color: var(--portalThemeColor7);
 border-color: var(--portalThemeColor1);
}

@media(max-width:400px) {
 #UpdateButton {
  margin-bottom: 10px;
 }
}

button.menu-button {
 font-weight:bold;
 font-size:medium;
 height:49px;
 background-color: var(--portalThemeColor1);
 border-color:var(--portalThemeColor1);
 border-style:solid;
 border-width:1px;
 text-align:center;
 border-radius:8px;
 color: var(--portalThemeColor7);
}

#menuCaution {
 text-align: left; 
 font-size: small; 
 color: red;
}

button.main-button_entry{
 font-weight:bold;
 font-size:large;
 height:79px;
 /*background-image:url(/main_button_entry.jpg);*/
 background-color: var(--portalThemeColor1);
 border-color:var(--portalThemeColor1);
 border-style:solid;
 border-width:1px;
 text-align:center;
 border-radius:30px;
 color: var(--portalThemeColor7);
}

/*button.main-button:hover,button.main-button_entry:hover {
 color: var(--portalThemeColor7);
 background-color: var(--portalThemeColor1);
 border-color:var(--portalThemeColor1);
}*/

button.main-button {
 font-weight:bold;
 font-size:medium;
 height:49px;
 /*background-image:url(/main_button.jpg);*/
 background-color: #729CDB;
 border-color:#729CDB;
 border-style:solid;
 border-width:1px;
 text-align:center;
 border-radius:8px;
}

#cr487_application_state {
 display: none;
}

@media (max-width: 767px) {
 h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle > span {
  /*font-size: 20px;*/
  font-size:18px;
  }
  
  #logoStyle {
  height:40px;
  margin-top:-10px;
  }

  button.menu-button, button.main-button_entry {
   min-height:49px;
   height: auto;
   word-break:normal;
  }
}

@media (max-width: 429px) {
  h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle > span {
    font-size: 16px;
  }

  #logoStyle {
  height:30px;
  margin-top:-10px;
  }
}

@media (max-width: 360px) {
  h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle > span {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
 #logoStyle {
  height:51px;
  margin-top:-10px;
 }
}

 #logoStyle {
  max-height:51px;
 }


@import url('https://content.powerapps.com/resource/powerappsportal/fonts/dancing-script/v24/400.css');

th.bg-color
{
background-color: rgba(147, 201, 255, 0.73);
}

div.border-flex
{
 flex-grow: 1;
 display: flex;
 flex-direction: column;
 min-width: 250px;
 word-break: break-word;
 border: solid rgba(147, 201, 255, 0.73);
 padding: 10px 0 10px 0;
}

.spacing-design {
 padding-left: 30px;
}

.line-spacing {
 line-height: 2.5rem;
}

[data-lang="ja"] .crmEntityFormView .cell div.table-info.required label::after {
    content: '必須';
    margin-left: 5px;
}

[data-lang="en-US"] .crmEntityFormView .cell div.table-info.required label::after {
    content: 'Required';
    margin-left: 5px;
}

[data-lang="ko-KR"] .crmEntityFormView .cell div.table-info.required label::after {
    content: '필수';
    margin-left: 5px;
}

[data-lang="zh-TW"] .crmEntityFormView .cell div.table-info.required label::after {
    content: '必要';
    margin-left: 5px;
}

[data-lang="zh-CN"] .crmEntityFormView .cell div.table-info.required label::after {
    content: '必填';
    margin-left: 5px;
}

.email-style {
 padding-top: 10px;
}

.stepform-style {
 margin-top: 21px;
}

.description, .file-name-container, .form-select, div.control input, div.table-info p
{
 font-size: small;
 font-family:primeicons;
}

#cr487_flg_of_deported_label, #cr487_flg_of_guilty_label, #cr487_flg_of_regulatory_goods_label
{
 background-color: #ffffff;
}

button.menu-button-no
{
 font-weight:bold;
 font-size:medium;
 height:49px;
 background-color: #f59fa0;
 border-color: #f59fa0;
 border-width:1px;
 border-radius:8px;
 color: var(--portalThemeColor7);
}

button.menu-button-no:hover
{
 color: var(--bs-black);
 background-color: var(--portalThemeColor7);
 border-color: rgb(252 101 144 / 0.73);
}

div.tab-column h3
{
 text-align: left; 
 background-color: rgba(147, 201, 255, 0.73); 
 box-shadow: 0px 0px 0px #000000; 
 text-shadow: 0px 0px 0px #000000; 
 border-radius: 0 0 0 0; 
 opacity: 1; 
 font-family: Helvetica; 
 color: var(--bs-black);
 font-weight: 700; 
 font-size: medium; 
 padding: 8px;
 margin-top: 0px;
}

input.btn_fileupload 
{
 font-size:bold;
 height:18px;
 width: auto;
 background-color: var(--portalThemeColor1);
 border-color: var(--portalThemeColor1);
 border-style: solid;
 border-width: 1px;
 text-align: center;
 border-radius: 4px;
 color: var(--portalThemeColor7);
}

.crmEntityFormView label
{
 margin-bottom: 4px;
}

#NextButton
{
 font-weight: bold;
 font-size: small;
 width: 150px;
 height: 30px;
 background-color: var(--portalThemeColor1);
 border-color: var(--portalThemeColor1);
 border-style: solid;
 border-width: 1px;
 text-align: center;
 border-radius: 8px;
 color: var(--portalThemeColor7);
}

#NextButton:hover,#PreviousButton:hover,#BasicBackButton:hover,input.btn_fileupload:hover,.btn-default:hover
{
 color: var(--bs-black);
 background-color: var(--portalThemeColor7);
 border-color: var(--portalThemeColor1);
}

#BasicBackButton
{
 left:5px;
}

.btn-default,.btn-for-delete
{
 color: var(--portalThemeColor7);
 background-color: var(--portalThemeColor1);
 border-color: var(--portalThemeColor1);
 width: 125px;
 border-radius: 0px;
}

.btn-default:focus {
 background-color:var(--portalThemeColor7) !important;
 color: var(--bs-black) !important;
 border-color: var(--portalThemeColor1) !important;
}

.list-group-item.active
{
 text-align: left;
 background-color: rgba(38, 67, 255, 0.73);
 box-shadow: 0px 0px 0px #000000;
 text-shadow: 0px 0px 0px #000000;
 border-radius: 0 0 0 0;
 opacity: 1;
 font-family: Helvetica;
 color: var(--portalThemeColor7);
 font-weight: 700;
 font-size: medium;
 padding: 8px;
}

.tab-title {
 display:none;
}

#passport-label::after {
 content: '';
}

.ttpRefReasonTable
{
 border-collapse: collapse;
 width: 96%;
 margin-left: auto;
 margin-right: auto;
 margin-top: 16px;
 margin-bottom: 16px;
}

.ttpRefReasonTable thead tr th
{
 overflow: hidden;
}

.ttpRefReasonTable .ttp-ui-state-default
{
 background: var(--portalThemeColor1);
 border: 1px solid var(--portalThemeColor1) !important;
 text-align: left;
 font-weight: bold;
 color: var(--portalThemeColor7);
}

.ttpRefReasonTable tbody tr td
{
 overflow: auto;
 border: 1px solid var(--portalThemeColor1) !important;
 margin: 0px;
 border-width: 1px;
 border-style: solid;
}

.ttp-ui-display-table .ttpRefReasonTable .ttp-ui-widget-content
{
 line-height: 15px;
 font-size: small;
 text-align: left;
}
.ttp-ui-column-title {
 width:100%;
 height:20px;
 padding:1px;
}

.row sectionBlockLayout text-start{
 display: flex;
 flex-wrap: wrap;
 margin: 0px;
 min-height: auto;
 padding: 8px;
}

.col-lg-12 columnBlockLayout{
 flex-grow: 1;
 display: flex;
 flex-direction: column;
 min-width: 250px;
 word-break: break-word;
}

#td_gridcell, .text-styling{
 width: 100%; 
 padding:1px;
}

.textarea {
 field-sizing: content;
 min-height: 3lh; 
 max-height: 18lh;
 padding-bottom: 0px !important;
}

.ttpDataTable .ttp-ui-state-default
{
 background: var(--portalThemeColor1);
 border: 1px solid var(--portalThemeColor1) !important;
 text-align: center;
 font-weight: bold;
 color: var(--portalThemeColor7);
}

.ttpDataTable tbody tr td
{
 overflow: hidden;
 border: inherit;
 border-width: 1px;
 border-style: solid;
}

.ttpDataTable tbody tr td a
{
 font-size: small;
}

.ttpDataTable .ttp-ui-datatable-even
{
 overflow: auto;
 border: 1px solid var(--portalThemeColor1) !important;
 margin: 0px;
}

.ttpDataTable .ttp-ui-datatable-odd
{
 overflow: auto;
 background: #f4f3ff;
 border: 1px solid var(--portalThemeColor1) !important;
 margin: 0px;
}

.ttp-ui-display-table .ttpDataTable .ttp-ui-widget-content
{
 line-height: 15px;
 font-size: small;
 text-align: center;
}

.ttp-ui-display-card .ttpDataTable .ttp-ui-widget-content
{
 line-height: 15px;
 font-size: small;
 text-align: left;
}

.ttp-ui-display-card .pagination .active>a
{
 width: auto;
 height: auto;
 border-radius: 50%;
 background-color: var(--portalThemeColor1) !important;
}

.ttp-ui-display-table .pagination .active>a
{
 width: auto;
 height: auto;
 border-radius: 50%;
 background-color: var(--portalThemeColor1) !important;
}

.ttp-ui-display-card .pagination a, .ttp-ui-display-table .pagination a
{
 width: auto;
 height: auto;
}

@media (max-width: 1199px) {
 div.ttp-ui-display-table {
  display: none;
 }
}

@media (min-width: 1200px) {
 div.ttp-ui-display-card {
  display: none;
 }
}

@media (max-width: 769px) {
 li.ttp-ui-pagebutton-nodisplay-max769 {
  display: none;
 }
}

.p-center {
 margin: auto auto;
}

.pagination {
 float:left; width:auto;
}

.p-number{
 float:left; 
 margin-top:29px; 
 margin-left:25px;
}

.no-data {
 margin: auto auto;
 align-content: center; 
 height: 300px;
}

.no-data-text {
 font-size:45px;
}

.control p {
 margin-bottom: 0px;
}

[aria-label="質問"] .text-muted {
    display: none;
}

[aria-label="Question"] .text-muted {
    display: none;
}

[aria-label="问题"] .text-muted {
    display: none;
}

[aria-label="問題"] .text-muted {
    display: none;
}

[aria-label="질문"] .text-muted {
    display: none;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1C0A6E;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  right: 0;
  z-index: 1000;
}
 
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
 
.dropdown-content a:hover {
  background-color: #1C0A6E;
   color:white;
 }
 
.crmEntityFormView fieldset {
 margin-bottom: 0px;
}

 
