html {
  background: #fff;
  font-size: 100%;
}

html body {
  background-color: #1BA89B;
  font-size: 1em;
  line-height: 1.75;
}

html body .login-logo {
  padding-top: 15px;
}

html body header {
  display: flex;
}

html body header .wrap .nav-area .nav-area-sub ul {
  margin-bottom: 0;
}

html body header .wrap .nav-area .nav-area-sub ul li {
  font-size: 1.5em;
}

html body header .wrap .nav-area .nav-area-sub ul li.logout a {
  font-size: 0.6em;
}

html body .drawer-hamburger:focus {
  outline: transparent;
}

html body #hmenu-wrap .nav-area-gnavi .profile-area .profile-wrap {
  padding: 0.6em;
}

html body #hmenu-wrap .nav-area-gnavi .profile-area .profile-wrap figure {
  margin: 0;
}

html body #hmenu-wrap .nav-area-gnavi .profile-area .profile-wrap .profile .department {
  font-size: 0.8rem;
}

html body #hmenu-wrap .nav-area-gnavi .profile-area .profile-wrap .profile .name {
  font-size: 1rem;
}

html body #hmenu-wrap .nav-area-gnavi .profile-area .profile-wrap .profile .set {
  font-size: 1.2rem;
}

html body #hmenu-wrap .nav-area-gnavi ul li {
  font-size: 0.8rem;
}

html body #hmenu-wrap .nav-area-gnavi ul li.evaluation-system a::before {
  content: '\F15C';
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  width: 30px;
  font-size: 1.2rem;
}

html body #hmenu-wrap .nav-area-gnavi ul li.mypage a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.mypage .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.goal-ready a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.goal-ready .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.goal-management a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.goal-management .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.goal-evaluation a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.goal-evaluation .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.final-evaluation a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.final-evaluation .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.assess a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.assess .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.staff a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.staff .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.skill a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.skill .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.print a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.print .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.setup a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.setup .toggle::before,
html body #hmenu-wrap .nav-area-gnavi ul li.help a::before,
html body #hmenu-wrap .nav-area-gnavi ul li.help .toggle::before {
  font-size: 1.2rem;
  margin-bottom: 0rem;
}

html body #hmenu-wrap .nav-area-gnavi ul li p.toggle {
  margin-bottom: 0rem;
}

html body #hmenu-wrap .nav-area-gnavi ul li ul li {
  font-size: 0.8rem;
}

html body #hmenu-wrap .nav-area-gnavi ul li.active {
  background: #1A727B;
}

html body main {
  margin-top: 0 !important;
  padding-top: 70px;
}

html body main #content .title-h01 {
  font-size: 1.5em;
}

html body main #content .title-h01 a.guide {
  color: #fff;
}

html body main #content .title-h02 {
  font-size: 1.2em;
}

html body main #content .form-control,
html body main #content table {
  font-size: 0.9em;
}

html body footer #page_top {
  font-size: 0.8rem;
}

html body footer .f-navi-area .wrap .copyright {
  font-size: 0.7rem;
}

html body p {
  margin-bottom: 0;
}

html body table.dataTable td.dataTables_empty {
  text-align: left;
}

.w-5 {
  width: 5%;
}

.w-7 {
  width: 7%;
}

.w-8 {
  width: 8%;
}

.w-10 {
  width: 10%;
}

