.ctRecordData table tr td p,
.tableList li,
body {
  line-height: 1.45;
}
body,
button,
input,
select,
textarea {
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,
    "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.04em;
}
.btn,
a {
  outline: 0;
  cursor: pointer;
}
a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none;
}
a,
a:hover {
  color: #000;
}
.status:hover {
  color: #52C0E2;
}
h2,
h3,
h4,
h5,
strong {
  font-weight: 600;
}
.breadcrumbs,
.btn,
header #headArea {
  -webkit-box-align: center;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
body {
  font-size: 14px;
  overflow-x: hidden;
  width: 100%;
  color: #3b4043;
  background-color: #fff;
  -webkit-text-size-adjust: none;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
body.no-scroll {
  overflow-y: hidden;
}
html {
  width: 100%;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
.preloadArea {
  display: none;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
header {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  border-bottom: 5px solid #1d7383;
}
header::after {
  position: absolute;
  bottom: -0.2px;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  content: "";
  background-color: #52c0e2;
}
header #headArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 50px;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header #headArea .logo a {
  display: inline-block;
  width: 294px;
}
header #headArea .logo a span {
  display: none;
}
header #headArea .userNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
header #headArea .userNav .userName img {
  width: 20px;
  margin-right: 8px;
}
header #headArea .userNav .userName span {
  font-size: 16px;
  font-weight: 700;
  color: #1d7383;
}
header #headArea .userNav .logoutBtn {
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-left: 10px;
  padding-left: 10px;
  color: #52c0e2;
  border-left: 1px solid #c3c3c3;
}
footer {
  width: 100%;
  background: #f6f6f6;
}
footer #btnFixedArea {
  display: none;
}
footer #ftArea .footLogo {
  display: block;
  text-align: center;
}
footer #ftArea .footLogo img {
  width: 214px;
  margin: 12px 0 10px;
}
footer #ftArea .copyRightArea {
  padding: 6px 0;
  border-top: 5px solid #52c0e2;
  background-color: #1d7383;
}
footer #ftArea .copyRightArea p {
  font-size: 11px;
  text-align: center;
  color: #fff;
}
.ctRecordData .ctMain,
.ctRecordStatus .ctMain {
  padding-bottom: 195px;
}
.ctRecordData footer,
.ctRecordStatus footer {
  position: fixed;
  bottom: 0;
  left: 0;
}
.ctRecordData footer #btnFixedArea,
.ctRecordStatus footer #btnFixedArea {
  display: block;
  width: 100%;
  padding: 15px 0 20px;
  background: #fff;
  -webkit-box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.14);
  box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.14);
}
.ctRecordData footer #btnFixedArea .inner,
.ctRecordStatus footer #btnFixedArea .inner {
  max-width: 1000px;
  margin: 0 auto;
}
.ctRecordData footer #btnFixedArea .inner .selectArea,
.ctRecordStatus footer #btnFixedArea .inner .selectArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  background: #f6f6f6;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ctRecordData footer #btnFixedArea .inner .selectArea .labelText,
.ctRecordStatus footer #btnFixedArea .inner .selectArea .labelText {
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 92px;
  height: 30px;
  margin-right: 34px;
  padding: 5px 4px;
  text-align: center;
  background: #fff;
}
.ctRecordData footer #btnFixedArea .inner .selectArea .datePickerArea,
.ctRecordStatus footer #btnFixedArea .inner .selectArea .datePickerArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ctRecordData
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  li:nth-child(2n),
.ctRecordStatus
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  li:nth-child(2n) {
  margin: 0 10px;
}
.ctRecordData
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  li:nth-child(2n)
  img,
.ctRecordStatus
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  li:nth-child(2n)
  img {
  width: 16px;
}
.ctRecordData
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  .datepicker,
.ctRecordStatus
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  .datepicker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 147px;
  height: 30px;
  padding: 2px 32px 2px 14px;
  border: 1px solid #707070;
  border-radius: 6px;
  background: url(../img/arr_down.png) 92% center no-repeat #fff;
  background-size: 14px auto;
  -webkit-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
}
.ctRecordData
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  .startdatepicker,
.ctRecordStatus
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  .startdatepicker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 147px;
  height: 30px;
  padding: 2px 32px 2px 14px;
  border: 1px solid #707070;
  border-radius: 6px;
  background: url(../img/arr_down.png) 92% center no-repeat #fff;
  background-size: 14px auto;
  -webkit-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
}
.ctRecordData
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  .enddatepicker,
.ctRecordStatus
  footer
  #btnFixedArea
  .inner
  .selectArea
  .datePickerArea
  .enddatepicker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 147px;
  height: 30px;
  padding: 2px 32px 2px 14px;
  border: 1px solid #707070;
  border-radius: 6px;
  background: url(../img/arr_down.png) 92% center no-repeat #fff;
  background-size: 14px auto;
  -webkit-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
}
.refreshBtn,
.smBtn {
  -webkit-box-sizing: border-box;
}
.directBtn {
    -webkit-box-sizing: border-box;
    margin: 0 5px 10px;
  }
