body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, p, blockquote, th, td { margin: 0; padding: 0; }
img { border: 0; }
caption, th { text-align: left; }
.clear { clear: both; overflow: hidden; height: 0px }
.reset { margin: 0; padding: 0; list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }
.reset-all, .reset-all ul, .reset_all, .reset_all ul { margin: 0; padding: 0; list-style-type: none; }
textarea { margin: 0; }

body {
  color: #000;
  background: #f1f1f1;
  overflow-y: scroll;
  -webkit-text-size-adjust: none;
  font-size: 14px;
  line-height: 20px;
  font-family: "Open Sans", arial, sans-serif;
}

body.body-disabled-scroll {
  overflow: hidden;
}

table {
  font-size: 13px;
}

a, a:hover {
  color: #960000;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

input, textarea, select {
  box-sizing: border-box !important;
}

input, textarea {
  outline: none;
}

textarea {
  overflow: auto;
}

.page-wrapper {
  position: relative;
}

#container {
  position: relative;
  z-index: 100;
}

#page-content {
  padding-bottom: 45px;
}

#page-content .page-wrapper {
  padding: 20px 30px 0 30px;
}

/* style */
.red {
  color: red;
}

.green {
  color: green;
}

.go-left {
  float: left;
}

.go-right {
  float: right;
}

.color-red {
  color: red;
}

/* page navigation */
#page-navigation, #page-navigation .page-wrapper, #page-navigation .content-navigation {
  height: 32px;
}

#page-navigation {
  background: -webkit-linear-gradient(#ffffff, #f1f1f1);
  background: -o-linear-gradient(#ffffff, #f1f1f1);
  background: -moz-linear-gradient(#ffffff, #f1f1f1);
  background: linear-gradient(#ffffff, #f1f1f1);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0, 0.2);
  box-shadow: 0 1px 2px rgba(0,0,0, 0.2);
}

#page-navigation .content-navigation {
  float: left;
  border-left: 1px solid #ccc;
}

#page-navigation h4, #page-navigation .anchor {
  float: left;
  height: 32px;
  line-height: 32px;
}

#page-navigation h4 {
  border-right: 1px solid #ddd;
  font-size: 12px;
  font-weight: bold;
}

#page-navigation .anchor {
  color: #000;
  padding: 0 16px;
}

#page-navigation a.anchor:hover {
  color: #37677e;
  text-decoration: none;
}

#page-navigation h4.selected .anchor {
  color: #fff;
  background: #37677e;
}

/* page header */
.links .anchor {
  float: left;
  height: 24px;
  line-height: 24px;
  margin-top: 18px;
  padding-left: 16px;
}

.links .button-correct {
  background: transparent url(../images/icon-018-correct.png) no-repeat 0 50%;
  background-size: 12px 12px;
}

.links .button-person {
  background: transparent url(../images/icon-017-person.png) no-repeat 0 50%;
  background-size: 12px 12px;
}

.links .button-back {
  background: transparent url(../images/icon-008-exit.png) no-repeat 0 50%;
  background-size: 12px 12px;
}

.links .button-setting {
  background: transparent url(../images/icon-012-setting.png) no-repeat 0 50%;
  background-size: 12px 12px;
}

/* box */
.box1 {
  -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0, 0.15);
  -moz-box-shadow: 0 0 6px 1px rgba(0,0,0, 0.15);
  box-shadow: 0 0 6px 1px rgba(0,0,0, 0.15);
}

.box1.padding {
  padding: 24px;
}

.box-title {
  clear: both;
  height: 26px;
  margin-bottom: 10px;
  color: #000;
  font: normal 18px/26px Georgia, "Times New Roman", Times, serif;
}

.box-title strong {
  float: left;
  line-height: 26px;
  font-weight: normal;
}

.box-title .loading {
  display: none;
  float: left;
  width: 26px;
  height: 26px;
  margin-left: 10px;
  overflow: hidden;
  background: transparent url(../images/loading-05.gif) no-repeat 50% 50%;
}

.box-with-tab {

}

.box-with-tab .box-tab {
  height: 28px;
  position: relative;
  z-index: 10;
}

.box-with-tab .box-tab h4,
.box-with-tab .box-tab .tab {
  float: left;
  height: 28px;
  line-height: 28px;
}

.box-with-tab .box-tab .tab {
  padding: 0 12px;
  margin-right: 8px;
  background: #ccc;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: default;
  position: relative;
}

.box-with-tab .box-tab .tab:hover {
  text-decoration: none;
}

.box-with-tab .box-tab .tab.active {
  background: #35677F;
  cursor: pointer;
}

.box-with-tab .box-tab .tab.selected {
  color: #35677F;
  background: #fafafa;
  -webkit-box-shadow: 0 -3px 6px 1px rgba(0,0,0, 0.15);
  -moz-box-shadow: 0 -3px 6px 1px rgba(0,0,0, 0.15);
  box-shadow: 0 -3px 6px 1px rgba(0,0,0, 0.15);
}

.box-with-tab .box-tab .tab.selected:after {
  content: '';
  width: 100%;
  height: 6px;
  background: #fafafa;
  position: absolute;
  left: 0;
  bottom: -4px;
}

.box-content {
  padding: 20px 24px;
  background: #fafafa;
  position: relative;
  z-index: 5;
}

/* space */
.row-space-5, .row-space-10,
.row-space-15, .row-space-20 {
  clear: both;
  overflow: hidden;
}

.row-space-5 {
  height: 5px;
}

.row-space-10 {
  height: 10px;
}

.row-space-15 {
  height: 15px;
}

.row-space-20 {
  height: 10px;
}

.content-style-1 {
  font-size: 13px;
  line-height: 18px;
}

/* form */
input.checkbox {
  float: left;
  width: 13px;
  height: 13px;
  vertical-align: top;
}

.form .input,
.form .text,
.form select {
  width: 320px;
  height: 26px;
  padding: 3px 6px;
  border: 1px solid #ccc;
}

.form .input.small {
  padding: 2px 4px;
  font-size: 11px;
}

.form .input.wFull,
.form select.wFull {
  width: 580px;
}

.form .input.wNumber {
  width: 80px;
  text-align: center;
}

.form .text {
  width: 580px;
  height: 100px;
  min-height: 52px;
  resize: vertical;
}

.form .text.overflow {
  overflow: hidden;
}

.form .text-large {
  height: 140px;
}

.form .input:hover,
.form .text:hover {
  border-color: #a0a0a0;
}

.form .input[readonly]:hover,
.form .text[readonly]:hover {
  border-color: #ccc;
}