.w-13 {
  width: 13%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-55 {
  width: 55%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.is-invalid {
  border-color: #dc3545;
}

.button {
  color: #fff !important;
  padding: 5px 20px;
}

.buttons-list .button {
  height: 2.3rem;
  margin: 5px 5px;
}

th {
  text-align: center;
}

table.table {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 1rem !important;
}

table.table td {
  vertical-align: middle;
}

.error {
  color: #dc3545;
}

.title-name {
  padding: 20px 0;
}

.title-name h3 {
  font-size: 1.2rem !important;
  background: #00519F;
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
}

.hidden {
  display: none;
}

.table-import {
  width: 100%;
  overflow: auto;
}

.import {
  margin-top: 10px;
}

.card-table .dropdown {
  position: relative;
  display: inline-block;
}

.card-table .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.card-table .dropdown-content span {
  padding: 5px 16px;
  text-decoration: none;
  display: block;
}

.card-table .dropdown:hover .dropdown-content {
  display: block;
}

.button-status {
  width: 80px;
}

.table-objective .data-objective td,
.table-objective .add-wrapper td {
  border: none;
}

.table-objective .data-objective .choose-user,
.table-objective .data-objective .info-user,
.table-objective .add-wrapper .choose-user,
.table-objective .add-wrapper .info-user {
  border-right: 1px solid #dee2e6;
}

.btn-common {
  text-decoration: none;
  background: #00519F;
  border: 1px solid #00519F;
  border-radius: 0.3em;
}

.btn-search {
  text-decoration: none;
  background-color: #f35c05fa;
  border: 1px solid #f35c05fa;
  border-radius: 0.3em;
  color: #fff;
}

.btn-save-data {
  text-decoration: none;
  background: #00519F;
  border: 1px solid #00519F;
  border-radius: 0.3em;
  color: #fff;
}

.btn-export,
.btn-import,
.btn-list {
  color: #fff;
  background: #00519F;
  border: 1px solid #00519F;
}

.btn-export:hover,
.btn-import:hover {
  color: #fff;
}

.btn-save-data:hover {
  color: #fff;
}

.btn {
  box-shadow: none;
}

.tab-btn {
  margin-left: 10px;
  padding: 10px;
  font-weight: bold;
  box-shadow: 0 0 1px #ccc;
  border-top: 1px solid #CDD6DD !important;
  border-left: 1px solid #CDD6DD !important;
  border-right: 1px solid #CDD6DD !important;
  border-radius: 0.4em 0.4em 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  cursor: pointer;
  color: #212529;
}

.tab-btn.active {
  color: #fff !important;
  background: #007bff !important;
}

table thead {
  background-color: #1A727B;
  color: #fff;
}

.card-preparation {
  position: relative;
}

.card-preparation .link-template {
  position: absolute;
  right: 20px;
  top: 30px;
}

.title {
  background-color: #1A727B;
  color: #fff;
  font-size: 1.2em;
}

.title i {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
  cursor: pointer;
}

.input-year {
  margin-top: 1em;
  margin-bottom: 1em;
}

.card-objective-evaluation {
  margin-top: 1em;
  padding: 1.25rem 0;
}

.card-objective-evaluation .nav-tabs {
  float: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  border-bottom: none;
}

.card-objective-evaluation .tab-content {
  margin-top: 4em;
}

.card-objective-evaluation .tab-content .table {
  margin-top: 0 !important;
}

.card-meeting span.content,
.card-meeting span.comment,
.card-meeting span.private_message {
  white-space: pre;
}

.all-objective {
  margin-top: 2.5em;
}

.image-user {
  width: 4rem !important;
  border: 1px solid #CED4DB;
  height: 4rem !important;
  border-radius: 50%;
  overflow: hidden;
}

.card-comment {
  padding: 10px !important;
}

.block-group-name {
  margin-top: 25px;
}

.block-group-name .info-group {
  font-size: 0.9em;
}

.block-group-name .info-name {
  font-size: 1.4em;
}

.datepicker td,
.datepicker th {
  padding: 5px 8px;
}

.card-comments {
  background-color: #fff;
}

.btn-black {
  background-color: #000 !important;
}

#comment .user-comment-img {
  width: 100% !important;
}

.modal-show-memo {
  top: 20%;
}

@media (min-width: 768px) {
  .modal-show-memo .modal-dialog {
    min-width: 600px;
  }

  main > #content {
    margin-left: 15px;
    width: calc(100% - 30px);
  }
}