.ctRecordData footer #btnFixedArea .inner .btnList,
.ctRecordStatus footer #btnFixedArea .inner .btnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 50px;
}
.ctRecordData footer #btnFixedArea .inner .btnList .btn,
.ctRecordStatus footer #btnFixedArea .inner .btnList .btn {
  margin: 16px auto 0 !important;
}
.ctRecordData footer #ftArea,
.ctRecordStatus footer #ftArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 8px solid #1d7383;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctRecordData footer #ftArea .copyRightArea,
.ctRecordStatus footer #ftArea .copyRightArea {
  margin-left: 34px;
  border-top: none;
  background-color: transparent;
}
.ctRecordData footer #ftArea .copyRightArea p,
.ctRecordStatus footer #ftArea .copyRightArea p {
  color: #000d3a;
}
.pcOnly {
  display: block !important;
}
.spOnly {
  display: none !important;
}
#ctArea {
  overflow-x: auto;
}
#ctArea .ctInner {
  width: 1000px;
  margin: 0 auto;
}
.ctMain {
  padding-bottom: 85px;
}
.btn {
  font-size: 16px;
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 300px;
  height: 40px;
  margin: 50px auto 0;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 10px;
  background-color: #52c0e2;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.14);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.14);
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn:hover {
  color: #fff;
  background-color: #7aa5b2;
}
.refreshBtn {
  font-weight: 700;
  display: block;
  box-sizing: border-box;
  width: 210px;
  height: 30px;
  margin-left: auto;
  padding: 5px 0;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: 0;
  border-radius: 10px 10px 0 0;
  background: #52c0e2;
}
.breadcrumbs,
.userAction {
  display: -webkit-box;
  display: -ms-flexbox;
}
.refreshBtn:hover {
  color: #fff;
  background-color: #7aa5b2;
}
.refreshBtn img {
  width: 20px;
  margin-right: 10px;
}
.directBtn,
.smBtn,
.userId {
  font-size: 14px;
  font-weight: 900;
  box-sizing: border-box;
  max-height: 30px;
  padding: 5px 10px;
  cursor: pointer;
  color: #fff;
  border: none;
  border-radius: 5px;
  background-color: #52c0e2;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.14);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.14);
}
.userId {
  pointer-events: none;
  background-color: #a6a6a6;
  border-radius: 0;
  box-shadow: none;
  padding-right: 50px;
}
.smBtn:hover {
  color: #fff;
  background-color: #7aa5b2;
}
.breadcrumbs {
  display: flex;
  margin: 30px 0;
  -ms-flex-align: center;
  align-items: center;
}
.breadcrumbs li {
  color: #c3c3c3;
}
.breadcrumbs li a {
  color: #52c0e2;
}
.breadcrumbs li::after {
  display: inline;
  content: "＞ ";
}
.breadcrumbs li:last-child::after {
  display: none;
}
.leadTitle {
  font-size: 24px;
  font-weight: 900;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 50px;
  padding: 12px;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  background-color: #1d7383;
}
.userAction {
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.userAction .editable,
.userAction .editable form,
.userAction .editable form .chooseFile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.userAction .editable form .chooseFile .inputFile {
  display: none;
}
.userAction .editable form .chooseFile .label {
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 118px;
  height: 30px;
  margin-right: 10px;
  cursor: pointer;
  color: #3b4043;
  border: 1px solid #707070;
  border-radius: 10px;
  -webkit-box-shadow: inset -3px -3px 6px rgba(0, 0, 0, 0.14),
    3px 3px 3px rgba(0, 0, 0, 0.14);
  box-shadow: inset -3px -3px 6px rgba(0, 0, 0, 0.14),
    3px 3px 3px rgba(0, 0, 0, 0.14);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.userAction .editable form .chooseFile .fileName {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 171px;
  min-height: 30px;
  margin-right: 10px;
  padding: 5px 10px;
  color: #3b4043;
  background-color: #f6f6f6;
}
.userAction .editable form .fileBtn {
  height: 30px;
  margin-right: 30px;
}
.userAction .editable form .fileBtn .inputFile {
  display: none;
}
.userAction .editable form .fileBtn .label.smBtn {
  display: block;
}
.userAction .editable form .fileBtn .label span::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -5px;
  margin-right: 5px;
  content: "";
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  background: url(../img/import.png) center no-repeat;
  background-size: cover;
}
.userAction .editable .createBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  outline: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.recordBox dl dd input,
.userAction .searchForm input {
  border: 1px solid #707070;
  outline: 0;
  -webkit-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
}
.userAction .editable .createBtn a span {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.userAction .editable .createBtn a span::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  content: "";
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  background: url(../img/create.png) center no-repeat;
  background-size: cover;
}
.userAction .searchForm input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 180px;
  height: 30px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
}
.userAction .searchForm button {
  border: none;
  outline: 0;
}
.pagerBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 72px auto 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagerBlock .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagerBlock .pagination li {
  margin-right: 10px;
}
.pagerBlock .pagination li:first-child {
  margin-right: 15px;
}
.pagerBlock .pagination li:last-child {
  margin-right: 0;
  margin-left: 5px;
}
.pagerBlock .pagination li a {
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #52c0e2;
  background-color: #f6f6f6;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ctRasNew .rasTable2 td .showText,
.tableList li {
  display: inline;
}
.ctRasNew .rasTable2 td .showText,
.tableList a li {
  display: block;
}
.pagerBlock .pagination li a.next,
.pagerBlock .pagination li a.prev {
  background-color: transparent;
}
.pagerBlock .pagination li a.current,
.pagerBlock .pagination li a:hover {
  color: #fff;
  background-color: #1d7383;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.tableList {
  text-align: left;
  overflow-y: auto;
  max-height: 100px;
}
.recordBox,
.recordBox dl {
  display: -webkit-box;
  display: -ms-flexbox;
}
.tableList li:before {
  content: "●";
}
.tableList li.yellow:before {
  color: #fad48f;
}
.tableList li.blue:before {
  color: #99e4fd;
}
.tableList li.red:before {
  color: #f3908b;
}
.recordBox {
  display: flex;
  margin-bottom: 20px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
.recordBox dl {
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 249px;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.recordBox dl dd .col,
.recordBox dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
}
.recordBox dl dd,
.recordBox dl dt {
  -webkit-box-sizing: border-box;
  width: 125px;
  text-align: center;
}
.recordBox dl dt {
  font-weight: 700;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  background-color: #f6f6f6;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.recordBox dl dd {
  box-sizing: border-box;
  padding: 10px;
}
.recordBox dl dd input {
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  padding: 5px;
  border-radius: 6px;
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
}
.recordBox dl dd select,
.recordBox dl:last-child dd textarea {
  -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.14);
  outline: 0;
}
.recordBox dl dd input.datepicker {
  background: url(../img/arr_down.png) 92% center no-repeat #fff;
  background-size: 14px auto;
}
.recordBox dl dd select {
  font-size: 12px;
  width: 100%;
  padding: 6px 20px 6px 5px;
  color: #3b4043;
  border: 1px solid #707070;
  border-radius: 6px;
  background: url(../img/arr_down.png) 84px center no-repeat;
  background-size: 14px auto;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.14);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.recordBox dl dd select::-ms-expand {
  display: none;
}
.recordBox dl dd .col {
  display: flex;
}
.recordBox dl dd .col input:first-child {
  margin-right: 5px;
}
.recordBox dl:nth-child(4n) {
  border-right: none;
}
.recordBox dl:last-child {
  width: 100%;
  border-right: none;
  border-bottom: none;
}
.recordBox dl:last-child dd {
  width: calc(100% - 125px);
}
.recordBox dl:last-child dd textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 5px;
  resize: none;
  border: 1px solid #707070;
  border-radius: 6px;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.14);
}
.recordBox.full dl {
  width: 100%;
  border-left: none;
}
.recordBox.full dl dd {
  width: calc(100% - 125px);
}
.recordBox.full dl dd textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 162px;
  padding: 5px;
  resize: none;
  border: 1px solid #707070;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.14);
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.14);
}
.customtextarea{
  height:35px !important
}
.recordBox.full dl:first-child {
  border-right: none;
}
.recordBox.full.detail dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.recordBox.full.detail dl dd .complaint {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 50px);
  padding: 10px 0 10px 15px;
}
.recordBox.full.detail dl dd .complaint .content {
  overflow-y: auto;
  max-height: 183px;
  padding-right: 15px;
}
.recordBox.full.detail dl dd .complaint .content p {
  font-size: 14px;
  text-align: left;
  letter-spacing: 0;
}
.recordBox.full.detail dl dd .complaint .content p.date {
  font-weight: 900;
}
.recordBox.full.detail dl dd .complaint .content p.text {
  margin-bottom: 20px;
}
.recordBox.full.detail dl dd .complaint .content p.text:last-child {
  margin-bottom: 0;
}
.recordBox.full.detail dl dd .maximize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  background-color: #f6f6f6;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.recordBox.full.detail dl dd .maximize a img {
  width: 22px;
  height: 22px;
}
.recordId {
  font-size: 12px;
  margin-bottom: 3px;
  text-align: right;
}
.head {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
  padding: 10px 0;
  background: #f6f6f6;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.head p {
  margin-right: 22px;
}
.head p.label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 15px;
  background: #fff;
}
.head p:last-child {
  margin-right: 0;
}
.type {
  font-size: 21px;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background: #1d7383;
}
.progressBar {
  margin-bottom: 20px;
  background-color: #d8d8d8;
}
.progressBar span {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}
.risklabel {
  margin-bottom: 10px;  
}
.risklabel span {
		float: right;
	}
