body {
  margin-bottom: 60px;
}

.breadcrumb {
  background-color: transparent;
  padding: 0;
}

.breadcrumb li {
  font-size: 1.25rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

.breadcrumb-item a:hover {
  text-decoration: none;
}

/*login*/
.login-box-style {
  width: 530px;
  border: 1px solid #B9B9B9;
  margin: 64px auto;
  padding: 50px 50px;
  border-radius: 10px;
}
.login-box-title {
  font-size: 21px;
  padding: 0 10px 40px;
}
.login-button-area-style {
  display: flex;
  padding: 0 20px;
}
.login-button-text-style {
  padding-top: 25px;
  width: 70%;
}
.login-button-box-style {
  width: 30%;
}

/*header*/
.logo-sytle a {
  height: 50px;
}
.logo-sytle img {
  height: auto;
  width: 115px;
}
nav.header-style {
  height: 56px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(207, 207, 207, 1.0);
}
nav.header-style.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}
.user-icn-style {
  margin-right: 10px;
}
.logout-button-style {
  color: #B9B9B9;
  border: 1px solid #B9B9B9;
  border-radius: 5px;
  margin-left: 10px;
}
.logout-button-style:hover {
  color: #B9B9B9;
  opacity: 0.75;
}
/*footer*/
.footer-style {
  background-color: #ffffff;
  color:#4A4A4A;
}
.footer-style .container {
  border-top: 1px solid #979797;
}

.btn-normal {
  color: #007bff;
  border-color: #007bff;
  background-color: #ffffff;
}
.btn-normal:hover {
  color: #0056b3;
  border-color: #0056b3;
  background-color: #ffffff;
}

/*create survey*/
.btn-warning.step-deleate-button-style {
  background-color: #ffffff;
  color: #D80909;
  border-color: #D80909;
}
.btn-warning.step-deleate-button-style:hover {
  color: #B51529;
  border-color: #B51529;
}
.survey-title-style {
  font-size: 36px;
  margin-bottom: 65px;
}
.survey-title-box {
  padding-bottom: 30px;
  border-bottom: 1px solid #979797;
}
.survey-header-button-flex {
  display: flex;
  justify-content: flex-end;
}
.step5-apply-style {
  margin-bottom: 25px;
}

/*result*/
.box {
  border: 1px solid #979797;
}
.result-title-style {
  font-size: 36px;
  margin-bottom: 30px;
}
.result-subtitle-style {
  font-size: 22px;
  border-bottom: 1px solid #979797;
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.result-topbuttonbox-style {
  display: flex;
  justify-content: flex-end;
}

.graph-title-style {
  padding: 10px 0 10px 20px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid#cccccc;
  border-right: 1px solid #cccccc;
}
.graph-title-style h5 {
  margin-bottom: 0;
}
.result-respondents-style {
  padding-bottom: 20px;
}
.graph-box-style {
  border: 1px solid#cccccc;
  margin-bottom: 30px;
}
.row.graph-box-style .card-body {
  padding: 0;
}
.row.graph-box-style .col-md-7 {
  padding: 20px 0 10px 30px;
}
.row.graph-box-style .col-md-5 {
  padding: 20px 30px 20px 0;
}
.result-section-style {
  margin-bottom: 40px;
}
.desc-box-style {
  padding: 20px 10px;
  margin-bottom: 30px;
  border: 1px solid #cccccc;
}