.form .input.highlight-input,
.form .text.highlight-input,
.form select.highlight-input {
  color: #000;
  background: #fff;
}

.form select[disabled],
.form .input[disabled],
.form .text[disabled] {
  background: #fafafa;
  border: 1px solid #ccc;
  color: #666;
}

.form .input[disabled]:hover,
.form .text[disabled]:hover {
  border-color: #ccc;
}

.form .input:focus,
.form .text:focus {
  box-shadow: 0 0 4px rgba(0,0,0, 0.2);
}

.form .input[readonly]:focus,
.form .text[readonly]:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.form .input-error, .form .input-error:hover {
  border-color: red;
}

.form .input-error:focus {
  box-shadow: 0 0 4px rgba(255,0,0, 0.3);
}

.form .input-date-picker {
  float: left;
  width: 160px;
}

.form .dp-placeholder {
  float: left;
  width: 16px;
  height: 16px;
  margin: 3px 0 0 8px;
  overflow: hidden;;
  background: transparent url(../images/icon-015-calendar.png) no-repeat 0 0;
  background-size: 16px 16px;
  cursor: pointer;
}

.form select {
  width: 320px;
  height: 26px;
  line-height: 26px;
}

.form .item {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.form .item-separator-line {
  clear: both;
  width: 100%;
  height: 0;
  padding-top: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  border-bottom: 2px solid #DDD;
}

.form .item-wrapper-only {
  margin-bottom: 0;
}

.form .item-inline {
  clear: none;
  width: auto;
  margin-right: 20px;
}

.form .item-content .summary {
  line-height: 18px;
  margin-bottom: 4px;
}

.form .label {
  display: block;
  height: 26px;
  line-height: 26px;
  padding-right: 20px;
  color: #000;
  font-weight: bold;
}

.form .label strong {
  float: left;
  line-height: 24px;
}

.form .item-content-checkbox ul {
  float: left;
}

.form .item-content-checkbox li {
  float: left;
  padding: 4px 0;
  margin-right: 30px;
}

.form .item-content-checkbox-h li {
  clear: both;
  width: 100%;
}

.form .item-content-checkbox li label {
  float: left;
  line-height: 14px;
  padding-left: 4px;
}

.form .item-content-checkbox li.highlight-selected label {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}

.form-full-row .label {
  margin-bottom: 2px;
}

.form-full-row .input {
  width: 420px;
}

.form-admin .item-button {
  padding-top: 10px;
}

.form .item-datepicker .input-datepicker {
  float: left;
}

.form .button-delete-suggest {
  display: none;
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background: transparent url(../images/icon-024-close.png) no-repeat 50% 50%;
  background-size: 12px auto;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.2s;
}

.form .button-delete-suggest:hover {
  opacity: 1;
}

.form .the-input-container.suggest {
  position: relative;
}

.form .the-input-container.suggest .input {
  position: relative;
  z-index: 10;
}

.form .the-input-container.suggest .button-delete-suggest {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
}

/* button */
.button {
  float: left;
  overflow: visible;
  cursor: pointer;
  text-align: center;
  margin-right: 12px;
  padding: 0 14px;
  text-decoration: none;
  outline: none;
  box-sizing: content-box !important;
}

.button.go-right {
  float: right;
  margin-left: 12px;
  margin-right: 0;
}

.button:hover {
  text-decoration: none;
}

.button.disabled {
  cursor: not-allowed;
}

.button-style-01, .button-style-01 label {
  height: 28px;
  line-height: 28px;
  cursor: pointer;
}

.button-style-01 {
  background: #c8102e;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}

.button-style-01:hover {
  background: #ae1929;
}

.button.button-style-01 {
  box-sizing: border-box !important;
}

a.button-style-01:hover {
  color: #FFF;
}

.button-style-01 label {
  float: left;
}

.button-style-01.disabled {
  color: #555 !important;
  background: #ccc !important;
  box-shadow: none !important;
  border: none !important;
}

.button-style-01.small {
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  font-size: 11px;
}

.button-style-01.large {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 6px;
  font-size: 16px;
}

.button-style-01.white {
  color: #000;
  border: 1px solid #b9b9b9;
  background: linear-gradient(#f9f9f9, #eeeeee);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}

.button-style-02 {
  height: 26px;
  line-height: 24px;
  padding: 0 12px;
  border: 1px solid #b9b9b9;
  background: linear-gradient(#f9f9f9, #eeeeee);
  box-sizing: border-box !important;
}

a.button-style-02 {
  line-height: 26px;
  color: #333;
  text-decoration: none;
}

.button-style-02.em {
  font-weight: bold;
}

.button-style-02:hover {
  border-color: #999;
}

.button-style-02.small {
  height: 26px;
  line-height: 24px;
  font-size: 12px;
  padding: 0 8px;
}

.button-style-02.green {
  background: #5cb85c;
}

.button-style-02.warning:hover {
  background: #c9302c;
  border-color: #ac2925;
  color: #fff;
}

.button-style-02.disabled {
  color: #aaa !important;
  background: #eee !important;
  box-shadow: none;
}

.button-style-02.disabled:hover {
  border-color: #b9b9b9;
}

.button-style-02:active {
  color: inherit;
}

a.button-style-02.small {
  height: 22px;
}

.button-style-02.green {
  color: #fff;
  background: -webkit-linear-gradient(#28a745, #209d3d);
  background: -o-linear-gradient(#28a745, #209d3d);
  background: -moz-linear-gradient(#28a745, #209d3d);
  background: linear-gradient(#28a745, #209d3d);
}

.button-next.loading,
.button-next.loading .label,
.button-next.loading .icon {
  cursor: default;
}

.button-next.loading,
.button-complete.loading {
  background: #ccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.button-next .icon,
.button-complete .icon,
.button-redirect-home .icon,
.button-review .icon {
  float: left;
  width: 12px;
  height: 12px;
  margin: 8px 0 0 6px;
  overflow: hidden;
  cursor: pointer;
}

.button-next .icon {
  background: transparent url(../images/icon-02-next.png) no-repeat 0 0;
  background-size: 12px 12px;
}

.button-complete .icon {
  background: transparent url(../images/icon-03-complete.png) no-repeat 0 0;
  background-size: 12px 12px;
}

.button-redirect-home .icon {
  width: 16px;
  height: 16px;
  margin-top: 6px;
  background: transparent url(../images/icon-14-home.png) no-repeat 0 0;
  background-size: 16px 16px;
}

.button-review .icon {
  width: 16px;
  height: 16px;
  margin-top: 6px;
  background: transparent url(../images/icon-021-review.png) no-repeat 0 0;
  background-size: 16px 16px;
}


/* from C4P */
.button-style-09 {
  display: inline-flex;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border: 2px solid #C03;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  transition: background-color 0.2s, color 0.2s;
}

.button-style-09:hover {
  background: #C03;
  color: #FFF;
}


/* DatePicker */
.ui-datepicker {
  display: none;
  width: 203px;
  padding: 14px 8px;
  overflow: hidden;
  box-sizing: content-box;

  border: 1px solid #b5b5b5;
  background: -webkit-linear-gradient(#fff, #f2f2f2);
  background: -o-linear-gradient(#fff, #f2f2f2);
  background: -moz-linear-gradient(#fff, #f2f2f2);
  background: linear-gradient(#fff, #f2f2f2);
  text-align: center;
  font-size: 11px;
  font-weight: bold;

  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;

  box-shadow: 2px 2px 8px #999;
  -moz-box-shadow: 2px 2px 8px #999;
  -webkit-box-shadow: 2px 2px 8px #999;
  -o-box-shadow: 2px 2px 8px #999;
  z-index: 11111 !important;

  font-family: inherit !important;
}

.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-calendar {
  width: 203px;
}

.ui-datepicker .ui-datepicker-header {
  height: 30px;
  overflow: hidden;
  position: relative;
  color: #35677f;
}

.ui-datepicker .ui-datepicker-header a {
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: 6px solid #35677f;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid #35677f;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.ui-datepicker .ui-datepicker-header a span {
  display: none;
}

.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
  height: 24px;
  margin: 0 2px;
  font-size: 14px;
}

.ui-datepicker .ui-datepicker-calendar a,
.ui-datepicker .ui-datepicker-calendar td,
.ui-datepicker .ui-datepicker-calendar th {
  color: #000;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}

.ui-datepicker .ui-datepicker-calendar td, .ui-datepicker .ui-datepicker-calendar th {
  width: 23px;
  height: 19px;
}

.ui-datepicker .ui-datepicker-calendar th {
  height: 24px;
}

.ui-datepicker .ui-datepicker-calendar a {
  display: block;
  width: 23px;
  height: 19px;
  line-height: 19px;
  margin: 2px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #bfbfbf;
}

.ui-datepicker .ui-datepicker-calendar a:hover {
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-calendar a.ui-state-highlight {
  border: 1px solid #444;
  background-color: #ddd;
}

.ui-datepicker .ui-datepicker-calendar a.ui-state-active, .ui-datepicker .ui-datepicker-calendar a:hover {
  background-color: #35677f;
  border: 1px solid #224e62;
  color: #fff;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
/* jqueryui.com */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}

/* table-01 */
.table .col-10  {width: 10px;}
.table .col-20  {width: 20px;}
.table .col-30  {width: 30px;}
.table .col-40  {width: 40px;}
.table .col-50  {width: 50px;}
.table .col-60  {width: 60px;}
.table .col-65  {width: 65px;}
.table .col-70  {width: 70px;}
.table .col-80  {width: 80px;}
.table .col-90  {width: 90px;}
.table .col-100 {width: 100px;}
.table .col-110 {width: 110px;}
.table .col-120 {width: 120px;}
.table .col-130 {width: 130px;}
.table .col-140 {width: 140px;}
.table .col-150 {width: 150px;}
.table .col-160 {width: 160px;}
.table .col-170 {width: 170px;}
.table .col-180 {width: 180px;}
.table .col-190 {width: 190px;}
.table .col-200 {width: 200px;}
.table .col-210 {width: 210px;}
.table .col-220 {width: 220px;}
.table .col-230 {width: 230px;}
.table .col-240 {width: 240px;}
.table .col-250 {width: 250px;}
.table .col-260 {width: 260px;}
.table .col-270 {width: 270px;}
.table .col-280 {width: 280px;}
.table .col-290 {width: 290px;}
.table .col-300 {width: 300px;}
.table .col-310 {width: 310px;}
.table .col-320 {width: 320px;}
.table .col-330 {width: 330px;}
.table .col-340 {width: 340px;}
.table .col-350 {width: 350px;}
.table .col-360 {width: 360px;}
.table .col-370 {width: 370px;}
.table .col-380 {width: 380px;}
.table .col-390 {width: 390px;}
.table .col-400 {width: 400px;}
.table .col-410 {width: 410px;}
.table .col-420 {width: 420px;}
.table .col-430 {width: 430px;}
.table .col-440 {width: 440px;}
.table .col-450 {width: 450px;}
.table .col-460 {width: 460px;}
.table .col-470 {width: 470px;}
.table .col-480 {width: 480px;}
.table .col-490 {width: 490px;}
.table .col-500 {width: 500px;}
.table .col-510 {width: 510px;}
.table .col-520 {width: 520px;}
.table .col-530 {width: 530px;}
.table .col-540 {width: 540px;}
.table .col-550 {width: 550px;}
.table .col-560 {width: 560px;}
.table .col-570 {width: 570px;}
.table .col-580 {width: 580px;}
.table .col-590 {width: 590px;}
.table .col-600 {width: 600px;}
.table .col-610 {width: 610px;}
.table .col-620 {width: 620px;}
.table .col-630 {width: 630px;}
.table .col-640 {width: 640px;}
.table .col-650 {width: 650px;}
.table .col-660 {width: 660px;}
.table .col-670 {width: 670px;}
.table .col-680 {width: 680px;}
.table .col-690 {width: 690px;}
.table .col-700 {width: 700px;}


.table .content-line-10  {width: 10px;}
.table .content-line-20  {width: 20px;}
.table .content-line-30  {width: 30px;}
.table .content-line-40  {width: 40px;}
.table .content-line-50  {width: 50px;}
.table .content-line-60  {width: 60px;}
.table .content-line-65  {width: 65px;}
.table .content-line-70  {width: 70px;}
.table .content-line-80  {width: 80px;}
.table .content-line-90  {width: 90px;}
.table .content-line-100 {width: 100px;}
.table .content-line-110 {width: 110px;}
.table .content-line-120 {width: 120px;}
.table .content-line-130 {width: 130px;}
.table .content-line-140 {width: 140px;}
.table .content-line-150 {width: 150px;}
.table .content-line-160 {width: 160px;}
.table .content-line-170 {width: 170px;}
.table .content-line-180 {width: 180px;}
.table .content-line-190 {width: 190px;}
.table .content-line-200 {width: 200px;}
.table .content-line-210 {width: 210px;}
.table .content-line-220 {width: 220px;}
.table .content-line-230 {width: 230px;}
.table .content-line-240 {width: 240px;}
.table .content-line-250 {width: 250px;}
.table .content-line-260 {width: 260px;}
.table .content-line-270 {width: 270px;}
.table .content-line-280 {width: 280px;}
.table .content-line-290 {width: 290px;}
.table .content-line-300 {width: 300px;}
.table .content-line-310 {width: 310px;}
.table .content-line-320 {width: 320px;}
.table .content-line-330 {width: 330px;}
.table .content-line-340 {width: 340px;}
.table .content-line-350 {width: 350px;}
.table .content-line-360 {width: 360px;}
.table .content-line-370 {width: 370px;}
.table .content-line-380 {width: 380px;}
.table .content-line-390 {width: 390px;}
.table .content-line-400 {width: 400px;}
.table .content-line-410 {width: 410px;}
.table .content-line-420 {width: 420px;}
.table .content-line-430 {width: 430px;}
.table .content-line-440 {width: 440px;}
.table .content-line-450 {width: 450px;}
.table .content-line-460 {width: 460px;}
.table .content-line-470 {width: 470px;}
.table .content-line-480 {width: 480px;}
.table .content-line-490 {width: 490px;}
.table .content-line-500 {width: 500px;}
.table .content-line-510 {width: 510px;}
.table .content-line-520 {width: 520px;}
.table .content-line-530 {width: 530px;}
.table .content-line-540 {width: 540px;}
.table .content-line-550 {width: 550px;}
.table .content-line-560 {width: 560px;}
.table .content-line-570 {width: 570px;}
.table .content-line-580 {width: 580px;}
.table .content-line-590 {width: 590px;}
.table .content-line-600 {width: 600px;}
.table .content-line-610 {width: 610px;}
.table .content-line-620 {width: 620px;}
.table .content-line-630 {width: 630px;}
.table .content-line-640 {width: 640px;}
.table .content-line-650 {width: 650px;}
.table .content-line-660 {width: 660px;}
.table .content-line-670 {width: 670px;}
.table .content-line-680 {width: 680px;}
.table .content-line-690 {width: 690px;}
.table .content-line-700 {width: 700px;}


.table {
  width: 100%;
}

.table tr.highlight {
  background: #eff7eb;
}

.table th {
  font-size: 12px;
}

.table th,
.table td,
.table th .sort {
  line-height: 20px;
}

.table th.multiple,
.table th.multiple .sort {
  line-height: 14px;
}

.table th.multiple {
  padding-top: 6px;
  padding-bottom: 6px;
}

table.table thead th {
  border-bottom-width: 0;
}

table.table thead th, table.table td {
  padding: 5px 8px;
  vertical-align: middle;
}

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

.table .col-font-small {
  font-size: 11px;
}

.table .col-checkbox .checkbox {
  float: none;
  display: block;
  margin: 0 auto;
}

.table th .sort {
  float: left;
  height: 30px;
  line-height: 30px;
  padding-left: 12px;
  background: transparent url(../images/icon-009-sort.png) no-repeat 0 9px;
  background-size: 7px auto;
  color: #000;
  text-decoration: none;
}

.table th.multiple, .table th.multiple .sort {
  height: auto !important;
}

.table th.multiple .sort {
  background-position: 0 2px;
}

.table th .sort:hover {
  color: #960000;
}

.table th .sort-asc {
  background-position: 0 -41px;
}

.table th .sort-desc {
  background-position: 0 -91px;
}

.table th.multiple .sort-asc {
  background-position: 0 -48px;
}

.table th.multiple .sort-desc {
  background-position: 0 -98px;
}

.table th .sort.loading {
  color: #aaa;
}

.table .font-size-small {
  font-size: 12px;
  letter-spacing: 0;
}

.table .row-highlight td {
  background: #fcf8e3;
}

.table-1 {
  border: none;
}

.table-1 td, .table-1 th {
  border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4 !important;
}

.table-1 td.col-first, .table-1 th.col-first {
  border-left: none !important;
}

.table-1 th.col-blank {
  border-left: none !important;
}

.table-1 th {
  height: 30px !important;
  line-height: 30px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #000;
  font-weight: bold;
  background: linear-gradient(#f9f9f9, #f9f9f9 50%, #eff0f2 51%, #e9eaec);
}

.table-1 .col-admin .btn {
  height: 18px;
  padding: 0;
  margin-right: 4px;
}

.table-2 {
}

table.table-2 td, table.table-2 th {
  padding: 5px 10px;
  border: 1px solid #d4d4d4;
}

.table-2 th {
  color: #000;
  font-weight: bold;
  background: linear-gradient(#fbfbfb, #e8e8e8);
}

.table-2 .col-admin .btn {
  margin-right: 4px;
}

.table-2 .content-line {
  line-height: 16px;
  padding: 2px 0;
}

.table-box-1 {
  width: 100%;
  font-size: 12px;
}

.table-box-1 td, .table-box-1 th {
  padding-left: 16px;
}

.table-box-1 th.center, .table-box-1 td.center {
  padding-left: 0;
  text-align: center;
}

.table-box-1 th {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
  background: #fafafa;
}

.table-box-1 td {
  height: 22px;
  line-height: 22px;
  border-bottom: 1px dotted #ccc;
}

.table-box-1 tr:nth-of-type(odd) {
  background: #efefef;
}

.table-box-1 tr:nth-of-type(even) {
  background: #f9f9f9;
}

.table-box-1 tr:hover {
  background: #bad1de;
}

/* some buttons */
.btn {
  float: left;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

.btn-disabled {
  cursor: not-allowed;
}

.btn-sm {
  width: 20px;
  height: 20px;
}

.btn-center {
  float: none;
  display: block;
  margin: 0 auto;
}

.btn-inline {
  float: none;
  display: inline-block;
}

.btn-edit-1 {
  background: transparent url(../images/icon-010-edit.png) no-repeat 50% 50%;
  background-size: 14px 14px;
}

.btn-edit-1-black {
  background: transparent url(../images/icon-010-edit-black.png) no-repeat 50% 50%;
  background-size: 14px 14px;
}

.btn-edit-2 {
  background: transparent url(../images/icon-016-edit.png) no-repeat 50% 50%;
  background-size: 12px 12px;
}

.btn-edit-2-black {
  background: transparent url(../images/icon-016-edit-black.png) no-repeat 50% 50%;
  background-size: 12px 12px;
}

.btn-delete-1 {
  background: transparent url(../images/icon-011-delete.png) no-repeat 50% 50%;
  background-size: 14px 14px;
}

.btn-delete-1-black {
  background: transparent url(../images/icon-011-delete-black.png) no-repeat 50% 50%;
  background-size: 14px 14px;
}

.btn-delete-1-grey {
  background: transparent url(../images/icon-011-delete-grey.png) no-repeat 50% 50%;
  background-size: 14px 14px;
}

.btn-comment-1 {
  background: transparent url(../images/icon-013-comment.png) no-repeat 50% 6px;
  background-size: 14px 14px;
}

.btn-comment-1-black {
  background: transparent url(../images/icon-013-comment-black.png) no-repeat 50% 6px;
  background-size: 14px 14px;
}

.btn-view-1 {
  background: transparent url(../images/icon-12-view.png) no-repeat 50% 50%;
  background-size: 14px 14px;
}

.btn-view-2 {
  background: transparent url(../images/icon-16-view.png) no-repeat 50% 50%;
  background-size: 14px 14px;
}

.btn-evaluation-1 {
  background: transparent url(../images/icon-13-evaluation.png) no-repeat 50% 50%;
  background-size: 14px 14px;
}

.btn-undo-1 {
  background: transparent url(../images/icon-26-undo.png) no-repeat 50% 50%;
  background-size: 14px 14px;
}

.btn-approve-1 {
  background: transparent url(../images/icon-038-approve.png) no-repeat 50% 50%;
  background-size: 15px 15px;
}

.btn-manage-1 {
  background: transparent url(../images/icon-041-manage.png) no-repeat 50% 50%;
  background-size: 12px auto;
}

.btn.loading {
  background: transparent url(../images/loading-05.gif) no-repeat 50% 50% !important;
  background-size: 14px 14px !important;
}

.btn.loading, .btn.disabled {
  cursor: default !important;
}

.btn-tooltip-note {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  color: #fff;
  background: #1b1f23;
  position: fixed;
  z-index: 9999999;
  font-size: 12px;
}

.btn-tooltip-note .arrow {
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1b1f23;
  margin: 0 auto;
  font-size: 12px;
}


/* layerpop */
#layer-pop-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 8888;
  background-color: rgba(0,0,0, 0.2);
}

#layer-pop-loading {
  display: none;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background: transparent url(../images/loading-04.gif) no-repeat 0 0;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  z-index: 9222;
}

.the-layer {
  display: none;
  text-align: left;
  z-index: 9999;
  position: absolute;
  background-color: #fff;
}

.the-layer .dom-top-message {
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 0 0 3px 3px;
  font-size: 11px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 100;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  color: red;
  background: #ffdfdf;
  border-color: #febaba;
}

.the-layer .dom-top-message-loading {
  color: #7b5e21;
  background: #fdf8e3;
  border-color: #e7e0c5;
}

.the-layer .layer-pop-wrapper {
  background-color: #fff;
  position: relative;
  z-index: 10;
}

.the-layer .button-hide-layer {
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  z-index: 20;
}

.layer-style-1 {
  padding: 24px 32px;
  border: none;
  -webkit-box-shadow: 0 0 16px #444;
  -moz-box-shadow: 0 0 16px #444;
  box-shadow: 0 0 16px #444;
  border-radius: 5px;
}

.layer-style-1 .button-hide-layer {
  height: 28px;
  width: 28px;
  background: transparent url(../images/icon-47.png) no-repeat 0 0;
  right: -10px;
  top: -10px;
}

.layer-style-2 {
  border: 6px solid #d5d5d5;
}

.layer-style-2 .button-hide-layer {
  height: 18px;
  width: 18px;
  background: transparent url(../images/icon-09.png) no-repeat 0 0;
  right: 6px;
  top: 6px;
}

.layer-style-2 .button-hide-layer:hover {
  background-position: 0 -20px;
}

.modal-style-1 .modal-title {
  height: 28px;
  line-height: 28px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: normal;
}

.modal-body .item-button .button-close-modal {
  float: right;
  height: 18px;
  line-height: 18px;
  margin-top: 5px;
}

.modal-body .item-button .button-close-modal:hover {
  text-decoration: none;
}

.modal-style-1 .mod-the-message {
  padding-top: 3px;
}

/* autocomplete suggest search users */
.ui-helper-hidden-accessible {
  display: none !important;
}

input.ui-autocomplete-loading {
  background-image: url(../images/loading-05.gif);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 12px 12px;
}

.ui-autocomplete {
  padding: 0; margin: 0; list-style-type: none;
  text-align: left;
  background-color: #fff;
  border-width: 0 1px 1px 1px;
  border-color: #AAADB4 #DCDFE6 #E2E9EF #E3E3EB;
  position: absolute !important;
  z-index: 99999;
  box-shadow: 0 0 3px 1px rgba(0,0,0, 0.2);
  font-size: 14px;
  max-height: 288px;
  overflow: auto;
}

.ui-autocomplete li, .ui-autocomplete li .ui-menu-item-wrapper {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.ui-autocomplete li .ui-menu-item-wrapper {
  width: auto;
  padding: 0 10px !important;
}

.ui-autocomplete li:nth-child(even) .ui-menu-item-wrapper {
  background-color: #fafafa;
}

.ui-autocomplete li .ui-menu-item-wrapper,
.ui-autocomplete li .ui-menu-item-wrapper:hover,
.ui-autocomplete li .ui-menu-item-wrapper.ui-state-hover {
  text-decoration: none;
}

.ui-autocomplete li .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete li .ui-menu-item-wrapper:hover {
  background: #fffae7;
}

.ui-autocomplete li .matched_highlight {
  font-weight: bold;
}

/* mod-the-message */
.mod-the-message {
  float: left;
  min-height: 20px;
  line-height: 20px;
  padding-top: 10px;
  overflow: hidden;
  color: #158503;
  font-size: 14px;
}

.mod-the-message.small {
  padding-top: 3px;
}

.mod-the-message-error {
  color: red;
}

.mod-the-message .error {
  color: red;
}

.mod-the-message .error a {
  color: red;
}

.mod-the-message .success {
  color: #158503;
}

.mod-the-message a {
  text-decoration: underline;
}

.mod-the-loading {
  width: 20px;
  text-indent: -9999px;
  background: transparent url(../images/loading-01.gif) no-repeat 50% 6px;
}

.mod-the-loading.small {
  background-position: 50% 4px;
}

.wrapper-note-message {
  line-height: 18px;
  padding: 6px 10px;
  margin-bottom: 12px;
  background: #f2f2f2;
  border: 1px solid #ddd;
}

.wrapper-note-message.warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #856404;
}

.wrapper-note-message.lg-padding {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* confirm modal */
.dialog-confirm .content {
  padding: 28px 0 20px 0;
  background: transparent url(../images/icon-18.png) no-repeat 24px 28px;
}

.dialog-confirm .title {
  display: flex;
  align-items: center;
  min-height: 56px;
  line-height: 30px;
  padding-left: 90px;
  padding-right: 35px;
  font-size: 20px;
  font-weight: normal;
  white-space: nowrap;
}

.dialog-confirm .title strong {
  margin: 0 6px;
}

.dialog-confirm .description {
  line-height: 24px;
  padding: 0 35px 10px 90px;
  font-size: 14px;
  text-align: left;
}

.dialog-confirm .buttons {
  height: 34px;
  margin-bottom: 28px;
  text-align: center;
}

.dialog-confirm .dialog-button-ok,
.dialog-confirm .dialog-button-cancel {
  display: inline-block;
  float: none;
  height: 34px;
  margin: 0 10px;
  padding: 0 16px;
  font-size: 14px;
  border: 1px solid #b8b8b8;
  cursor: pointer;
  color: #000;
  border-radius: 0;
  box-shadow: none;
}

.dialog-confirm .dialog-button-ok {
  color: #fff;
  background: #c8102e;
}

.dialog-confirm .dialog-button-ok:hover {
  background: #ae1929;
}

.dialog-confirm .dialog-button-cancel {
  background: linear-gradient(#fff, #f1f1f1);
}

.dialog-confirm .dialog-button-ok:hover,
.dialog-confirm .dialog-button-cancel:hover {
  border-color: #999;
}


.dialog-confirm.DoConfirm .dialog-button-ok {
  color: #000;
  background: #c8102e;
  font-weight: bold;
  background: linear-gradient(#fff, #f1f1f1);
}

.dialog-confirm .dialog-button-ok:focus,
.dialog-confirm .dialog-button-cancel:focus {
  outline: solid black;
}


/* confirm modal */
.layer-style-2.v2 {
  border: none;
  box-shadow: 0 0 3px 2px rgba(0,0,0, 0.2);
}

.layer-style-2.v2 .button-hide-layer {
  width: 30px;
  height: 30px;
  background: transparent url(../images/icon-005-close.png) no-repeat 50% 50%;
  background-size: 24px auto;
  right: -14px;
  top: -14px;
}

.layer-style-2.v2 .dialog-confirm {
  padding: 30px;
}

.layer-style-2.v2 .dialog-confirm .content {
  min-height: 30px;
  padding: 0 0 0 44px;
  margin-bottom: 24px;
  background: transparent url(../images/icon-006-warning.png) no-repeat 0 4px;
}

.layer-style-2.v2 .dialog-confirm .title {
  display: block;
  min-height: 0;
  line-height: 24px;
  padding: 3px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}

.layer-style-2.v2 .dialog-confirm .description {
  line-height: 16px;
  font-size: 12px;
}

.layer-style-2.v2 .dialog-confirm .buttons {
  height: 34px;
  margin-left: 44px;
  margin-bottom: 0;
}

.dialog-confirm-logout {
  width: 300px;
}


/* pager */
.nav-pager {
  clear: both;
  padding: 10px 0 4px 0;
}

.nav-pager .summary {
  float: left;
  line-height: 28px;
  font-size: 13px;
}

.nav-pager .pager {
  float: right;
  font-size: 12px;
}

.nav-pager .pager strong,
.nav-pager .pager a {
  float: left;
  min-width: 8px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  margin-left: 6px;
  margin-bottom: 6px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}

.nav-pager .pager strong {
  color: #fff;
  background: #960000;
  font-weight: normal;
}

.nav-pager .pager a {
  background: #fff;
}

.nav-pager .pager a:hover {
  color: #fff;
  background: #960000;
  text-decoration: none;
}

/* notice bar */
.notice-bar-01 {
  width: 100%;
  line-height: 16px;
  padding: 4px 0;
  text-align: center;
  border-bottom: 1px solid #d5999b;
  font-weight: bold;
  background: #ffe8e9;
  position: relative;
  z-index: 54321;
  color: #000;
  font-size: 12px;
}

.notice-bar-01 a {
  color: #000;
  text-decoration: underline;
}

.notice-bar-01.green {
  color: #0f7f12;
  background: #f4fcef;
  border-bottom-color: #0f7f12;
}

.notice-bar-01.green a {
  color: #0f7f12;
}

.notice-message {
  line-height: 18px;
  padding: 10px 14px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #000;
  background: #f0f0f0;
  border: 1px solid #ccc;
}

.notice-message.small {
  padding: 6px 10px;
  font-size: 12px;
}

.notice-message.lg {
  padding: 16px 20px;
  font-size: 16px;
}

.notice-message a {
  text-decoration: underline;
}

.notice-message.yellow {
  color: #8a6c3e;
  background: #fcf7e4;
  border: 1px solid #faeace;
}

.notice-message.yellow a {
  color: #8a6c3e;
}

.notice-message.green {
  color: #3b733f;
  background: #dfeed8;
  border: 1px solid #d6e7c7;
}

.notice-message.green a {
  color: #3b733f;
}

.notice-message.red {
  color: #a94944;
  background: #f2dede;
  border: 1px solid #ebcdd1;
}

.notice-message.red a {
  color: #a94944;
}

.notice-message.blue {
  color: #31708d;
  background: #d9edf7;
  border: 1px solid #bce8f1;
}

.notice-message.blue a {
  color: #31708d;
}

#note-top-message {
  display: none;
  float: left;
  height: 22px;
  line-height: 22px;
  padding: 0 14px;
  color: #fff;
  background: #3b733f;
  border: 1px solid #3b733f;
  border-top: none;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 99999;
  font-size: 12px;
}

#note-top-message.red {
  background: #a94944;
  border-color: #a94944;
}

#note-top-message.yellow {
  color: #8a6c3f;
  background: #fcf7e4;
  border-color: #f9eacd;
}

#note-center-message-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3999998;
  background: transparent;
}

#note-center-message-body {
  padding: 10px 20px;
  line-height: 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 3999999;
  -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0, 0.1);
  -moz-box-shadow: 0 0 10px 1px rgba(0,0,0, 0.1);
  box-shadow: 0 0 10px 1px rgba(0,0,0, 0.1);
}

.page-notice-content {
  font-size: 13px;
}

/* advanced dialog created by CSS3 without any image */
.adv-dialog-1 {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2000;
}

.adv-dialog-1 .dialog-wrapper-top {
  padding-top: 8px;
}

.adv-dialog-1 .dialog-wrapper-left {
  padding-left: 8px;
}

.adv-dialog-1 .dialog-wrapper-top.dialog-wrapper-big {
  padding-top: 12px;
}

.adv-dialog-1 .dialog-corner {
  position: absolute;
}

.adv-dialog-1 .dialog-wrapper-top .dialog-corner {
  left: 0;
  top: 0;
}

.adv-dialog-1 .dialog-wrapper-left .dialog-corner {
  left: 0;
  top: 0;
}

.adv-dialog-1 ._corner {
  width: 0;
  height: 0;
}

.adv-dialog-1 ._corner:before {
  content: ' ';
  width: 0;
  height: 0;
}

.adv-dialog-1 .dialog-wrapper-top ._corner {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.adv-dialog-1 .dialog-wrapper-top ._corner:before {
  position: absolute;
  left: 1px;
  top: 2px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.adv-dialog-1 .dialog-wrapper-left ._corner {
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.adv-dialog-1 .dialog-wrapper-left ._corner:before {
  position: absolute;
  left: 2px;
  top: 1px;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.adv-dialog-1 .dialog-wrapper-top.dialog-wrapper-big ._corner {
  border-left-width: 12px;
  border-right-width: 12px;
  border-bottom-width: 12px;
}

.adv-dialog-1 .dialog-wrapper-top.dialog-wrapper-big ._corner:before {
  border-left-width: 11px;
  border-right-width: 11px;
  border-bottom-width: 11px;
}

/* default style */
.adv-dialog-1 .dialog-wrapper-top {
  position: relative;
  left: -20px;
}

.adv-dialog-1 .dialog-wrapper-left {
  position: relative;
  left: 25px;
}

.adv-dialog-1 .dialog-wrapper-top .dialog-corner {
  margin-left: 20px;
}

.adv-dialog-1 .dialog-wrapper-left .dialog-corner {
  margin-top: 20px;
}

.adv-dialog-1 .dialog-wrapper-top ._corner{
  border-bottom-color: #ccc;
}

.adv-dialog-1 .dialog-wrapper-left ._corner {
  border-right-color: #ccc;
}

.adv-dialog-1 .dialog-container {
  border: 1px solid #ccc;
}

.adv-dialog-1 .dialog-wrapper-top ._corner:before {
  border-bottom-color: #f8f8f8;
}

.adv-dialog-1 .dialog-wrapper-left ._corner:before {
  border-right-color: #f8f8f8;
}

.adv-dialog-1 .dialog-container {
  background: #f8f8f8;
}

.adv-dialog-1 .dialog-container {
  box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
}

.adv-dialog-1 .dialog-container {
  line-height: 18px;
  padding: 8px 12px;
  font-size: 12px;
  text-align: left;
}

.something-not-found {
  font-size: 14px;
}

/* DateTime picker */
.ui-dateTimePicker-rwj .ui-datepicker-calendar {
  margin-bottom: 6px;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time {
  clear: both;
  width: 189px;
  padding-top: 6px;
  margin-left: 10px;
  border-top: 1px solid #aaa;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time h5 {
  float: left;
  height: 23px;
  line-height: 23px;
  margin-right: 8px;
  font-size: 11px;
  font-weight: bold;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .item {
  clear: both;
  float: left;
  width: 100%;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .content-select-time {
  float: left;
  width: 37px;
  height: 21px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .content-select-time .input {
  float: left;
  width: 26px;
  height: 21px;
  line-height: 21px;
  background: #fff;
  font-size: 11px;
  text-align: center;
  padding: 0 !important;
  outline: none !important;
  margin: 0 auto !important;
  border: none !important;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .select-prev-time,
.ui-dateTimePicker-rwj .ui-datepicker-select-time .select-next-time {
  width: 10px;
  height: 10px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  right: 0;
  border-left: 1px solid #e3e3e3;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .select-next-time {
  top: 0;
  background: transparent url(../images/icon-301-arrow.png) no-repeat 1px 2px;
  background-size: 50px auto;
  border-bottom: 1px solid #e3e3e3;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .select-next-time:hover {
  background-position: 1px -23px;
  background-size: 50px auto;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .select-prev-time {
  bottom: 0;
  background: transparent url(../images/icon-301-arrow.png) no-repeat -24px 3px;
  background-size: 50px auto;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .select-prev-time:hover {
  background-position: -24px -22px;
  background-size: 50px auto;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .content-select-time .input-amp {
  text-transform: uppercase;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .sp-hour-minute {
  float: left;
  line-height: 23px;
  padding: 0 6px;
  font-weight: bold;
  font-size: 12px;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .content-select-apm {
  margin-left: 10px;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .item-button {
  padding-top: 10px;
  text-align: center;
}

.ui-dateTimePicker-rwj .ui-datepicker-select-time .button-close-dp {
  float: none;
  display: block;
  margin: 0 auto;
}

.tooltip-v1 {
  width: 320px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  background: rgba(255,255,255, 0.95);
  position: fixed;
  z-index: 9999999;
  font: normal 12px/1.5 Arial, Helvetica, Sans-Serif;
}

.tooltip-v1.warning {
  color: #8a6d3b;
  background: #fcf8e3;
  border-color: #dbd1bc;
}

.tooltip-v2 {
  width: 230px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  background: rgba(255,255,255, 0.95);
  box-shadow: 0 0 5px rgba(0,0,0, 0.15);
  position: fixed;
  z-index: 9999999;
  font: normal 12px/1.5 Arial, Helvetica, Sans-Serif;
}

.required {
  color: red;
}

/* modal style */
.go-left {
  float: left;
}

.go-right {
  float: right;
}

/* checkbox */
.content-option-list .checkbox {
  display: none;
}

.content-option-list label {
  float: left;
  min-height: 16px;
  line-height: 16px;
  padding: 2px 0 2px 20px;
  position: relative;
  cursor: pointer;
}

.ui-checkboxradio-label,
.ui-checkboxradio-radio-label {
  line-height: 20px;
  padding-left: 30px;
  position: relative;
}

.ui-checkboxradio-label.ui-state-disabled {
  cursor: default;
  color: #666;
}

.ui-checkboxradio-label .ui-checkboxradio-icon-space {
  width: 18px;
  height: 18px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #616161;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}

.ui-checkboxradio-radio-label .ui-checkboxradio-icon-space {
  width: 20px;
  height: 20px;
}

.ui-checkboxradio-label:hover .ui-checkboxradio-icon-space {
  border-color: #c8102e;
}

.ui-checkboxradio-checked .ui-checkboxradio-icon-space,
.ui-checkboxradio-checked:hover .ui-checkboxradio-icon-space{
  border: 2px solid #c8102e;
}

.ui-checkboxradio-label.ui-state-disabled .ui-checkboxradio-icon-space,
.ui-checkboxradio-label.ui-state-disabled:hover .ui-checkboxradio-icon-space{
  border-color: #000;
  cursor: default;
  opacity: 0.5;
}

.ui-checkboxradio-label .ui-checkboxradio-icon {
  display: none;
  width: 12px;
  height: 12px;
  overflow: hidden;
  background: transparent url(../images/icon-01-checked.png) no-repeat 0 0;
  background-size: 12px 12px;
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 10;
}

.ui-checkboxradio-label.ui-state-disabled .ui-checkboxradio-icon {
  background: transparent url(../images/icon-01-checked-disabled.png) no-repeat 0 0;
  background-size: 12px 12px;
  cursor: default;
  opacity: 0.5;
}

.ui-checkboxradio-radio-label .ui-checkboxradio-icon-space {
  border-radius: 12px;
}

.ui-checkboxradio-radio-label .ui-checkboxradio-icon {
  width: 12px;
  height: 12px;
  background: #c8102e;
  left: 4px;
  top: 4px;
  border-radius: 6px;
}

.ui-checkboxradio-label.ui-checkboxradio-checked .ui-checkboxradio-icon {
  display: block;
}

.ui-checkboxradio-radio-label.ui-state-disabled .ui-checkboxradio-icon {
  background: #000;
}

.ui-checkboxradio-label.ui-checkboxradio-disabled.ui-checkboxradio-checked {
  font-weight: bold;
}

.tooltip {
  font-size: 13px !important;
}

.tooltip-small {
  font-size: 12px !important;
}

.content-enter-by-voice {
  clear: both;
  width: 100%;
}

.content-enter-by-voice .button-start-voice {
  float: right;
}


/* nav-1 */
.nav-1 {
  height: 20px;
  padding-bottom: 6px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.nav-1 .item {
  float: left;
  height: 20px;
  color: #000;
}

.nav-1 .anchor,
.nav-1 .anchor:hover {
  float: left;
  height: 20px;
  line-height: 20px;
  color: #000;
}

.nav-1 .anchor.active {
  color: #960000;
}

.nav-1 .separator {
  float: left;
  width: 0;
  height: 14px;
  margin: 2px 8px 0 8px;
  overflow: hidden;
  border-left: 1px solid #aaa;
  text-indent: -9999px;
}

.nav-1 .dropdown-menu {
  margin-top: 8px;
  border: 1px solid #bbb;
}

.nav-1 .dropdown-menu .dropdown-item {
  box-sizing: border-box;
}

.nav-1 .dropdown-menu .dropdown-item:active {
  color: #000;
  background: none;
}

.nav-1 .dropdown-menu .dropdown-item.active {
  color: #960000;
  background: none;
}


/* ui select menu */
.jqui .jqui .ui-widget {
  font-family: inherit !important;
}

.ui-selectmenu-button {
  width: 100% !important;
}

.ui-selectmenu-button.ui-widget {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 40px;
  padding: 6px 10px !important;
  box-sizing: border-box;
}

.ui-selectmenu-button.ui-widget .ui-selectmenu-icon {
  order: 2;
  flex-shrink: 0;
  flex-grow: 0;
}

.ui-selectmenu-button.ui-widget .ui-selectmenu-text {
  order: 1;
  flex-shrink: 1;
  flex-grow: 1;
  line-height: 20px;
  white-space: normal;
}

.ui-selectmenu-button.ui-widget.SL .ui-selectmenu-text {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-widget .ui-selectmenu-text.placeholder,
.ui-selectmenu-button.ui-widget .ui-selectmenu-text .placeholder {
  color: #999;
}

.ui-selectmenu-menu {
  font-size: 15px;
}

.ui-selectmenu-menu .ui-menu {
  max-height: 300px;
  overflow-y: auto;
}

.ui-menu .ui-menu-item-wrapper {
  padding: 6px 10px !important;
}


.jqui .ui-state-active,
.jqui .ui-widget-content .ui-state-active,
.jqui .ui-widget-header .ui-state-active,
.jqui .ui-button:active,
.jqui .ui-button:active,
.jqui .ui-button.ui-state-active:hover {
  color: inherit !important;
  background-color: #fffae7 !important;
  border: none !important;
}

.jqui .ui-selectmenu-button.ui-button,
.jqui .ui-selectmenu-button.ui-button:hover,
.jqui .ui-selectmenu-button.ui-button:active {
  border: 1px solid #ccc !important;
  background: #FFF !important;
}

.jqui .ui-selectmenu-button.ui-button.ui-state-disabled,
.jqui .ui-selectmenu-button.ui-button.ui-state-disabled:hover,
.jqui .ui-selectmenu-button.ui-button.ui-state-disabled:active {
  opacity: 1 !important;
  background: #fafafa !important;
  border: 1px solid #ccc !important;
  color: #666 !important;
}

.jqui .ui-selectmenu-button.ui-button.ui-state-disabled .ui-icon {
  opacity: 0.6 !important;
}

.jqui .ui-selectmenu-button.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png") !important;
}

.jqui .ui-menu .ui-state-focus,
.jqui .ui-menu .ui-state-active {
  margin: 0 !important;
}


.badge.badge-form-status {
  height: 20px;
  line-height: 20px;
}

.badge.color-green {
  background: #5cb85c;
  color: #FFF;
}

.badge.color-red {
  background: #d9534f;
  color: #FFF;
}

.badge.color-grey {
  background: #777;
  color: #FFF;
}


.content-error-message.info {
  clear: both;
  height: 0;
  overflow: hidden;
  position: relative;
}

.content-error-message.info.show {
  display: flex;
  align-items: center;
  height: auto;
  line-height: 20px;
  margin-left: 26px;
  padding-top: 16px;
  padding-left: 20px;
  color: red;
}

.content-error-message.info.show::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  overflow: hidden;
  background: transparent url(../images/icon-037-info.svg) no-repeat 0 0;
  background-size: 14px auto;
  position: absolute;
  left: 0;
  top: 19px;
}


.content-answer-readonly {
  display: block;
  width: 100%;
  line-height: 26px;
  padding: 6px 10px;
  border: 1px solid #CCC;
  background-color: #fafafa;
  color: #666;
  font-size: 15px;
  box-sizing: border-box;
}