.modalContainer .modalTitle,
.modalContainer ul {
  display: -ms-flexbox;
  border-bottom: 1px solid #707070;
}
.physicalBar {
  font-size: 24px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 8px 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  background: #c3c3c3;
}
.physicalBar span {
  font-size: 25px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  padding: 7px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #fff;
  background: #959595;
}
.physicalBar.color1,
.physicalBar.color1active {
  background: #e5dfed;
}
.physicalBar.color1 span,
.physicalBar.color1active span {
  background: #7d65a3;
}
.physicalBar.color2,
.physicalBar.color2active {
  background: #ffd3df;
}
.physicalBar.color2 span,
.physicalBar.color2active span {
  background: #e02457;
}
.physicalBar.color3,
.physicalBar.color3active {
  background: #ffdfd0;
}
.physicalBar.color3 span,
.physicalBar.color3active span {
  background: #e06932;
}
.physicalBar.color4,
.physicalBar.color4active {
  background: #fde8cd;
}
.physicalBar.color4 span,
.physicalBar.color4active span {
  background: #e99a31;
}
.physicalBar.color5,
.physicalBar.color5active {
  background: #f5f2d4;
}
.physicalBar.color5 span,
.physicalBar.color5active span {
  background: #cebf2a;
}
.physicalBar.color6,
.physicalBar.color6active {
  background: #eef5c9;
}
.physicalBar.color6 span,
.physicalBar.color6active span {
  background: #b7cc44;
}
.physicalBar.color7,
.physicalBar.color7active {
  background: #d9ebeb;
}
.physicalBar.color7 span,
.physicalBar.color7active span {
  background: #56a1a3;
}
.modalContainer {
  font-size: 18px;
  position: absolute;
  z-index: 1;
  top: 638.046875;
  left: calc((100% - 600px) / 2);
  visibility: hidden;
  max-width: 800px;
  padding: 0;
  cursor: move;
  border: 2px solid #52c0e2;
  background-color: #fff;
}
.modalContainer.active {
  visibility: visible;
}
.modalContainer .modalTitle {
  font-weight: 900;
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 30px;
  background-color: #f6f6f6;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modalContainer .content {
  overflow: auto;
  max-height: 222px !important;
  margin-bottom: 15px;
  padding: 15px 15px 0;
  text-align: left;
}
.modalContainer .contents {
  overflow: auto;
  max-height: 600px !important;
  margin-bottom: 15px;
  padding: 15px 15px 0;
  text-align: left;
}
.modalContainer .content .date {
  font-weight: 900;
}
.modalContainer .content .text {
  margin-bottom: 28px;
}
.modalContainer .content .text:last-child {
  margin-bottom: 0;
}
.modalContainer ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  /* align-items: center; */
  align-items: stretch;
}
.modalContainer ul li {
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* width: calc(100% / 4); */
  /* height: 35px; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modalContainer ul li:first-child {
  width: 20%;
}
.modalContainer ul li:last-child {
  width: 80%;
}
.modalContainer ul li:nth-child(2n) {
  border-right: 1px solid #707070;
}
.modalContainer ul li:nth-child(2n):last-child {
  border-right: 0;
  /* width: 50%; */
}
.modalContainer ul li:nth-child(2n - 1) {
  background-color: #f6f6f6;
}
.closeBtn {
  position: absolute;
  right: 5px;
  width: 15px;
  cursor: pointer;
}
.ctTop header {
  height: 263px;
}
.ctTop header #headArea {
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ctTop header #headArea .logo a {
  width: 496px;
}
.ctTop header #headArea .userNav {
  display: none;
}
.ctTop .loginForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 500px;
  height: calc(100vh - 342px);
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ctTop .loginForm dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #707070;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctRecordDetail .removeArea,
.ctTop .loginForm dl dt {
  background-color: #f6f6f6;
  -webkit-box-align: center;
  display: -webkit-box;
}
.ctTop .loginForm dl:first-child {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #c3c3c3;
}
.ctTop .loginForm dl dt {
  font-size: 14px;
  font-weight: 900;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 169px;
  height: 60px;
  padding: 10px 0;
  text-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ctTop .loginForm dl dd {
  width: calc(100% - 169px);
  margin: 0 11px;
  text-align: center;
}
.ctTop .loginForm dl dd input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 310px;
  height: 40px;
  padding: 10px;
  border: 1px solid #707070;
  border-radius: 10px;
  outline: 0;
  -webkit-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.14);
}
.ctRecordData table tr {
  line-height: 1.15;
  height: 60px;
}
.ctRecordData table tr th {
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #e8e8e8;
  border-bottom: 2px solid #707070;
  background: #f6f6f6;
}
.ctRecordData table tr th a {
  display: inline-block;
  text-align: left;
  color: #3b4043;
}

