https://ideco-tanenkin-survey.jp/plugin_assets/00_npfa_business_data_models/stylesheets/plugins_basic.css (as of 2022-10-25)

plugins_basic.css

/*
1. COMMON
2. RESPONSE_STATUS_REFERENCE
3. RESPONSES
4. OFFICES
5. MASTER_DATA
6. USER_ADMINISTRATION
7. ADMINS_TOP
8. RECORD_FOR_AUDITING
*/
/*--------------------- 1. COMMON ---------------------*/
.lost_password{
  display: none;
}
.tabular p {
  padding-left: 90px;
}
.flex{
  display: flex;
}
.plugin-form {
  padding: 20px 30px;
}
.table-wrap{
  overflow-x: scroll;
  overflow-y: hidden;
  border: black 1px solid;
}
table.list{
  margin: -1px;
}
.pdl-10{
  padding-left: 10px;
}
table.list td{
  padding-left: 10px;
}
table, td, th{
  border-collapse: collapse;
  border: black 0.5px solid;
}
.outline {
  margin-bottom: 5px;
  padding: 10px;
}
.outline ul{
  list-style-type: none;
  padding-inline-start: 0px;
}
a.button {
  border-radius: 3px;
  border: #ccc 0.5px solid;
  font-size: 10pt;
  text-align: center;
  cursor: pointer;
  padding: 4px;
  background: #ffffff;
  color: #333;
  margin-right: 20px;
}
a.button:hover {
  transition: 0.5s;
  background: #dddddd;
  text-decoration: none;
}
.function-box{
  padding: 10px;
  margin-bottom: 5px;
}
.form-box{
  padding: 10px;
  margin-bottom: 5px;
}
.form-content{
  display: flex;
}
.form-content:last-of-type{
  margin-bottom: 10px;
}
.form-label{
  width: 10em;
  display: block;
  flex-shrink: 0;
}
.form-control{
  display: block;
  margin-right: auto;
  width: 20em;
}
.form-clear-button{
  height: 30px;
  border-radius: 3px;
  border: #ccc 0.5px solid;
  font-size: 10pt;
  text-align: center;
  cursor: pointer;
  padding: 4px;
  background: #ffffff;
  color: #333;
}
.form-clear-button:hover{
  transition: 0.1s;
  background: #dddddd;
  text-decoration: none;
}
.header-title{
  width: 50%;
  margin-top: 5px;
}
.header-title h1{
  display: inline;
  font-size: 1.6em;
}
#title-content{
  border: solid 1px ;
  padding: 5px;
  background-color:lightpink;
  color: red;
}
ul.top-menu-contents{
  display: flex;
  justify-content: space-between;
}
.info-left{
  width: 300px;
  overflow: wrap;
}
.info-right{
  margin-left: 30px;
}
#login-top-content{
  text-align: center;
  margin-top: 30px;
}
.icon-del, .author{
  display: none;
}
.icon-attachment:link{
  pointer-events: none;
}
.attachments td{
  border: 0;
}
.attachments table{
  border: 0;
}
/*--------------------- 2. RESPONSE_STATUS_REFERENCE ---------------------*/
table.response-table td:nth-of-type(3), table.response-table td:nth-of-type(6), table.response-table td:nth-of-type(7),table.response-table td:nth-of-type(9){
  white-space: nowrap;
}
.employee-search-form label{
  text-align: left;
  padding-left: 100px;
}
.edit-button{
  width: 45px;
  height: 30px;
  cursor: pointer;
}
.edit-button:hover{
  transition: 0.1s;
  background: #dddddd;
  text-decoration: none;
}
/*--------------------- 3. RESPONSES -------------------------------------*/
.until-ready{
  pointer-events: none;
}
.wait-mark{
  cursor: wait;
}
.answer-description{
  display: flex;
  justify-content: space-between;
}
.answer-description div:nth-of-type(1){
  margin-right: 1em;
}
.answer-description div:nth-of-type(2){
  margin-bottom: 1em;
  margin-right: 1em;
  flex-shrink: 0;
  align-self: flex-end;
}
.answer-description div:nth-of-type(3){
  flex-shrink: 0;
}
input.responses_button{
  padding: 0.7em 2.5em;
  display: inline-block;
  height: auto;
}
.code-description{
  margin-block-start: 0;
}
.pension-code{
  border: black 0.5px solid;
  padding: 0.1em 0.2em;
}
.pension-code + .pension-code{
  border-top: 0px;
}
.pension-code span{
  padding-right: 0.3em;
}
tr.response-answer-middle th, .response-answer-part-of-middle td.response-answer-middle,
.response-answer-part-of-middle th.response-answer-middle{
  text-align: center;
}