.drawer-open main #content .form-btn-area,
.drawer-open footer #content .form-btn-area {
  width: calc(100% - 280px);
}

.drawer-close main #content .form-btn-area,
.drawer-close footer #content .form-btn-area {
  width: 100%;
}

.form-btn-area {
  padding: 0.5em !important;
  background: rgba(19, 36, 48, 0.9);
  width: 100%;
  max-width: inherit !important;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1001;
}

.form-btn-area .form-btn-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
}

.form-btn-area .form-btn-list li:nth-child(n + 2) {
  margin: 0 0 0 0.5em !important;
}

.form-btn-area .form-btn-list li.btn {
  box-shadow: none;
}

@media (max-width: 1024px) {
  .form-btn-area {
    width: 100%;
  }

  .drawer-open main #content .form-btn-area,
  .drawer-open footer #content .form-btn-area {
    width: 100%;
  }

  .drawer-close main #content .form-btn-area,
  .drawer-close footer #content .form-btn-area {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .form-btn-area .form-btn-list {
    justify-content: center;
  }
}

.form-btn-area .form-btn-list .btn {
  box-shadow: none;
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.4;
  border-radius: 0.3em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  padding: 0;
}

.btn.w120 {
  width: 120px;
}

.btn.w130 {
  width: 130px;
}

.btn.w155 {
  width: 155px;
}

.btn.w125 {
  width: 125px;
}

.btn.white {
  color: #333;
  background: #fff;
}

.form-btn-area .form-btn-list .btn button {
  cursor: pointer;
  width: 100%;
  padding: 0.8em;
}

.form-btn-area .form-btn-list .btn[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
}

.form-btn-area .form-btn-list .btn[disabled] button {
  pointer-events: none;
}

.form-btn-area .form-btn-list .btn.white button {
  color: #333;
  background: #fff;
  border: none;
}

.form-btn-area .form-btn-list li:nth-child(n+2) {
  margin: 0 0 0 0.5em !important;
}

.btn.green button {
  color: #fff;
  background: #0B9214;
  border: 1px solid #0B9214;
}

.btn.gray button {
  color: #000000;
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
}

.btn.orange button {
  color: #FFFFFF;
  background: #D15544;
  border: 1px solid #D15544;
}

.btn.dark-blue button {
  color: #fff;
  background: #00519F;
  border: 1px solid #00519F;
}

.form-btn-list .btn {
  box-shadow: none;
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.4;
  border-radius: 0.3em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  padding: 0;
}

.form-btn-list .btn button {
  cursor: pointer;
  width: 100%;
  padding: 0.8em;
}

.form-btn-list li {
  margin: 0 0 0 0.5em !important;
}

.form-btn-area .form-btn-list .btn.orange button {
  color: #fff;
  background: #D15544;
  border: 1px solid #D15544;
}

.form-btn-area .form-btn-list .btn.dark-blue button {
  color: #fff;
  background: #00519F;
  border: 1px solid #00519F;
}

.interview .interview-content {
  height: 450px;
}

.interview p {
  word-break: break-all;
}

.comment .interview-comment {
  height: 528px;
}

.comment p {
  word-break: break-all;
}

p#interview-comment-text {
  width: auto !important;
}

.table-bordered thead th {
  padding: .25rem;
  white-space: nowrap;
}

.table-bordered tbody td {
  padding: .55rem;
}

.datepicker-days table thead {
  background-color: #fff !important;
  color: #000 !important;
}

.template-menu {
  margin: 0px !important;
}

.template-menu li {
  width: 50%;
}

@media only screen and (min-device-width: 575px) and (max-device-width: 1024px) {
  .template-menu li {
    width: 100%;
  }
}