.ctRecordData table tr th.stcol1 {
  width: 37px;
  border-right: 1px solid #707070;
}
.ctRecordData table tr th.stcol2 {
  width: 55px;
  border-right: 1px solid #707070;
}
.ctRecordData table tr th.stcol3 {
  width: 55px;
}
.ctRecordData table tr th.stcol4 {
  width: 100px;
  border-right: 1px solid #707070;
}
.ctRecordData table tr th.stcol5 {
  width: 37px;
}
.ctRecordData table tr th.col1 {
  width: 37px;
  border-right: 1px solid #707070;
}
.ctRecordData table tr th.col2 {
  width: 75px;
  border-right: 1px solid #707070;
}
.ctRecordData table tr th.col3 {
  width: 55px;
}
.ctRecordData table tr th.col4 {
  width: 95px;
}
.ctRecordData table tr th.col5 {
  width: 60px;
}
.ctRecordData table tr th.col6 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 65px;
  padding-left: 3px;
}
.ctRecordData table tr th.col7{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75px;
  padding-left: 3px;
  border-right: 1px solid #707070;
}
.ctRecordData table tr th.col8 {
  width: 70px;
}
.ctRecordData table tr td,
.ctRecordStatus table tr td {
  padding: 6px 7px;
  text-align: center;
  border-bottom: 1px solid #707070;
  vertical-align: middle;
}
.ctRecordData table tr th.col9 {
  width: 150px;
}
.ctRecordData table tr th.col10,
.ctRecordData table tr th.col11 {
  width: 97px;
}
.ctRecordData table tr th.col12 {
  width: calc(100% - 705px);
  border-right: 0;
}
.ctRecordData table tr th.col13 {
  width: 50px;
  border-right: 0;
  border-left: 1px solid #707070;
}
.ctRecordData table tr td {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
  border-right: 1px solid #e8e8e8;
}
.ctRecordData table tr td span {
  display: inline-block;
  text-align: left;
}
.ctRecordData.pageMerge table tr td p {
  max-height: 61px;
}
.ctRecordData table tr td p {
  overflow-y: auto;
  max-height: 308px;
  text-align: left;
  letter-spacing: 0;
}
.ctRecordData table tr td .icon1 {
  width: 30px;
}
.ctRecordData table tr td:last-child {
  border-left: 1px solid #707070;
}
.ctRecordData table tr td:nth-last-child(2) {
  border-right: 0;
}
.ctRecordData table tr td:nth-child(1),
.ctRecordData table tr td:nth-child(2),
.ctRecordData table tr td:nth-child(6) {
  border-right: 1px solid #707070;
}
.ctRecordData table tr td:nth-child(4) {
  text-align: left;
}
.ctRecordData table tr td input[type="radio"] {
  margin: 6px 0 0;
  cursor: pointer;
  accent-color: #000;
}
.ctRecordStatus table tr {
  line-height: 1.15;
  height: 60px;
}
.ctRecordStatus table tr th {
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #e8e8e8;
  border-bottom: 2px solid #707070;
  background: #f6f6f6;
}
.ctRecordStatus table tr th a {
  display: inline-block;
  text-align: left;
  color: #3b4043;
}
.ctRecordStatus table tr th.col1 {
  width: 37px;
  border-right: 1px solid #707070;
}
.ctRecordStatus table tr th.col2 {
  width: 55px;
  border-right: 1px solid #707070;
}
.ctRecordStatus table tr th.col3 {
  width: 55px;
}
.ctRecordStatus table tr th.col4 {
  width: 93px;
  border-right: 1px solid #707070;
}
.ctRecordStatus table tr th.col5 {
  width: calc(100% - 290px);
  border-right: 0;
}
.ctRecordStatus table tr th.col6 {
  width: 50px;
  border-left: 1px solid #707070;
}
.ctRecordStatus table tr td {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e8e8e8;
}
.ctRecordStatus table tr td span {
  display: inline-block;
  text-align: left;
}
.ctRecordStatus table tr td p {
  overflow-y: auto;
  max-height: 300px;
  text-align: left;
  letter-spacing: 0;
}
.ctRecordStatus table tr td .icon1 {
  width: 30px;
}
.ctRecordStatus table tr td:last-child {
  border-left: 1px solid #707070;
}
.ctRecordStatus table tr td:nth-last-child(2) {
  border-right: 0;
}
.ctRecordStatus table tr td:nth-child(1),
.ctRecordStatus table tr td:nth-child(2),
.ctRecordStatus table tr td:nth-child(4) {
  border-right: 1px solid #707070;
}
.ctRecordStatus table tr td:nth-child(4) {
  text-align: left;
}
.ctRecordStatus table tr td input[type="radio"] {
  margin: 6px 0 0;
  cursor: pointer;
  accent-color: #000;
}
.ctRecordNew .btnArea {
  margin-top: 60px;
}
.ctRecordNew .btnArea button {
  margin: 0 auto 30px;
}
.ctRecordNew .btnArea .btn {
  margin-top: 0;
}
.ctRecordDetail {
  color: #3b4043;
}
.ctRecordDetail .removeArea {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 40px;
  padding: 10px 0;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ctRecordDetail .removeArea form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctRecordDetail .removeArea form dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ctRecordDetail .removeArea form dl:last-child {
  margin-right: 0;
}
.ctRecordDetail .removeArea form dl dt span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 20px;
  padding: 3px 14px;
  background-color: #fff;
}
.ctRecordDetail .removeArea form .btn {
  position: absolute;
  top: 50%;
  right: 0;
  max-width: 60px;
  height: 30px;
  margin: 0 14px 0 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 5px;
  background-color: #e02457;
}
.ctTdatpResult .recordBox.detail,
.ctTpdResult .recordBox.detail {
  margin-bottom: 60px;
}
.ctTdatpResult .head,
.ctTpdResult .head {
  margin-bottom: 20px;
}
.ctTdatpResult .head.first p:last-child,
.ctTpdResult .head.first p:last-child {
  font-size: 18px;
  font-weight: 900;
}
.ctTdatpResult table tr:first-child,
.ctTpdResult table tr:first-child {
  border-bottom: 2px solid #707070;
  background-color: #f6f6f6;
}
.ctTdatpResult table tr:first-child th,
.ctTpdResult table tr:first-child th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
  border-right: 1px solid #c3c3c3;
}
.ctTdatpResult table tr:first-child th:last-child,
.ctTpdResult table tr:first-child th:last-child {
  border-right: 0;
}
.ctTdatpResult table tr .col1,
.ctTpdResult table tr .col1 {
  text-align: center;
  width: 75px;
}
.ctTdatpResult table tr .col2 {
  width: 125px;
}
.ctTdatpResult table tr .col3 {
  width: 325px;
}
.ctTdatpResult table tr .col4 {
  width: 375px;
}
.ctTpdResult table tr .col2 {
  width: 150px;
}
.ctTpdResult table tr .col3 {
  width: 400px;
}
.ctTpdResult table tr .col4 {
  width: 400px;
  border-right: none !important;
}
.ctTpdResult table tr .col5 {
  width: 50px;
}
.ctTdatpResult table tr td,
.ctTpdResult table tr td {
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}
.ctTdatpResult table tr td span,
.ctTpdResult table tr td span {
  font-weight: 900;
}
.ctTdatpResult table tr td:last-child
/* ,.ctTpdResult table tr td:last-child */
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 0;
}
.ctTpdResult table tr td:last-child {
  border-right: 0;  
  background-color: #f6f6f6;
}
.ctTdatpResult table tr td .complaint,
.ctTpdResult table tr td .complaint {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0 10px 15px;
}
.ctTdatpResult table tr td:last-child .complaint
/* ,.ctTpdResult table tr td:last-child .complaint  */
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 50px);
  padding: 10px 0 10px 15px;
}
.ctTdatpResult table tr td .complaint .content,
.ctTpdResult table tr td .complaint .content {
  overflow-y: auto;
  max-height: 183px;
  padding-right: 15px;
}
.ctTdatpResult table tr td .complaint .content p,
.ctTpdResult table tr td .complaint .content p {
  font-size: 14px;
  text-align: left;
}
.ctTdatpResult table tr td .maximize,
.ctTpdResult table tr td .maximize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  background-color: #f6f6f6;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ctTdatpResult table tr td .maximize a img,
.ctTpdResult table tr td .maximize a img {
  width: 22px;
  height: 22px;
}
.ctTdatpResult .btnArea a,
.ctTpdResult .btnArea a {
  margin: 60px auto 0;
}
.ctRasNew .recordBox {
  margin-bottom: 60px;
}
.ctRasNew .head {
  margin-bottom: 20px;
}
.ctRasNew .type {
  margin-bottom: 40px;
}
.ctRasNew .physicalBar {
  color: #000;
}
.ctRasNew .rasTable {
  margin-bottom: 20px;
  border: 1px solid #c3c3c3;
  border-bottom-color: #707070;
}
.ctRasNew .rasTable tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ctRasNew .rasTable tr td {
  width: calc(100% / 7);
  text-align: center;
  vertical-align: top;
  border-right: 1px solid #c3c3c3;
}
.ctRasNew .rasTable tr td:last-child {
  border-right: 0;
}
.ctRasNew .rasTable tr td .title {
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 9px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  color: #fff;
  border-right: 1px solid #f6f6f6;
  background: #959595;
}
.ctRasNew .rasTable tr td .rasTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 11px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  letter-spacing: 0;
  background: #f6f6f6;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctRasNew .rasTable tr td .rasBtn {
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 125px;
  margin: 8px auto;
  padding: 7px 0;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #fff;
  border: none;
  border-radius: 30px;
  background: #c3c3c3;
}
.ctRasNew .rasTable tr td .rasBtn.blank {
  background: #f6f6f6;
}
.ctRasNew .rasTable tr td .color1:hover .title,
.ctRasNew .rasTable tr td .color1active .title {
  background-color: #7d65a3;
}
.ctRasNew .rasTable tr td .color1:hover .rasTxt,
.ctRasNew .rasTable tr td .color1active .rasTxt {
  background: #e5dfed;
}
.ctRasNew .rasTable tr td .color1:hover .rasBtn,
.ctRasNew .rasTable tr td .color1active .rasBtn {
  background-color: #7d65a3;
}
.ctRasNew .rasTable tr td .color2:hover .title,
.ctRasNew .rasTable tr td .color2active .title {
  background-color: #e02457;
}
.ctRasNew .rasTable tr td .color2:hover .rasTxt,
.ctRasNew .rasTable tr td .color2active .rasTxt {
  background: #ffd3df;
}
.ctRasNew .rasTable tr td .color2:hover .rasBtn,
.ctRasNew .rasTable tr td .color2active .rasBtn {
  background-color: #e02457;
}
.ctRasNew .rasTable tr td .color3:hover .title,
.ctRasNew .rasTable tr td .color3active .title {
  background-color: #e06932;
}
.ctRasNew .rasTable tr td .color3:hover .rasTxt,
.ctRasNew .rasTable tr td .color3active .rasTxt {
  background: #ffdfd0;
}
.ctRasNew .rasTable tr td .color3:hover .rasBtn,
.ctRasNew .rasTable tr td .color3active .rasBtn {
  background-color: #e06932;
}
.ctRasNew .rasTable tr td .color4:hover .title,
.ctRasNew .rasTable tr td .color4active .title {
  background-color: #e99a31;
}
.ctRasNew .rasTable tr td .color4:hover .rasTxt,
.ctRasNew .rasTable tr td .color4active .rasTxt {
  background: #fde8cd;
}
.ctRasNew .rasTable tr td .color4:hover .rasBtn,
.ctRasNew .rasTable tr td .color4active .rasBtn {
  background-color: #e99a31;
}
.ctRasNew .rasTable tr td .color5:hover .title,
.ctRasNew .rasTable tr td .color5active .title {
  background-color: #cebf2a;
}
.ctRasNew .rasTable tr td .color5:hover .rasTxt,
.ctRasNew .rasTable tr td .color5active .rasTxt {
  background: #f5f2d4;
}
.ctRasNew .rasTable tr td .color5:hover .rasBtn,
.ctRasNew .rasTable tr td .color5active .rasBtn {
  background-color: #cebf2a;
}
.ctRasNew .rasTable tr td .color6:hover .title,
.ctRasNew .rasTable tr td .color6active .title {
  background-color: #b7cc44;
}
.ctRasNew .rasTable tr td .color6:hover .rasTxt,
.ctRasNew .rasTable tr td .color6active .rasTxt {
  background: #eef5c9;
}
.ctRasNew .rasTable tr td .color6:hover .rasBtn,
.ctRasNew .rasTable tr td .color6active .rasBtn {
  background-color: #b7cc44;
}
.ctRasNew .rasTable tr td .color7:hover .title,
.ctRasNew .rasTable tr td .color7active .title {
  background-color: #56a1a3;
}
.ctRasNew .rasTable tr td .color7:hover .rasTxt,
.ctRasNew .rasTable tr td .color7active .rasTxt {
  background: #d9ebeb;
}
.ctRasNew .rasTable tr td .color7:hover .rasBtn,
.ctRasNew .rasTable tr td .color7active .rasBtn {
  background-color: #56a1a3;
}
/* .ctRasNew .rasTable2 {
  margin-bottom: 60px;
} */
.ctRasNew .rasTable2 th {
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0;
  border-right: 1px solid #c3c3c3;
  border-bottom: 2px solid #707070;
  background: #f6f6f6;
}
.ctRasNew .rasTable2 th:first-child {
  width: 143px;
}
.ctRasNew .rasTable2 th:last-child {
  width: calc(100% - 143px);
  border-right: 0;
}
.ctRasNew .rasTable2 td {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}
.ctRasNew .rasTable2 td .showText .readMore {
  position: absolute;
  right: 0;
  bottom: 10px;
  color: #52c0e2;
  background: #fff;
}
.ctRasNew .rasTable2 td .showText .moreText {
  display: none;
}
.ctRasNew .rasTable2 td .showText .moreText.fade {
  display: inline;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
.ctRasNew .rasTable2 td span {
  display: inline;
}
.ctRasNew .rasTable2 td:first-child {
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.ctRasNew .rasTable2 td:last-child {
  border-right: 0;
}
.ctRasNew .btnArea {
  margin-top: 100px;
}
.ctRasNew .btnArea .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ctRasNew .btnArea .col .btn {
  max-width: 183px !important;
  margin: 0 15px;
}
.ctRasNew .btnArea .col .btn:last-child {
  background: #e02457;
}
.ctRasNew .btnArea .col .btn:last-child:hover {
  background: rgba(224, 36, 87, 0.5);
}
.ctRasNew .btnArea .btn:last-child {
  max-width: 365px;
}
.ctRasPrint .rasPrint {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px;
  border: 20px solid #f2f2f2;
}
.ctRasPrint .btnArea .btn {
  max-width: 183px;
}
.ctRasPrint .btnArea .btn:last-child {
  max-width: 365px;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ctRecordData table tr th.col2 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col2 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col2 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col2 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col2 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.col3 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col3 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col3 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col3 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col3 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.col4 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col4 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col4 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col4 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col4 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.col5 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col5 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col5 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col5 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col5 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.col6 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col6 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col6 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col6 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col6 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.col7 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col7 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col7 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col7 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col7 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.col8 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col8 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col8 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col8 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col8 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.col9 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col9 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col9 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col9 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col9 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.col10 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col10 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col10 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col10 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col10 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.col11 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.col11 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.col11 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.col11 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.col11 a.recent-clicked::after {
  color: black !important;
}
.ctRecordStatus table tr th.col2 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordStatus table tr th.col2 a:hover::after {
  color: #52c0e2;
}
.ctRecordStatus table tr th.col2 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordStatus table tr th.col2 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordStatus table tr th.col2 a.recent-clicked::after {
  color: black !important;
}
.ctRecordStatus table tr th.col3 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordStatus table tr th.col3 a:hover::after {
  color: #52c0e2;
}
.ctRecordStatus table tr th.col3 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordStatus table tr th.col3 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordStatus table tr th.col3 a.recent-clicked::after {
  color: black !important;
}
.ctRecordStatus table tr th.col4 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordStatus table tr th.col4 a:hover::after {
  color: #52c0e2;
}
.ctRecordStatus table tr th.col4 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordStatus table tr th.col4 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordStatus table tr th.col4 a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.stcol2 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.stcol2 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.stcol2 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.stcol2 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.stcol2  a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.stcol3 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.stcol3 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.stcol3 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.stcol3 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.stcol3  a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.stcol4 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.stcol4 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.stcol4 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.stcol4 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.stcol4  a.recent-clicked::after {
  color: black !important;
}
.ctRecordData table tr th.stcol5 a::after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c3c3c3;
  visibility: hidden;
}
.ctRecordData table tr th.stcol5 a:hover::after {
  color: #52c0e2;
}
.ctRecordData table tr th.stcol5 a.desc.active::after {
  content: "▼";
  visibility: visible;
}
.ctRecordData table tr th.stcol5 a.asc.active::after {
  content: "▲";
  visibility: visible;
}
.ctRecordData table tr th.stcol5  a.recent-clicked::after {
  color: black !important;
}
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-title {
  text-align: center;
  padding-left: 5px;
  flex: 1;
}

.header-links {
  text-align: left;
  padding-right: 5px;
}