@media screen and (max-width: 899px) {
  .answer-description{
    flex-direction: column;
  }
  .outline .caution{
    display: inline-block;
    padding-left: 3em;
  }
}
.file-field{
  border: black 1px solid;
  padding: 1.5em;
  margin-bottom: 10px;
}
/*--------------------- 4. OFFICES ---------------------------------------*/
.navigation-box {
  padding: 10px;
}
.navigation-box > div:first-of-type{
  margin-bottom: 40px;
}
.navigation-info {
  display: flex;
  margin-bottom: 3px;
}
.navigation-info div:first-of-type{
  flex-shrink: 0;
  padding-right: 10px;
  width: 12em;
}
.navigation-info div:last-of-type{
  width: 100%;
}
.outline.navigation-outline ul{
  padding-inline-start: 15px;
  list-style-type: disc;
}
.navigation-button a.button{
  padding: 0.5em;
  width: 35%;
  display: inline-block;
}
.navigation-button{
  display: flex;
  align-content: flex-start;
}
.navigation-button a.button:last-child{
  font-size: 8pt;
}
.navigation-button a.button:first-child{
  border: rgb(52, 105, 85) 1px solid;
  background: #adddb4;
}
.navigation-button a.button:first-child:hover {
  transition: 0.5s;
  background: #86b49f;
  text-decoration: none;
}
.form-control.phone-number {
  width: 10em;
}
/*--------------------- 5. MASTER_DATA -----------------------------------*/
.target-period-label{
  display: inline-block;
  padding-right: 2em;
}
.target-period{
  display: inline-block;
}
.target-period input{
  width: initial;
}
table.export-table{
  overflow: initial;
}
table.export-table td:nth-of-type(1) {
  max-width: 30px;
}
table.export-table td:nth-of-type(2) {
  max-width: 200px;
}
table.export-table {
  max-width: 600px;
}
.list td.export-table-text-right{
  text-align: right;
}
.export-btn{
  width: 10em;
}
/*--------------------- 6. USER_ADMINISTRATION ---------------------------*/
table.office-search-form{
  overflow-x: scroll;
  overflow-y: scroll;
  word-break: break-all;
}
table.office-search-form th{
  width: 130px;
}
table.office-search-form th:nth-of-type(1){
  width: 50px;
}
table.office-search-form td{
  white-space: nowrap;
}
table.office-search-form td:nth-of-type(13){
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.office-search-form label{
  text-align: left;
  padding-left: 100px;
}
.admin-search-form label{
  text-align: left;
  padding-left: 100px;
}
.office-edit-form label{
  text-align: left;
  padding-left: 100px;
}
.user-edit-form label{
  text-align: left;
  padding-left: 100px;
}
/*--------------------- 7. ADMINS_TOP ------------------------------------*/
.admin-top-box{
  display: flex;
  padding-left: 1em;
}
.admin-top-box > *{
  margin-right: 2em;
}
.admin-top-box div{
  min-width: 10em;
}
.admin-top-box li{
  list-style-type: none;
  word-break: break-all;
}
.admin-top-box ul{
  margin-block-start: 0;
  padding-inline-start: initial;
}
.admin-top-column{
  display: inline-block;
  width: 10em;
}
/*--------------------- 8. RECORD_FOR_AUDITING ------------------------------------*/
table.log-table th:nth-of-type(6), table.log-table th:nth-of-type(7), table.log-table th:nth-of-type(8), table.log-table th:nth-of-type(9){
  width: 200px;
}
table.log-table td:nth-of-type(6), table.log-table td:nth-of-type(7), table.log-table td:nth-of-type(8), table.log-table td:nth-of-type(9){
  max-width: 200px;
  overflow-wrap: break-word;
}
.log-search-form label{
  text-align: left;
  padding-left: 100px;
}