.tab-menu-temp {
  font-size: 0.9em;
  color: #000;
  font-weight: bold;
  box-shadow: 0 0 1px #ccc;
  border-top: 1px solid #CDD6DD !important;
  border-left: 1px solid #CDD6DD !important;
  border-right: 1px solid #CDD6DD !important;
  border-radius: 0.4em 0.4em 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.tab-menu-temp:hover {
  color: #000;
}

.tab-menu-temp.active {
  color: #fff !important;
  background: #1A727B !important;
}

.DTFC_LeftBodyLiner {
  overflow: hidden;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  border-bottom: none !important;
}

.table.dataTable thead th {
  border-bottom: none !important;
}

.txt.comment-content {
  word-break: break-all;
}

#hmenu-wrap .nav-area-gnavi > ul li.goal-management .toggle::after {
  content: '';
  border: solid;
  border-width: 2px 2px 0 0;
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  top: calc(50% - 0.4em);
  right: 15px;
  transform: rotate(135deg);
}

#hmenu-wrap .nav-area-gnavi > ul li.goal-management .toggle::before {
  content: '\F03A';
}

.button-back {
  display: inline-block;
  float: right;
  color: #fff;
  font-size: 0.7em;
  margin-top: 0.3em;
}

.button-back:visited,
a.button-back:hover {
  color: #fff;
}

.month-text {
  font-weight: normal !important;
}

.select2-form-control .select2 {
  font-size: 0.9em;
  max-width: 100%;
}

.select2-form-control .select2 li.select2-selection__choice {
  color: #000 !important;
}

li.select2-results__option {
  font-size: 0.9em;
}

@media (max-width: 767px) {
  .select2-form-control .select2 {
    margin-bottom: 1rem;
  }
}

a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

.swal-text {
  text-align: center;
}

button:focus {
  outline: none;
}

button:hover {
  opacity: 0.8;
}

button.swal-button:hover {
  opacity: 1;
}

.swal-button--cancel {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.swal-button.swal-button--cancel:not([disabled]):hover {
  background-color: #5a6268;
  border-color: #545b62;
}

.swal-button--confirm {
  background: #00519F;
  border: 1px solid #00519F;
  border-radius: 0.3em;
  color: #fff;
}

.swal-button.swal-button--confirm:not([disabled]):hover {
  background-color: rgba(0, 81, 159, 0.8);
}

.swal-button:focus {
  outline: none;
  box-shadow: none;
}

.readonly-wrap input,
.readonly-wrap textarea,
.readonly-wrap select {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #e9ecef;
}

.readonly-wrap .delete-objective,
.readonly-wrap .add-objective {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

#modal-choose-skill-map {
  max-width: 100%;
}

#modal-choose-skill-map .modal-dialog {
  max-width: 480px;
}

#modal-choose-skill-map .modal-header {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  background-color: #e2efda;
}

#modal-choose-skill-map a.btn-close {
  color: #007bff;
  cursor: pointer;
}

#modal-choose-skill-map .modal-body {
  padding: 2em 2em 1.5em;
}

#modal-choose-skill-map .form-group {
  display: flex;
  align-items: center;
}

#modal-choose-skill-map .form-group > div {
  margin-left: 1em;
  margin-right: 1em;
}

#modal-choose-skill-map .form-group label,
#modal-choose-skill-map .form-group button {
  white-space: nowrap;
  margin-bottom: 0;
}

#modal-choose-skill-map .select2-container {
  min-width: 280px;
  max-width: 280px;
}

#modal-choose-skill-map .select2-container .select2-selection--single {
  min-height: 34px;
}

#modal-choose-skill-map .btn-choose {
  background-color: #ffc000;
  color: #444;
  padding: 0.375rem 0.75rem;
  box-shadow: none;
  font-weight: 400;
  border: 1px solid #ddd;
}

.btn-popup-skillmap {
  display: block;
}

.btn-popup-skillmap.object-detail {
  display: inline-block;
  font-weight: 500;
}

.btn-popup-skillmap.hidden {
  display: none;
}

.select2-results__option {
  min-height: 34px;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.card-body-table {
  position: relative;
}