@charset "UTF-8";
/*Modules*/
.green-dark {
  color: #008350 !important; }

.grey-light {
  color: #a6a8ab !important; }

.grey-medium {
  color: #808285; }

.black-medium {
  color: #424143; }

.black-light {
  color: #818082; }

.grey-choice {
  color: #818285; }

.grey-dark {
  color: #414042; }

.blue-light {
  color: #009bde !important; }

.black {
  color: #000000 !important; }

.red {
  color: #d74022; }

@font-face {
  font-family: Roboto-Light;
  src: url("/static/assets/css/fonts/Roboto-Light-46e48ce0628835f68a7369d0254e4283.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Roboto-Regular;
  src: url("/static/assets/css/fonts/Roboto-Regular-df7b648ce5356ea1ebce435b3459fd60.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Roboto-Medium;
  src: url("/static/assets/css/fonts/Roboto-Medium-894a2ede85a483bf9bedefd4db45cdb9.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Roboto-Bold;
  src: url("/static/assets/css/fonts/Roboto-Bold-e31fcf1885e371e19f5786c2bdfeae1b.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.roboto-light {
  font-family: "Roboto-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.roboto-regular {
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.roboto-medium {
  font-family: "Roboto-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.roboto-bold {
  font-family: "Roboto-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.font-10px {
  font-size: 10px; }

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

.font-14px {
  font-size: 14px !important; }

.font-16px {
  font-size: 16px; }

.font-20px {
  font-size: 20px; }

.font-21px {
  font-size: 21px; }

.font-22px {
  font-size: 22px; }

.font-24px {
  font-size: 24px; }

.font-italic {
  font-style: italic; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

.input-line {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #a6a8ab;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .input-line:focus {
    border-color: #009F61;
    -webkit-box-shadow: none;
    box-shadow: none; }

.input-line-error {
  border-bottom: 1px solid #d74022; }
  .input-line-error:focus {
    border-color: #d74022; }

.input-line-success {
  border-bottom: 1px solid #009F61; }
  .input-line-success:focus {
    border-color: #009F61; }

.daterange {
  display: flex;
  width: auto; }
  .daterange .form-group-date {
    width: 50%; }
    .daterange .form-group-date:first-child {
      margin-right: 10px; }
    .daterange .form-group-date .parsley-errors-list {
      position: absolute;
      top: 35px;
      padding: 0; }
  .daterange .date {
    box-shadow: none;
    width: auto; }
    .daterange .date:first-child {
      margin-right: 10px; }
    .daterange .date label {
      color: #424143;
      font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px; }
    .daterange .date input {
      box-shadow: none;
      color: #414042;
      padding: 10px 10px;
      border-right-width: 0;
      text-align: left; }
    .daterange .date .input-group-addon {
      background-color: white;
      border-width: 1px 1px 1px 0px; }

.sweet-alert {
  padding: 17px 30px; }

.sweet-alert.sweet-alert-error h2,
.sweet-alert.sweet-alert-success h2 {
  font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0; }

.sweet-alert.sweet-alert-error p,
.sweet-alert.sweet-alert-success p {
  font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #212121;
  letter-spacing: 0; }

.sweet-alert .sa-button-container .confirm {
  padding-top: 7px;
  padding-bottom: 7px;
  min-width: 110px;
  font-size: 16px;
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 0 #008350;
  margin-bottom: 26px; }

.parent-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 50px !important; }

.box {
  margin: 20px;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 20px;
  padding-right: 20px;
  height: auto;
  border: 1px solid #e6e7e8;
  border-radius: 3px;
  box-shadow: 8px 8px 3px 2px #e6e7e8;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column; }

.green-line {
  width: 100%; }
  .green-line hr {
    border: 1px outset #009F61; }

.form-control {
  font-size: 12px;
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #808285; }

form {
  width: 100%; }

.form-group .parsley-errors-list ul {
  padding: 0; }

.form-group .parsley-errors-list li {
  list-style: none;
  text-align: right;
  color: #d74022;
  font-size: 12px;
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.efiling-container {
  display: flex;
  padding: 0 30px; }
  @media only screen and (max-width: 425px) {
    .efiling-container {
      padding: 0 15px; } }
.admin-container {
  padding-top: 40px; }

a:hover {
  cursor: pointer; }

.green-hover:hover {
  color: #009F61 !important;
  cursor: pointer; }

.modal-content {
  border-radius: 4px; }

.modal-header button {
  position: absolute;
  right: 5px;
  top: 5px; }

.width-form {
  width: auto; }
  @media only screen and (max-width: 425px) {
    .width-form {
      padding: 0 15px;
      width: auto; } }
.glyphicon-pencil:before {
  color: #009bde; }

.toaster {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center !important;
  transition: all .6s !important;
  transform: translateY(-80px);
  z-index: -1; }
  .toaster-content {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
    min-width: 100px; }
    .toaster-content span {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px; }
      .toaster-content span:last-child {
        margin-top: -1px; }
        .toaster-content span:last-child::after, .toaster-content span:last-child::before {
          background-color: #721c24; }
  .toaster.is-warning {
    width: 100%; }
    .toaster.is-warning.is-active {
      transform: translateY(0); }
    .toaster.is-warning .toaster-content {
      display: block;
      background-color: #FFB700;
      color: #212121;
      border-radius: 0; }
      .toaster.is-warning .toaster-content .is-loading:before {
        border: 2px solid #212121;
        border-top-color: transparent; }
      .toaster.is-warning .toaster-content span:last-child {
        display: none; }
  .toaster.is-success .toaster-content {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb; }
    .toaster.is-success .toaster-content span {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px; }
      .toaster.is-success .toaster-content span:last-child {
        margin-top: -1px; }
        .toaster.is-success .toaster-content span:last-child::after, .toaster.is-success .toaster-content span:last-child::before {
          background-color: #155724; }
  .toaster.is-error {
    border: 0; }
    .toaster.is-error .toaster-content {
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb; }
  .toaster.is-active {
    transform: translateY(30px);
    z-index: 999; }

.selectbox .select2 {
  width: 100% !important;
  font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.2px; }

.selectbox .select2-container--default.parsley-error .select2-selection--single {
  border-color: #d74022; }

.selectbox .select2-container--default .select2-selection--single {
  height: 36px;
  border-color: rgba(0, 0, 0, 0.2); }

#table-kap_wrapper .dataTables_filter,
#table-kjs_wrapper .dataTables_filter,
#table-kpp_wrapper .dataTables_filter {
  float: left;
  width: 300px;
  text-align: left;
  margin-bottom: 20px; }
  #table-kap_wrapper .dataTables_filter label,
  #table-kjs_wrapper .dataTables_filter label,
  #table-kpp_wrapper .dataTables_filter label {
    display: block; }
    #table-kap_wrapper .dataTables_filter label > input,
    #table-kjs_wrapper .dataTables_filter label > input,
    #table-kpp_wrapper .dataTables_filter label > input {
      margin-left: 0;
      max-height: 32px; }

.sk-error-message small {
  display: block;
  font-size: 12px; }

.sk-error-message.is-error {
  border: 0; }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.is-spinning {
  animation: rotating 1s infinite;
  transition: all .5s; }

.disabled {
  pointer-events: none; }

.btn-block + .btn-block {
  margin-top: 0 !important; }

.circle-btn {
  border-radius: 15px; }

.sweet-alert button, .btn-green {
  color: white;
  border: 1px solid #009F61;
  background-color: #009F61 !important; }
  .sweet-alert button:hover, .sweet-alert button:focus, .btn-green:hover, .btn-green:focus {
    color: white; }
  .sweet-alert button:disabled, .btn-green:disabled {
    opacity: 1;
    border-color: #bebec0;
    background-color: #bebec0 !important; }

.btn-grey-blue {
  color: white;
  background-color: #647d8c;
  border: 1px solid #647d8c; }
  .btn-grey-blue:hover, .btn-grey-blue:focus {
    color: #647d8c;
    background-color: white; }

.btn-white {
  color: #009F61;
  background-color: white;
  border: 1px solid #009F61; }
  .btn-white:hover, .btn-white:focus {
    color: #009F61; }

.btn-green {
  background-color: #009F61;
  color: white;
  border: 1px solid #009F61; }

.btn-green-outline {
  background-color: white;
  color: #009F61;
  border: 1px solid #009F61; }

.btn-red {
  color: white;
  background-color: #d74022;
  border: 1px solid #d74022; }
  .btn-red:hover, .btn-red:focus {
    color: white; }

.btn-white-red {
  color: #d74022;
  background-color: white;
  border: 1px solid #d74022; }
  .btn-white-red:hover, .btn-white-red:focus {
    color: white;
    background: #d74022; }
  .btn-white-red:disabled {
    opacity: 1;
    border-color: #bebec0;
    background-color: #bebec0 !important;
    color: white; }

.btn-grey {
  color: white;
  background-color: #a6a8ab;
  border: 1px solid #a6a8ab;
  cursor: not-allowed; }
  .btn-grey:hover, .btn-grey:focus {
    color: white; }

.btn {
  font-size: 12px; }

.sweet-alert button, .btn-round {
  border-radius: 15px;
  font-size: 12px;
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sweet-alert button.cancel {
  color: #009F61;
  background-color: white !important;
  border: 1px solid #009F61; }
  .sweet-alert button.cancel:hover, .sweet-alert button.cancel:focus {
    color: #009F61; }

.btn-setting {
  width: 130px;
  height: 100%; }

#caret-setting {
  border-width: 7px; }

.w-100 {
  width: 100%; }

.w-44 {
  width: 44%; }

w-50 {
  width: 50%; }

.w-92 {
  width: 92%; }

.w-86 {
  width: 86%; }

.w-25 {
  width: 25%; }

.w-auto {
  width: auto; }

.w-75px {
  width: 75px; }

.w-10px {
  width: 10px; }

.w-90px {
  width: 90px; }

.w-100px {
  width: 100px; }

.w-120px {
  width: 120px; }

.w-130px {
  width: 130px; }

.w-160px {
  width: 160px; }

.w-180px {
  width: 180px; }

.w-250px {
  width: 250px; }

.w-280px {
  width: 280px; }

.w-350px {
  width: 350px; }

.w-370px {
  width: 370px; }

.w-450px {
  width: 450px; }

.w-470px {
  width: 470px; }

.w-500px {
  width: 500px; }

.h-30px {
  height: 30px !important; }

.h-35px {
  height: 35px !important; }

.h-200px {
  height: 200px; }

.min-w-100px {
  min-width: 100px !important; }

.h-35px {
  height: 35px; }

.line-height-20px {
  line-height: 20px; }

.line-height-35px {
  line-height: 35px; }

.full-width {
  width: 100% !important; }

.full-height {
  height: 100%; }

.flex {
  display: flex; }

.align-items-center {
  align-items: center; }

.flex-center-n-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center; }

.flex-direction-column {
  flex-direction: column; }

.cursor-pointer {
  cursor: pointer; }

.no-margin {
  margin: 0 !important; }

.margin-auto {
  margin: auto; }

.margin-top-3px {
  margin-top: 3px; }

.margin-top-10px {
  margin-top: 10px; }

.margin-top-15px {
  margin-top: 15px; }

.margin-top-20px {
  margin-top: 20px; }

.margin-top-30px {
  margin-top: 30px; }

.margin-top-50px {
  margin-top: 50px; }

.margin-top-70px {
  margin-top: 70px; }

.margin-top-80px {
  margin-top: 80px; }

.margin-top-100px {
  margin-top: 100px; }

.margin-left-5px {
  margin-left: 5px; }

.margin-left-8px {
  margin-left: 8px; }

.margin-left-10px {
  margin-left: 10px; }

.margin-left-15px {
  margin-left: 15px; }

.margin-left-0px {
  margin-left: 0px; }

.margin-left-20px {
  margin-left: 20px !important; }

.margin-left-25px {
  margin-left: 25px; }

.margin-left-70px {
  margin-left: 70px; }

.margin-left-80px {
  margin-left: 80px; }

.margin-left-100px {
  margin-left: 100px; }

.margin-left-130px {
  margin-left: 130px; }

.margin-left-160px {
  margin-left: 150px; }

.margin-left-250px {
  margin-left: 250px; }

.margin-left-270px {
  margin-left: 270px; }

.margin-left-400px {
  margin-left: 400px; }

.margin-left-520px {
  margin-left: 520px; }

.margin-right-10px {
  margin-right: 10px; }

.margin-right-30px {
  margin-right: 30px; }

.margin-right-50px {
  margin-right: 50px; }

.margin-right-100px {
  margin-right: 100px; }

.margin-bottom-5px {
  margin-bottom: 5px; }

.margin-bottom-10px {
  margin-bottom: 10px; }

.margin-bottom-15px {
  margin-bottom: 15px; }

.margin-bottom-20px {
  margin-bottom: 20px; }

.margin-bottom-30px {
  margin-bottom: 30px; }

.margin-bottom-40px {
  margin-bottom: 40px; }

.margin-top-bottom-20px-30px {
  margin-top: 20px;
  margin-bottom: 30px; }

.margin-top-bottom-30px-30px {
  margin-top: 30px;
  margin-bottom: 30px; }

.margin-right-left-15px {
  margin: 0 15px; }

.padding-bottom-0 {
  padding-bottom: 0 !important; }

.padding-bottom-7px {
  padding-bottom: 7px !important; }

.padding-bottom-15px {
  padding-bottom: 15px !important; }

.padding-bottom-20px {
  padding-bottom: 20px; }

.padding-bottom-30px {
  padding-bottom: 30px; }

.padding-top-0px {
  padding-top: 0px !important; }

.padding-top-5px {
  padding-top: 5px; }

.padding-top-7px {
  padding-top: 7px; }

.padding-top-10px {
  padding-top: 10px; }

.padding-top-15px {
  padding-top: 15px; }

.padding-top-20px {
  padding-top: 20px; }

.padding-top-30px {
  padding-top: 30px; }

.padding-bottom-5px {
  padding-bottom: 5px; }

.padding-right-40px {
  padding-right: 40px !important; }

.padding-left-15px {
  padding-left: 15px; }

.padding-left-23px {
  padding-left: 23px; }

.padding-top-50px-left-10px {
  padding-top: 50px;
  padding-left: 10px; }

.padding-5px {
  padding: 5px; }

.padding-10px {
  padding: 10px; }

.padding-6px-8px {
  padding: 6px 8px !important; }

.padding-30px {
  padding: 30px; }

.padding-0 {
  padding: 0; }

.border-0 {
  border: 0; }

.border-radius-2px {
  border-radius: 2px; }

.border-radius-4px {
  border-radius: 4px; }

.border-radius-15px {
  border-radius: 15px; }

.display-inherit {
  display: inherit; }

.overflow-scroll {
  overflow: scroll; }

.outline-none {
  outline: none; }

a:hover {
  cursor: pointer; }

.background-grey {
  background: #f7f7f8; }

.text-center {
  text-align: center !important; }

.border-helper.border-w-1px {
  border-width: 1px; }

.border-helper.border-top {
  border-top-style: solid; }

.border-helper.border-left {
  border-left-style: solid; }

.border-helper.border-bottom {
  border-bottom-style: solid; }

.border-helper.border-right {
  border-right-style: solid; }

.border-helper.border-color-green {
  border-color: #009F61; }

.border-helper.border-color-grey-border-shadow {
  border-color: #e6e7e8; }

.border-hide {
  border: 0px !important;
  box-shadow: 0px 0px 0px 0px #e6e7e8 !important; }

.custom-modal-header-green .modal-header {
  margin: 20px 20px 0 20px;
  padding: 15px 0;
  border-bottom: 2px solid #009F61; }
  .custom-modal-header-green .modal-header span {
    font-family: "Roboto-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #808285; }

.custom-modal-header-green .modal-body {
  padding: 30px 20px;
  overflow: auto;
  max-height: 100vh; }
  .custom-modal-header-green .modal-body #tax-info-table tr td:first-child {
    width: 200px; }

.font-11px {
  font-size: 11px; }

.background-color-initial {
  background-color: initial !important; }

.custom-border-bottom-dropdown-menu {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

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

.background-white {
  background: white !important; }

.list-style-none {
  list-style: none; }

.display-flex {
  display: flex; }

#grey-light {
  color: #a6a8ab; }

.justify-content-left {
  justify-content: left !important; }

.justify-content-space-evenly {
  justify-content: space-evenly !important; }

.justify-content-center {
  justify-content: center; }

.float-right {
  float: right; }

.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.top-64px {
  top: 64px !important; }

.font-size-14px {
  font-size: 14px !important; }

#border-radius-0 {
  border-radius: 0px !important; }

.border-radius-4px {
  border-radius: 4px !important; }

.datepicker-dropdown:before {
  display: none !important; }

.datepicker-dropdown:after {
  display: none !important; }

.datepicker {
  margin: 0;
  padding: 0; }
  .datepicker .datepicker-switch {
    font-size: 14px;
    background-color: #f7f7f8; }
    .datepicker .datepicker-switch:hover {
      background-color: #dadada; }
    .datepicker .datepicker-switch .prev:hover, .datepicker .datepicker-switch .next:hover {
      background-color: #dadada; }
  .datepicker .datepicker-days .table-condensed thead {
    display: block; }
    .datepicker .datepicker-days .table-condensed thead tr:nth-child(2) {
      border-radius: 2px;
      background-color: #f7f7f8;
      color: #2ab27b;
      height: 42px;
      font-size: 14px;
      font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .datepicker .datepicker-days .table-condensed thead tr:nth-child(2) th {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        height: 100%; }
        .datepicker .datepicker-days .table-condensed thead tr:nth-child(2) th:nth-child(2):hover {
          cursor: auto; }
    .datepicker .datepicker-days .table-condensed thead tr:last-child {
      font-size: 11px;
      font-family: "Roboto-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #414042;
      display: flex;
      justify-content: center;
      align-items: inherit;
      padding: 0 10px; }
    .datepicker .datepicker-days .table-condensed thead tr th {
      border-radius: 0; }
      .datepicker .datepicker-days .table-condensed thead tr th:hover {
        background-color: inherit; }
  .datepicker .datepicker-months .table-condensed thead, .datepicker .datepicker-years .table-condensed thead, .datepicker .datepicker-decades .table-condensed thead, .datepicker .datepicker-centuries .table-condensed thead {
    display: block; }
    .datepicker .datepicker-months .table-condensed thead tr:last-child, .datepicker .datepicker-years .table-condensed thead tr:last-child, .datepicker .datepicker-decades .table-condensed thead tr:last-child, .datepicker .datepicker-centuries .table-condensed thead tr:last-child {
      background-color: #f7f7f8;
      color: #2ab27b;
      height: 42px;
      font-size: 14px;
      font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .datepicker .datepicker-months .table-condensed thead tr:last-child th, .datepicker .datepicker-years .table-condensed thead tr:last-child th, .datepicker .datepicker-decades .table-condensed thead tr:last-child th, .datepicker .datepicker-centuries .table-condensed thead tr:last-child th {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        height: 100%; }
    .datepicker .datepicker-months .table-condensed thead th, .datepicker .datepicker-years .table-condensed thead th, .datepicker .datepicker-decades .table-condensed thead th, .datepicker .datepicker-centuries .table-condensed thead th {
      border-radius: 0; }
      .datepicker .datepicker-months .table-condensed thead th:hover, .datepicker .datepicker-years .table-condensed thead th:hover, .datepicker .datepicker-decades .table-condensed thead th:hover, .datepicker .datepicker-centuries .table-condensed thead th:hover {
        background-color: inherit; }
  .datepicker .datepicker-days .table-condensed tbody {
    padding: 0 10px 10px 10px;
    display: block; }
    .datepicker .datepicker-days .table-condensed tbody tr td {
      border-radius: 0;
      border: 1px solid #dadada; }
      .datepicker .datepicker-days .table-condensed tbody tr td.active.day, .datepicker .datepicker-days .table-condensed tbody tr td.selected.day, .datepicker .datepicker-days .table-condensed tbody tr td.active.month {
        color: white;
        background-color: #2ab27b; }
      .datepicker .datepicker-days .table-condensed tbody tr td.day {
        font-size: 10px;
        font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #818082; }
        .datepicker .datepicker-days .table-condensed tbody tr td.day.range {
          background-color: #d7f4e5 !important; }
      .datepicker .datepicker-days .table-condensed tbody tr td.day.old, .datepicker .datepicker-days .table-condensed tbody tr td.day.new {
        color: #bebec0 !important;
        height: 32px;
        width: 32px;
        background-color: #e9e9e9; }
      .datepicker .datepicker-days .table-condensed tbody tr td.month {
        line-height: 32px;
        height: 32px;
        margin: 1% 10px; }

.btn-block + .btn-block {
  margin-top: 0 !important; }

.circle-btn {
  border-radius: 15px; }

.sweet-alert button, .btn-green {
  color: white;
  border: 1px solid #009F61;
  background-color: #009F61 !important; }
  .sweet-alert button:hover, .sweet-alert button:focus, .btn-green:hover, .btn-green:focus {
    color: white; }
  .sweet-alert button:disabled, .btn-green:disabled {
    opacity: 1;
    border-color: #bebec0;
    background-color: #bebec0 !important; }

.btn-grey-blue {
  color: white;
  background-color: #647d8c;
  border: 1px solid #647d8c; }
  .btn-grey-blue:hover, .btn-grey-blue:focus {
    color: #647d8c;
    background-color: white; }

.btn-white {
  color: #009F61;
  background-color: white;
  border: 1px solid #009F61; }
  .btn-white:hover, .btn-white:focus {
    color: #009F61; }

.btn-green {
  background-color: #009F61;
  color: white;
  border: 1px solid #009F61; }

.btn-green-outline {
  background-color: white;
  color: #009F61;
  border: 1px solid #009F61; }

.btn-red {
  color: white;
  background-color: #d74022;
  border: 1px solid #d74022; }
  .btn-red:hover, .btn-red:focus {
    color: white; }

.btn-white-red {
  color: #d74022;
  background-color: white;
  border: 1px solid #d74022; }
  .btn-white-red:hover, .btn-white-red:focus {
    color: white;
    background: #d74022; }
  .btn-white-red:disabled {
    opacity: 1;
    border-color: #bebec0;
    background-color: #bebec0 !important;
    color: white; }

.btn-grey {
  color: white;
  background-color: #a6a8ab;
  border: 1px solid #a6a8ab;
  cursor: not-allowed; }
  .btn-grey:hover, .btn-grey:focus {
    color: white; }

.btn {
  font-size: 12px; }

.sweet-alert button, .btn-round {
  border-radius: 15px;
  font-size: 12px;
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sweet-alert button.cancel {
  color: #009F61;
  background-color: white !important;
  border: 1px solid #009F61; }
  .sweet-alert button.cancel:hover, .sweet-alert button.cancel:focus {
    color: #009F61; }

.btn-setting {
  width: 130px;
  height: 100%; }

#caret-setting {
  border-width: 7px; }

/*Partials*/
#nav-container {
  justify-content: space-between;
  display: flex;
  width: 100%;
  align-items: center; }
  #nav-container > div {
    border-bottom: 2px solid #e9e9e9; }
  @media only screen and (max-width: 425px) {
    #nav-container {
      padding: 0 15px;
      flex-direction: column; } }
  #nav-container .nav-fixed {
    top: 0;
    position: fixed;
    z-index: 100;
    background: white;
    width: 100%; }
  #nav-container .empty-space-nav {
    height: 50px; }
    @media only screen and (max-width: 425px) {
      #nav-container .empty-space-nav {
        height: 100px; } }
  #nav-container #nav-section {
    display: flex;
    width: 100%;
    align-items: center; }
  #nav-container .nav {
    display: flex;
    align-items: center;
    height: 50px; }
    #nav-container .nav .nav-group {
      display: flex; }
    #nav-container .nav .nav-button {
      display: flex;
      align-items: center;
      margin-right: 30px;
      height: 50px;
      padding: 0 1px;
      margin-bottom: -4px;
      white-space: nowrap; }
      #nav-container .nav .nav-button a {
        display: flex;
        height: 100%;
        align-items: center;
        position: relative;
        top: 3px;
        color: #808285;
        font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px; }
        #nav-container .nav .nav-button a:hover {
          text-decoration: none; }
      #nav-container .nav .nav-button span {
        padding-left: 5px; }
      #nav-container .nav .nav-button.active, #nav-container .nav .nav-button.open {
        border-bottom: 2px solid #009F61; }
        #nav-container .nav .nav-button.active a, #nav-container .nav .nav-button.open a {
          color: #414042; }
        #nav-container .nav .nav-button.active #nav-img-home, #nav-container .nav .nav-button.open #nav-img-home {
          background-image: url("/assets/img/nav_icon/home_active-937b6163395feef60806a12f43814304.svg"); }
        #nav-container .nav .nav-button.active #nav-img-profile, #nav-container .nav .nav-button.open #nav-img-profile {
          background-image: url("/assets/img/nav_icon/profile_active-5373324ea12a85c9b3d9173947e1f174.svg"); }
        #nav-container .nav .nav-button.active #nav-img-upload, #nav-container .nav .nav-button.open #nav-img-upload {
          background-image: url("/assets/img/nav_icon/upload_active-e46e3006de8aba97b84a25a576f13b35.png"); }
        #nav-container .nav .nav-button.active #nav-img-csv-nofa, #nav-container .nav .nav-button.open #nav-img-csv-nofa {
          background-image: url("/assets/img/nav_icon/nofa_active.svg"); }
        #nav-container .nav .nav-button.active #nav-img-gen-csv, #nav-container .nav .nav-button.open #nav-img-gen-csv {
          background-image: url("/assets/img/nav_icon/csv_active-16ef6185dfb8f92430978dd0c54cd219.svg"); }
        #nav-container .nav .nav-button.active #nav-img-help, #nav-container .nav .nav-button.open #nav-img-help {
          background-image: url("/assets/img/nav_icon/help_active-9b0c6558008eb9e02f7a62a3e0fd73b7.svg"); }
        #nav-container .nav .nav-button.active #nav-img-prepare-tax, #nav-container .nav .nav-button.open #nav-img-prepare-tax {
          background-image: url("/assets/img/nav_icon/prepare_tax_active-daf0e3a981b6e059cb10d68068a728c6.svg"); }
        #nav-container .nav .nav-button.active #nav-img-tax-manager, #nav-container .nav .nav-button.open #nav-img-tax-manager {
          background-image: url("/assets/img/nav_icon/tax_manager_active-41cea1fb4d62c100df79cf38225ada76.svg"); }
      @media only screen and (max-width: 425px) {
        #nav-container .nav .nav-button {
          margin-right: 15px; } }
      #nav-container .nav .nav-button .upload-short {
        display: none; }
      @media only screen and (max-width: 375px) {
        #nav-container .nav .nav-button .upload-short {
          display: block; }
        #nav-container .nav .nav-button .upload-long {
          display: none; } }
    #nav-container .nav .nav-img {
      height: 16px;
      width: 17px;
      background-repeat: no-repeat;
      background-size: contain; }
    #nav-container .nav #nav-img-profile {
      background-image: url("/assets/img/nav_icon/profile-05e2892913e8e385099e09393893c3c4.svg"); }
    #nav-container .nav #nav-img-upload {
      background-image: url("/assets/img/nav_icon/upload-afbdf09f09c2a957456345c0a00f7a19.png"); }
    #nav-container .nav #nav-img-home {
      background-image: url("/assets/img/nav_icon/home-b45002f5aad11f66e84426553327c65b.svg"); }
    #nav-container .nav #nav-img-logout {
      background-image: url("/assets/img/nav_icon/logout-1cc61ff4dd20d29bdcc24796a26d1b14.png");
      width: 25px; }
    #nav-container .nav #nav-img-csv-nofa {
      background-image: url("/assets/img/nav_icon/nofa.svg");
      width: 25px; }
    #nav-container .nav #nav-img-gen-csv {
      background-image: url("/assets/img/nav_icon/csv-1f5580257d6606f3ecaa316441245086.svg");
      width: 25px; }
    #nav-container .nav #nav-img-help {
      background-image: url("/assets/img/nav_icon/help-249d390efce1f6f361825f3e7b3060cf.svg");
      width: 25px; }
    #nav-container .nav #nav-img-prepare-tax {
      background-image: url("/assets/img/nav_icon/prepare_tax-7cd2ba6cdb2bb8245c6237573905a8f2.svg");
      width: 25px; }
    #nav-container .nav #nav-img-tax-manager {
      background-image: url("/assets/img/nav_icon/tax_manager-987e07ce05a30bd6b578260ab0a7c96b.svg");
      width: 25px; }
    #nav-container .nav #nav-img-settings {
      background-image: url("/assets/img/nav_icon/settings-533275cee2b74e1aa87957decddec037.svg"); }
  #nav-container #nav-setting-dropdown {
    display: flex;
    flex-direction: column;
    text-align: right;
    white-space: nowrap;
    justify-content: center;
    height: 50px; }
  #nav-container .nav-npwp {
    margin-right: 10px;
    font-size: 10px; }

.npwp-info {
  position: relative;
  top: 3px; }

#breadcrumb-container {
  margin-bottom: 30px;
  margin-top: 20px; }
  #breadcrumb-container .custom-breadcrumb {
    display: flex;
    font-size: 12px;
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #breadcrumb-container .custom-breadcrumb .text-breadcrumb {
      margin-right: 30px;
      color: #e9e9e9;
      display: flex;
      align-items: center; }
      #breadcrumb-container .custom-breadcrumb .text-breadcrumb .icon {
        margin-left: 30px;
        margin-bottom: 3px;
        background-image: url("/assets/img/nav_icon/asset_grey-d315a53e3e6211de4ae57042f15deb0e.svg");
        width: 11px;
        height: 9px;
        display: flex; }
        #breadcrumb-container .custom-breadcrumb .text-breadcrumb .icon.icon-active {
          background-image: url("/assets/img/nav_icon/asset_green-f9768a431cdabe9274e92b3a980937d8.svg"); }
      #breadcrumb-container .custom-breadcrumb .text-breadcrumb.text-active {
        color: #009F61;
        font-family: "Roboto-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

#home {
  flex-direction: column;
  align-items: center;
  height: 100vh;
  margin: 0 auto;
  width: 750px; }
  @media only screen and (max-width: 425px) {
    #home {
      width: 100vw;
      height: auto; } }
  #home .home-menu:not(:hover) {
    box-shadow: none; }
  #home #home-logo {
    width: 250px;
    padding: 50px 0; }
  #home p {
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #808285;
    text-align: center;
    font-size: 12px;
    padding-top: 20px !important;
    margin: 0; }
  #home #home-header {
    font-size: 21px;
    color: #414042; }
    @media only screen and (max-width: 425px) {
      #home #home-header {
        width: 180px; } }
  #home #home-subheader {
    font-size: 14px;
    margin-bottom: 37px; }
    @media only screen and (max-width: 425px) {
      #home #home-subheader {
        width: 300px; } }
  #home #menu-box,
  #home #menu-box-efin {
    margin: 10px 0;
    display: flex;
    justify-content: space-around; }
    @media only screen and (max-width: 425px) {
      #home #menu-box,
      #home #menu-box-efin {
        flex-direction: column;
        width: auto;
        height: 600px; } }
    #home #menu-box .box,
    #home #menu-box-efin .box {
      width: 220px;
      height: 200px;
      padding-top: 20px;
      padding: 5px 7px 15px 7px !important;
      margin: 7px;
      justify-content: space-between;
      align-items: center;
      position: relative;
      cursor: pointer; }
      #home #menu-box .box#home-menu-efin,
      #home #menu-box-efin .box#home-menu-efin {
        display: block;
        width: 460px;
        text-align: center;
        text-decoration: none; }
        #home #menu-box .box#home-menu-efin .ribbon,
        #home #menu-box-efin .box#home-menu-efin .ribbon {
          background-color: #FDEFE6; }
      #home #menu-box .box.coming-soon,
      #home #menu-box-efin .box.coming-soon {
        cursor: not-allowed;
        box-shadow: none; }
        #home #menu-box .box.coming-soon img,
        #home #menu-box-efin .box.coming-soon img {
          filter: grayscale(100%);
          opacity: 0.6; }
        #home #menu-box .box.coming-soon .ribbon,
        #home #menu-box-efin .box.coming-soon .ribbon {
          background-color: #c8eadc !important; }
        #home #menu-box .box.coming-soon p,
        #home #menu-box-efin .box.coming-soon p {
          opacity: 0.5; }
      #home #menu-box .box .box-img,
      #home #menu-box-efin .box .box-img {
        padding-top: 10px; }
      #home #menu-box .box .ribbon,
      #home #menu-box-efin .box .ribbon {
        height: 10px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #c8eadc;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
      #home #menu-box .box #efiling-logo,
      #home #menu-box-efin .box #efiling-logo {
        position: absolute;
        top: 7px;
        left: 7px; }
      #home #menu-box .box .box-content,
      #home #menu-box-efin .box .box-content {
        width: 100%;
        min-height: 100px;
        padding-bottom: 10px; }
        #home #menu-box .box .box-content p,
        #home #menu-box-efin .box .box-content p {
          text-align: center; }
          #home #menu-box .box .box-content p:nth-child(1),
          #home #menu-box-efin .box .box-content p:nth-child(1) {
            font-size: 14px;
            color: #414042;
            padding-top: 10px; }
      #home #menu-box .box .icon-size,
      #home #menu-box-efin .box .icon-size {
        height: 110px;
        width: 150px; }
      #home #menu-box .box .icon-tooltip,
      #home #menu-box-efin .box .icon-tooltip {
        height: 15px;
        width: 15px;
        margin-left: auto !important; }
      #home #menu-box .box:hover, #home #menu-box .box:focus, #home #menu-box .box:active,
      #home #menu-box-efin .box:hover,
      #home #menu-box-efin .box:focus,
      #home #menu-box-efin .box:active {
        text-decoration: none; }
  #home #menu-box-efin {
    display: block;
    text-align: center;
    text-decoration: none; }

#npwp-modal .form-group input {
  width: 180px !important;
  margin-left: 10px !important;
  height: auto !important; }

#npwp-modal .button-container {
  display: flex;
  margin-top: 20px;
  justify-content: space-between; }
  #npwp-modal .button-container .btn {
    width: 160px; }

#npwp-modal .modal-content {
  margin-left: 100px;
  width: 380px;
  height: 300px; }

#npwp-modal .flex {
  margin-top: 30px !important;
  font-size: 12px; }

#npwp-modal p {
  color: #808285; }

/*E-faktur Partials*/
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.10.15/fh-3.1.2/se-1.2.2
 *
 * Included libraries:
 *   DataTables 1.10.15, FixedHeader 3.1.2, Select 1.2.2
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0; }

table.dataTable thead th, table.dataTable tfoot th {
  font-weight: bold; }

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111; }

table.dataTable thead th:active, table.dataTable thead td:active {
  outline: none; }

table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right; }

table.dataTable thead .sorting {
  background-image: none; }

table.dataTable thead .sorting_asc {
  background-image: none; }

table.dataTable thead .sorting_desc {
  background-image: none; }

table.dataTable thead .sorting_asc_disabled {
  background-image: none; }

table.dataTable thead .sorting_desc_disabled {
  background-image: none; }

table.dataTable tbody tr {
  background-color: #ffffff; }

table.dataTable tbody tr.selected {
  background-color: #B0BED9; }

table.dataTable tbody th, table.dataTable tbody td {
  padding: 8px 10px; }

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd; }

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
  border-top: none; }

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd; }

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd; }

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
  border-top: none; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9; }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1; }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa; }

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5; }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1; }

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3; }

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke; }

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd; }

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf; }

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1; }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa; }

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc; }

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe; }

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5; }

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6; }

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8; }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea; }

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec; }

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef; }

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7; }

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9; }

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb; }

table.dataTable.no-footer {
  border-bottom: 1px solid #111; }

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap; }

table.dataTable.compact thead th, table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px; }

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
  padding: 4px; }

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
  padding: 4px; }

table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left; }

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  text-align: center; }

table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right; }

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify; }

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap; }

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left; }

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center; }

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right; }

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify; }

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap; }

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left; }

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center; }

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right; }

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify; }

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap; }

table.dataTable, table.dataTable th, table.dataTable td {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1; }

.dataTables_wrapper .dataTables_length {
  float: left; }

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right; }

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em; }

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em; }

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111; }

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em; }

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #333; }

.dataTables_wrapper .dataTables_scroll {
  clear: both; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important; }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111; }

.dataTables_wrapper.no-footer div.dataTables_scrollHead > table, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none; }

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em; } }

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em; } }

table.fixedHeader-floating {
  position: fixed !important;
  background-color: white; }

table.fixedHeader-floating.no-footer {
  border-bottom-width: 0; }

table.fixedHeader-locked {
  position: absolute !important;
  background-color: white; }

@media print {
  table.fixedHeader-floating {
    display: none; } }

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #B0BED9; }

table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
  background-color: #acbad4; }

table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover {
  background-color: #aab7d1; }

table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected {
  background-color: #acbad5; }

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd; }

table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf; }

table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1; }

table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #acbad5; }

table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
  background-color: #aebcd6; }

table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
  background-color: #afbdd8; }

table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  background-color: #a6b4cd; }

table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  background-color: #acbad5; }

table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  background-color: #a2aec7; }

table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
  background-color: #a3b0c9; }

table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
  background-color: #a5b2cb; }

table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover {
  background-color: #a2aec7; }

table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox {
  position: relative; }

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box; }

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
  content: ' ';
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid black;
  border-radius: 3px; }

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
  content: '\2714';
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
  text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; }

div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
  margin-left: 0.5em; }

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block; } }

table.dataTable.dt-checkboxes-select tbody tr,
table.dataTable thead .dt-checkboxes-select-all {
  cursor: pointer; }

table.dataTable thead .dt-checkboxes-select-all {
  text-align: center; }

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
  margin-left: 0.5em; }

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info,
  div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block; } }

.filter-selectpicker-dropdown .select2-results__option[aria-selected=true] {
  background-color: #2ab27b;
  color: white; }

.filter-selectpicker-dropdown .select2-results__option[aria-disabled=true] {
  cursor: not-allowed; }

.filter-selectpicker-dropdown .select2-results__option--highlighted[aria-selected] {
  color: #424143;
  background-color: #def3eb; }

#filter-form {
  display: flex;
  flex-direction: column;
  margin: 30px; }
  #filter-form .first-step {
    display: block; }
  #filter-form .title {
    color: #424143;
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    padding-bottom: 10px; }
  #filter-form .filter-box {
    border-radius: 2px;
    border: 1px solid #bebec0;
    background-color: #f9f9f9;
    padding: 28px 20px;
    min-width: 360px;
    max-width: 360px;
    display: flex;
    justify-content: center;
    align-items: flex-start; }
    @media only screen and (max-width: 320px) {
      #filter-form .filter-box {
        padding: 15px; } }
    #filter-form .filter-box form {
      flex-grow: 1; }
      #filter-form .filter-box form .form-section {
        display: none; }
        #filter-form .filter-box form .form-section.current {
          display: block; }
      #filter-form .filter-box form .form-group label {
        font-size: 14px; }
      #filter-form .filter-box form .form-group .select2-selection {
        height: 30px; }
      #filter-form .filter-box form .form-group .btn {
        padding: 8px 12px; }
      #filter-form .filter-box form .form-group li.select2-results__option {
        font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #bebec0; }
        #filter-form .filter-box form .form-group li.select2-results__option:hover {
          background-color: #def3eb;
          color: white; }
      #filter-form .filter-box form .form-group-checkbox {
        border-radius: 2px;
        max-height: 200px;
        overflow: scroll;
        padding: 10px;
        border: 1px solid #bebec0;
        background-color: white; }
        #filter-form .filter-box form .form-group-checkbox .form-check {
          padding: 5px 10px; }
        #filter-form .filter-box form .form-group-checkbox .form-check-label {
          font-size: 12px;
          font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #424143; }
      #filter-form .filter-box form .form-check input {
        -webkit-appearance: checkbox;
        margin-right: 5px; }
      #filter-form .filter-box form .form-control:focus {
        border-color: #ccc;
        -webkit-box-shadow: none;
        box-shadow: none; }
      #filter-form .filter-box form .bootstrap-select .dropdown-toggle:focus {
        outline: none !important; }
      #filter-form .filter-box form a:focus {
        outline: none; }
      #filter-form .filter-box form .dropdown-menu {
        padding: 0; }

.sweet-alert-efaktur button, .sweet-alert-efaktur .btn-round {
  border-radius: 4px; }

.btn-transaction-info {
  height: 20px;
  padding-left: 10px; }

.modal-info-table {
  padding: 0 !important;
  height: 200px !important; }
  .modal-info-table table {
    margin-bottom: 0;
    width: 100%; }
    .modal-info-table table thead tr {
      background-color: #F2F4F7; }
    .modal-info-table table thead th {
      color: white;
      padding: 10px 20px;
      width: 50%; }
    .modal-info-table table tbody tr td a {
      color: #337ab7; }
    .modal-info-table table tr.nofa-row-red {
      background-color: #fbebe8; }
    .modal-info-table table tr.even {
      background-color: #f7f7f8; }
    .modal-info-table table td {
      padding: 10px 20px;
      width: 50%; }

.list-table-height-auto {
  height: auto !important; }

.list-table {
  height: calc(100vh - 50px);
  position: relative;
  padding: 15px 30px 0 30px; }
  .list-table .has-attachment {
    color: #337ab7;
    padding: 0; }
  .list-table .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; }
    .list-table .header .active-range {
      color: #808285;
      font-size: 12px;
      font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .list-table .header .nav-list-nofa {
      padding-left: 5px; }
  .list-table .input-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative; }
    .list-table .input-container .button-container {
      display: flex;
      border: 1px solid #a6a8ab;
      border-top: none;
      padding: 2px;
      width: 45px;
      justify-content: space-between;
      color: white;
      position: absolute;
      top: 26px; }
      .list-table .input-container .button-container button {
        padding: 0px;
        height: fit-content; }
      .list-table .input-container .button-container span {
        font-size: 12px;
        color: #808285;
        margin: 2px; }
  .list-table .td-transaction {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .list-table .td-transaction a {
      word-wrap: break-word;
      width: 90%; }
  .list-table .witholding-pencil {
    margin-left: 5px;
    color: #a6a8ab; }
  .list-table .pph23-title {
    font-size: 19px;
    color: #414042;
    margin-left: 5px; }
  .list-table .DTFC_ScrollWrapper, .list-table .dataTables_scroll {
    height: 100% !important; }
  .list-table .DTFC_LeftBodyLiner {
    width: auto !important; }
    .list-table .DTFC_LeftBodyLiner::-webkit-scrollbar {
      display: none; }
  .list-table .dataTables_scrollBody {
    height: 100% !important;
    border-bottom: 0 !important; }
  .list-table .title-group {
    display: flex;
    flex-direction: column; }
  .list-table .title-group-left {
    display: flex;
    align-items: center; }
  .list-table .btn-filter {
    font-size: 11px;
    float: right;
    color: #009F61;
    margin-left: 10px; }
  .list-table .title {
    font-size: 19px;
    color: #414042;
    font-family: "Roboto-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    float: left; }
  .list-table .btn-export {
    margin-left: 20px;
    position: relative;
    padding-right: 0; }
  .list-table table {
    margin-bottom: 0; }
    .list-table table thead tr {
      background-color: #F2F4F7; }
    .list-table table thead th {
      color: #212121;
      padding: 10px; }
    .list-table table tr.selected {
      background-color: #e8e8e8 !important; }
    .list-table table td {
      padding: 10px;
      height: 50px;
      word-wrap: break-word; }
  .list-table .table > thead > tr > td {
    border: 0; }
  .list-table .table > tbody > tr > td {
    vertical-align: middle; }
  .list-table table.dataTable thead th, .list-table table.dataTable thead td, .list-table table.dataTable.no-footer {
    border-bottom: none !important; }
  .list-table .dataTables_empty {
    display: none !important; }
  .list-table #list-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%; }
    .list-table #list-empty .title {
      font-size: 21px;
      text-align: center;
      font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .list-table #list-empty .desc {
      font-size: 14px;
      color: #818082;
      padding: 10px 0;
      text-align: center; }
  .list-table .list-table-wrapper {
    position: relative; }
  .list-table .btn-option {
    display: flex;
    align-items: center;
    justify-content: center; }
  .list-table .btn-group-option {
    padding: 0;
    position: relative;
    border: 0; }
  .list-table .btn-closed-option {
    position: absolute;
    top: 32px;
    z-index: 99;
    background-color: white;
    border-radius: 0px 0px 4px 4px !important;
    padding: 6px 12px;
    height: 33px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  .list-table .btn-active-option {
    height: 100%;
    width: 100%;
    padding-right: 0;
    border-radius: 4px 0px 0px 4px; }
  .list-table .btn-green {
    cursor: pointer; }
  .list-table .btn-list-option-arrow {
    width: 30px;
    height: 22px;
    position: relative;
    background: white;
    border: 1px solid #008350;
    border-radius: 0px 4px 4px 0px;
    border-left: 0px;
    height: 100%; }
    .list-table .btn-list-option-arrow .arrow {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .list-table .btn-list-option-arrow .arrow.arrow-up {
        height: 0;
        width: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #008350; }
      .list-table .btn-list-option-arrow .arrow.arrow-down {
        height: 0;
        width: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #008350; }

.row-btn-group .btn-export-modal {
  font-size: 12px !important;
  padding-top: 5px; }

.list-nofa-selectpicker-dropdown .select2-results__option[aria-selected=true] {
  background-color: #57C1E8;
  color: white; }

.list-nofa-selectpicker-dropdown .select2-results__option[aria-disabled=true] {
  cursor: not-allowed; }

.list-nofa-selectpicker-dropdown .select2-results__option--highlighted[aria-selected] {
  color: white;
  background-color: #57C1E8; }

#list-nofa {
  height: calc(100vh - 130px); }
  #list-nofa .range-nofa-used {
    color: #BEBEC0;
    font-size: 12px; }
  #list-nofa .red {
    color: #d74022; }
  #list-nofa .grey {
    color: #bebec0; }
  #list-nofa .green {
    color: #009F61; }
  #list-nofa .range-nofa-active {
    width: fit-content;
    margin: 0 auto;
    color: #009F61;
    font-size: 12px;
    background-size: 15px;
    background-image: url("/assets/img/upload_ok-16d8487ccfcd0f3f8986c71bbb2cebb9.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px; }
  #list-nofa .select2-container {
    width: 100% !important;
    min-width: 120px; }
  #list-nofa #list-empty {
    transform: translate(-50%, 50%); }
  #list-nofa .nofa-status {
    color: #009F61; }
    #list-nofa .nofa-status img {
      height: 13px;
      padding-right: 5px; }
  #list-nofa table {
    width: 100% !important; }

#list-tax #list-empty {
  transform: translate(-50%, -50%); }

#list-tax .btn-filter {
  font-size: 11px;
  float: right;
  color: #009F61;
  margin-left: 10px; }

#list-tax .btn-export-and-nofa {
  margin-left: 20px; }

#list-tax .btn-closed-option {
  width: 184px; }

#list-tax #list-tax-table_wrapper {
  height: calc(100% - 160px); }

#list-tax .DTFC_LeftBodyWrapper .DTFC_Cloned tbody tr {
  opacity: 1 !important; }
  #list-tax .DTFC_LeftBodyWrapper .DTFC_Cloned tbody tr.even {
    background-color: white; }
  #list-tax .DTFC_LeftBodyWrapper .DTFC_Cloned tbody tr.selected {
    background-color: #e8e8e8;
    border-color: transparent;
    border-width: 1px 0 1px 1px;
    border-style: solid; }

#list-tax .dt-checkboxes-select-all {
  text-align: center; }

#table-selected-info {
  position: absolute;
  display: flex;
  bottom: 0;
  width: calc( 100% - 60px); }
  #table-selected-info .count {
    text-align: right;
    padding: 10px;
    font-size: 16px;
    flex-grow: 1;
    height: auto;
    background-color: #f7f7f8;
    border-width: 1px 0px 1px 1px;
    border-color: #bebec0;
    border-style: solid; }
    #table-selected-info .count:last-child {
      border-width: 1px; }
  #table-selected-info .count-selected-grey {
    background-color: #e1e5e8; }
  #table-selected-info .count-selected-info {
    display: flex;
    justify-content: flex-end; }
  #table-selected-info .count-selected-info, #table-selected-info .count-total-info {
    font-size: 12px; }
  #table-selected-info .total-selected {
    padding: 0 3px; }

.btn-allocate-witholding, .btn-reset-witholding {
  border: 1px solid #008350; }

#pph23list-tax .table {
  table-layout: fixed; }

#pph23list-tax .dataTables_scrollHead, #pph23list-tax .dataTables_scrollHeadInner, #pph23list-tax .dataTables_scrollHeadInner table, #pph23list-tax .dataTables_scrollBody, #pph23list-tax .dataTables_scrollBody table {
  width: 100% !important; }

#pph23list-tax .dataTables_scrollBody table + div {
  height: 100% !important; }

#pph23list-tax #pph23list-tax-table_wrapper, #pph23list-tax #preview-pph23list-tax-table_wrapper {
  height: calc(100% - 120px); }

#pph23list-tax #pph23list-tax-table_wrapper .dataTables_scrollBody {
  height: calc(100% - 55px) !important; }

#pph23list-tax #preview-pph23list-tax-table_wrapper .dataTables_scrollBody {
  height: calc(100% - 75px) !important; }

#pph23list-tax .select2-container {
  max-width: 200px !important; }

#pph23list-tax .btn-group-option {
  width: 190px; }

#pph23list-tax .btn-closed-option {
  width: 190px; }

#pph23list-tax #list-empty {
  top: calc(50% - 50px);
  left: calc(50% - 200px); }

#witholdingModal .modal-dialog {
  width: 400px; }
  #witholdingModal .modal-dialog .glyphicon-question-sign {
    font-size: 14px; }

#witholdingModal #witholding-form {
  display: flex;
  flex-direction: column; }
  #witholdingModal #witholding-form #initialNumber {
    text-align: center; }
  #witholdingModal #witholding-form .witholding-section {
    margin-bottom: 20px;
    flex-direction: column;
    display: flex; }
  #witholdingModal #witholding-form #witholding-format {
    display: flex;
    align-items: center; }
    #witholdingModal #witholding-form #witholding-format .witholding-format-item {
      flex-basis: 100%; }
  #witholdingModal #witholding-form #witholding-btn-group {
    display: flex;
    margin-left: auto;
    justify-content: space-between;
    width: 220px; }
    #witholdingModal #witholding-form #witholding-btn-group button {
      width: 100px; }

#infoNofaModal .modal-dialog {
  margin-top: 15px !important;
  width: 525px !important; }

.nofa-modal input {
  color: #414042 !important; }

.nofa-modal .modal-header {
  font-size: 22px;
  color: #414042; }
  .nofa-modal .modal-header button {
    position: absolute;
    top: 10px;
    right: 10px; }

.nofa-modal .modal-warning {
  margin-top: 25px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px;
  padding-left: 42px;
  font-size: 14px;
  color: #777;
  background-color: #faeaa2;
  background-image: url("/assets/img/svg/ic-fill-info-6745d45a66bd50596e160ac1977a2ebd.svg");
  background-repeat: no-repeat;
  background-position: 14px 14px; }

.nofa-modal .modal-dialog {
  margin: auto;
  margin-top: 60px;
  width: 500px;
  border-radius: 3px;
  box-shadow: none;
  border-color: #bebec0; }
  .nofa-modal .modal-dialog .modal-content {
    padding: 15px; }

.nofa-modal .modal-content {
  background-color: #f9f9f9; }
  @media only screen and (max-width: 425px) {
    .nofa-modal .modal-content {
      width: 400px; } }
.nofa-modal .form-group {
  color: #414042; }

.nofa-modal .input-line {
  padding: 6px 12px; }

.nofa-modal #exclude-box {
  border: 1px solid #bebec0;
  background-color: white;
  height: 250px;
  overflow: scroll;
  min-height: 150px;
  padding: 10px; }
  .nofa-modal #exclude-box .input-line {
    padding: 0; }
  .nofa-modal #exclude-box .exclude-group {
    height: 45px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 15px;
    width: 100%; }
    .nofa-modal #exclude-box .exclude-group .range-remove-btn {
      width: 12px;
      height: 12px;
      background-image: url("/assets/img/icon_minus_deactive-6d42fa3f0fc3f935afbed4fdf7a5b8e8.svg"); }
      .nofa-modal #exclude-box .exclude-group .range-remove-btn:hover {
        cursor: pointer; }
      .nofa-modal #exclude-box .exclude-group .range-remove-btn.active {
        background-image: url("/assets/img/icon_minus_active-d49535314f3088a6b4c64b6181d9bff1.svg"); }
    .nofa-modal #exclude-box .exclude-group .separator {
      margin: 0 30px;
      text-align: center;
      flex-basis: 15%; }
      .nofa-modal #exclude-box .exclude-group .separator:hover {
        cursor: pointer; }
      .nofa-modal #exclude-box .exclude-group .separator.link-blue {
        color: #0077C5; }
    .nofa-modal #exclude-box .exclude-group .label-nofa-group {
      display: flex;
      margin-left: 15px;
      flex-basis: 30%; }
    .nofa-modal #exclude-box .exclude-group .label-nofa-exclude {
      font-weight: 100;
      cursor: text;
      margin: 0;
      border-bottom: 1px solid #a6a8ab;
      font-size: 12px;
      color: #414042;
      font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .nofa-modal #exclude-box .exclude-group .label-nofa-exclude.label-green {
        border-color: #009F61; }
    .nofa-modal #exclude-box .exclude-group .input-line {
      height: auto; }

.nofa-modal .form-group-row {
  display: flex;
  justify-content: space-between; }
  .nofa-modal .form-group-row .form-group {
    width: 30%;
    display: flex;
    flex-direction: column; }
    .nofa-modal .form-group-row .form-group input {
      border: 1px solid #ccc;
      border-radius: 2px; }
    .nofa-modal .form-group-row .form-group .date input {
      border-right: 0;
      background: white;
      box-shadow: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .nofa-modal .form-group-row .form-group .date .input-group-addon {
      border-radius: 2px;
      background: white; }

.nofa-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .nofa-modal .modal-footer .btn {
    font-size: 12px; }

#transactionInfoModal table.dataTable thead th, #transactionInfoModal table.dataTable tfoot td {
  border: 0; }

#transactionInfoModal table.dataTable thead th, #transactionInfoModal table.dataTable tbody td {
  padding: 8px 10px !important; }

#transactionInfoModal table.dataTable tbody tr {
  background-color: transparent; }

#transactionInfoModal table.dataTable thead td:nth-last-child(-n+2), #transactionInfoModal table.dataTable tbody td:nth-last-child(-n+2), #transactionInfoModal table.dataTable tfoot td:nth-last-child(-n+2) {
  text-align: right; }

#transactionInfoModal table.dataTable tfoot tr, #transactionInfoModal table.dataTable tfoot td {
  padding: 8px 10px; }

#transactionInfoModal table.dataTable tfoot td {
  border-top: 1px solid #e5e5e5; }

#transactionInfoModal .dataTables_wrapper {
  padding-bottom: 15px; }

#transactionInfoModal .modal-header {
  padding: 15px 0; }

#transactionInfoModal .modal-dialog {
  width: max-content; }

#transactionInfoModal .modal-body {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  padding: 0; }

#exportModal .modal-header {
  font-size: 22px;
  color: #414042; }
  #exportModal .modal-header button {
    position: absolute;
    top: 10px;
    right: 10px; }
  #exportModal .modal-header .modal-title {
    font-size: 22px; }

#exportModal .modal-body .modal-title {
  font-size: 14px; }

#exportModal .modal-dialog {
  margin: auto;
  margin-top: 60px;
  width: 300px;
  border-radius: 3px;
  box-shadow: none;
  border-color: #bebec0; }
  #exportModal .modal-dialog .modal-content {
    padding: 15px; }

#exportModal .modal-content {
  background-color: #f9f9f9; }

#exportModal .modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  border-top: 0; }
  #exportModal .modal-footer .btn {
    font-size: 12px; }

#exportModal .export-box {
  border: 1px solid #bebec0;
  background-color: white;
  padding: 10px 15px;
  margin-top: 10px; }
  #exportModal .export-box .form-checkbox {
    display: flex;
    align-items: center; }
    #exportModal .export-box .form-checkbox input {
      width: auto;
      margin-right: 15px; }

/*E-Filling*/
.notif-box {
  display: none;
  padding: 15px 15px 15px 35px;
  background-repeat: no-repeat;
  background-position: left 10px center; }
  .notif-box.success {
    border: 1px solid #009F61;
    background-color: #e9f7f2;
    background-image: url("/assets/img/icon_success-08b274c103a48b061f3e32ea1e8ea997.png"); }
  .notif-box.error {
    border: 1px solid #d74022;
    background-color: #fbebe8;
    background-image: url("/assets/img/icon_danger-b4f9a76f5334bb95ed96aaad0cdd7ca2.png"); }
  .notif-box.show {
    display: block; }

.bpe-modal {
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #414042; }
  .bpe-modal .modal-body {
    margin: 15px;
    border: 2px solid #f7f7f8;
    max-height: calc(100vh - 230px); }
    .bpe-modal .modal-body .table-bpe {
      table-layout: fixed;
      width: 100%;
      border-width: 1px 0 1px 0;
      border-color: #414042;
      border-style: dashed;
      display: flex;
      padding-top: 10px;
      padding-bottom: 10px; }
      .bpe-modal .modal-body .table-bpe tbody td {
        height: auto !important; }
      .bpe-modal .modal-body .table-bpe tbody tr:nth-child(even) {
        background-color: transparent !important; }
    .bpe-modal .modal-body span {
      height: 10px;
      display: block; }
    .bpe-modal .modal-body .table-key {
      width: 200px;
      height: auto;
      text-align: left !important; }
    .bpe-modal .modal-body .table-colon {
      padding: 0 5px;
      width: 15px; }
    .bpe-modal .modal-body .table-value {
      word-wrap: break-word; }
    .bpe-modal .modal-body li {
      margin-bottom: 3px; }
  .bpe-modal .modal-footer {
    text-align: center;
    border-top: none;
    padding: 0 15px; }
    .bpe-modal .modal-footer input[type=checkbox] {
      margin: 0 5px; }
    .bpe-modal .modal-footer form {
      display: flex;
      align-items: center;
      flex-direction: column; }
  .bpe-modal #btn-download-bpe {
    width: auto;
    margin-top: 18px;
    margin-bottom: 18px;
    padding-left: 50px;
    padding-right: 50px; }
  .bpe-modal .modal-content {
    border-radius: 3px; }
  .bpe-modal .modal-dialog {
    overflow-y: initial !important;
    margin: auto;
    margin-top: 60px; }
    @media only screen and (min-width: 769px) {
      .bpe-modal .modal-dialog {
        width: 750px; } }
    @media only screen and (max-width: 375px) {
      .bpe-modal .modal-dialog {
        width: 95%; } }
  .bpe-modal .modal-header {
    margin: 0 15px;
    padding: 15px 0;
    border-bottom: 2px solid #009F61; }
    .bpe-modal .modal-header span {
      font-family: "Roboto-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 22px;
      color: #808285; }

#login #login-box {
  max-width: 400px;
  width: 100%;
  text-align: center; }
  #login #login-box.box {
    padding: 40px 30px;
    box-shadow: 0 2px 5px 0 rgba(65, 64, 66, 0.5);
    border: 1px solid #BEBEC0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  #login #login-box .logo {
    width: 180px; }

#register #register-box {
  min-width: 400px; }
  @media only screen and (max-width: 425px) {
    #register #register-box {
      min-width: 304px;
      margin-top: 50px; } }
  #register #register-box .logo {
    width: 108px; }
  #register #register-box hr {
    margin-top: 24px;
    margin-bottom: 24px; }
  #register #register-box .form-group {
    margin-bottom: 0;
    height: 75px; }
    #register #register-box .form-group label {
      font-size: 12px;
      font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #808285;
      margin: 0; }
    #register #register-box .form-group span {
      color: #a6a8ab;
      font-size: 9px; }
  #register #register-box .g-recaptcha {
    margin-bottom: 36px;
    margin-top: 36px;
    display: flex;
    justify-content: center;
    align-items: inherit; }

#certificateModal .checkbox-row {
  align-items: center !important; }
  #certificateModal .checkbox-row .cert-error-msg {
    display: none;
    color: #d74022;
    margin-top: 5px; }

#certificateModal .form-group {
  margin-bottom: 0px;
  margin-top: 5px; }

#agreementModal, #certificateModal, #setting-agreement-popup, #setting-download-certificate-popup, #setting-upload-certificate-popup, #edit_profile {
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #414042; }
  #agreementModal .modal-body, #certificateModal .modal-body, #setting-agreement-popup .modal-body, #setting-download-certificate-popup .modal-body, #setting-upload-certificate-popup .modal-body, #edit_profile .modal-body {
    padding-top: 30px;
    padding-bottom: 0px; }
    #agreementModal .modal-body .nav-tabs, #certificateModal .modal-body .nav-tabs, #setting-agreement-popup .modal-body .nav-tabs, #setting-download-certificate-popup .modal-body .nav-tabs, #setting-upload-certificate-popup .modal-body .nav-tabs, #edit_profile .modal-body .nav-tabs {
      border-bottom: 1px solid #f7f7f8;
      height: auto; }
      #agreementModal .modal-body .nav-tabs li.active a, #certificateModal .modal-body .nav-tabs li.active a, #setting-agreement-popup .modal-body .nav-tabs li.active a, #setting-download-certificate-popup .modal-body .nav-tabs li.active a, #setting-upload-certificate-popup .modal-body .nav-tabs li.active a, #edit_profile .modal-body .nav-tabs li.active a {
        color: #414042;
        border: 1px solid #f7f7f8;
        border-top: 0px;
        box-shadow: 0px -2px 0px 0px #2ab27b;
        margin-bottom: -3px;
        border-bottom-color: white; }
      #agreementModal .modal-body .nav-tabs a, #certificateModal .modal-body .nav-tabs a, #setting-agreement-popup .modal-body .nav-tabs a, #setting-download-certificate-popup .modal-body .nav-tabs a, #setting-upload-certificate-popup .modal-body .nav-tabs a, #edit_profile .modal-body .nav-tabs a {
        color: #808285;
        border-radius: 0;
        border-bottom: 0px; }
        #agreementModal .modal-body .nav-tabs a:hover, #certificateModal .modal-body .nav-tabs a:hover, #setting-agreement-popup .modal-body .nav-tabs a:hover, #setting-download-certificate-popup .modal-body .nav-tabs a:hover, #setting-upload-certificate-popup .modal-body .nav-tabs a:hover, #edit_profile .modal-body .nav-tabs a:hover {
          border-top-color: transparent; }
    #agreementModal .modal-body .tab-content, #certificateModal .modal-body .tab-content, #setting-agreement-popup .modal-body .tab-content, #setting-download-certificate-popup .modal-body .tab-content, #setting-upload-certificate-popup .modal-body .tab-content, #edit_profile .modal-body .tab-content {
      color: #808285;
      margin: 0px;
      border-width: 0 1px 1px 1px;
      border-color: #f7f7f8;
      border-style: solid;
      height: 400px;
      min-height: 400px;
      overflow: scroll;
      padding: 15px; }
      #agreementModal .modal-body .tab-content .sub-ul, #certificateModal .modal-body .tab-content .sub-ul, #setting-agreement-popup .modal-body .tab-content .sub-ul, #setting-download-certificate-popup .modal-body .tab-content .sub-ul, #setting-upload-certificate-popup .modal-body .tab-content .sub-ul, #edit_profile .modal-body .tab-content .sub-ul {
        list-style: lower-alpha; }
      #agreementModal .modal-body .tab-content ul, #certificateModal .modal-body .tab-content ul, #setting-agreement-popup .modal-body .tab-content ul, #setting-download-certificate-popup .modal-body .tab-content ul, #setting-upload-certificate-popup .modal-body .tab-content ul, #edit_profile .modal-body .tab-content ul {
        list-style-type: decimal; }
      #agreementModal .modal-body .tab-content li, #certificateModal .modal-body .tab-content li, #setting-agreement-popup .modal-body .tab-content li, #setting-download-certificate-popup .modal-body .tab-content li, #setting-upload-certificate-popup .modal-body .tab-content li, #edit_profile .modal-body .tab-content li {
        margin-bottom: 3px; }
      #agreementModal .modal-body .tab-content strong, #certificateModal .modal-body .tab-content strong, #setting-agreement-popup .modal-body .tab-content strong, #setting-download-certificate-popup .modal-body .tab-content strong, #setting-upload-certificate-popup .modal-body .tab-content strong, #edit_profile .modal-body .tab-content strong {
        font-family: "Roboto-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #agreementModal .modal-body table, #certificateModal .modal-body table, #setting-agreement-popup .modal-body table, #setting-download-certificate-popup .modal-body table, #setting-upload-certificate-popup .modal-body table, #edit_profile .modal-body table {
      table-layout: fixed;
      width: 100%; }
    #agreementModal .modal-body span, #certificateModal .modal-body span, #setting-agreement-popup .modal-body span, #setting-download-certificate-popup .modal-body span, #setting-upload-certificate-popup .modal-body span, #edit_profile .modal-body span {
      height: 10px;
      display: block; }
    #agreementModal .modal-body .table-key, #certificateModal .modal-body .table-key, #setting-agreement-popup .modal-body .table-key, #setting-download-certificate-popup .modal-body .table-key, #setting-upload-certificate-popup .modal-body .table-key, #edit_profile .modal-body .table-key {
      width: 100px; }
    #agreementModal .modal-body .table-colon, #certificateModal .modal-body .table-colon, #setting-agreement-popup .modal-body .table-colon, #setting-download-certificate-popup .modal-body .table-colon, #setting-upload-certificate-popup .modal-body .table-colon, #edit_profile .modal-body .table-colon {
      padding: 0 5px;
      width: 15px; }
    #agreementModal .modal-body .table-value, #certificateModal .modal-body .table-value, #setting-agreement-popup .modal-body .table-value, #setting-download-certificate-popup .modal-body .table-value, #setting-upload-certificate-popup .modal-body .table-value, #edit_profile .modal-body .table-value {
      word-wrap: break-word; }
  #agreementModal .modal-footer, #certificateModal .modal-footer, #setting-agreement-popup .modal-footer, #setting-download-certificate-popup .modal-footer, #setting-upload-certificate-popup .modal-footer, #edit_profile .modal-footer {
    text-align: center;
    border-top: none;
    padding-bottom: 30px; }
  #agreementModal .modal-content, #certificateModal .modal-content, #setting-agreement-popup .modal-content, #setting-download-certificate-popup .modal-content, #setting-upload-certificate-popup .modal-content, #edit_profile .modal-content {
    border-radius: 3px; }
  #agreementModal .modal-dialog, #certificateModal .modal-dialog, #setting-agreement-popup .modal-dialog, #setting-download-certificate-popup .modal-dialog, #setting-upload-certificate-popup .modal-dialog, #edit_profile .modal-dialog {
    overflow-y: initial !important; }
    @media only screen and (min-width: 769px) {
      #agreementModal .modal-dialog, #certificateModal .modal-dialog, #setting-agreement-popup .modal-dialog, #setting-download-certificate-popup .modal-dialog, #setting-upload-certificate-popup .modal-dialog, #edit_profile .modal-dialog {
        width: 750px; } }
    @media only screen and (max-width: 375px) {
      #agreementModal .modal-dialog, #certificateModal .modal-dialog, #setting-agreement-popup .modal-dialog, #setting-download-certificate-popup .modal-dialog, #setting-upload-certificate-popup .modal-dialog, #edit_profile .modal-dialog {
        margin-top: 60px;
        width: 95%; } }
  #agreementModal #agreement-form, #certificateModal #agreement-form, #setting-agreement-popup #agreement-form, #setting-download-certificate-popup #agreement-form, #setting-upload-certificate-popup #agreement-form, #edit_profile #agreement-form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column; }
  #agreementModal .checkbox-row, #certificateModal .checkbox-row, #setting-agreement-popup .checkbox-row, #setting-download-certificate-popup .checkbox-row, #setting-upload-certificate-popup .checkbox-row, #edit_profile .checkbox-row {
    text-align: left;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    #agreementModal .checkbox-row input, #certificateModal .checkbox-row input, #setting-agreement-popup .checkbox-row input, #setting-download-certificate-popup .checkbox-row input, #setting-upload-certificate-popup .checkbox-row input, #edit_profile .checkbox-row input {
      margin-right: 5px; }

#cert-file-container {
  margin-top: 10px; }
  #cert-file-container #cert-file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  #cert-file-container #cert-file-label {
    font-size: 11px;
    padding: 4px 8px;
    margin-right: 5px; }
  #cert-file-container #cert-file-name {
    padding: 3px;
    text-align: left;
    border-bottom: solid 1px;
    width: 300px;
    color: #808285; }

#menu-title {
  height: 80px;
  width: 100%;
  background: #f7f7f8;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #menu-title a {
    width: auto; }
    @media only screen and (max-width: 768px) {
      #menu-title a {
        width: 100px; } }
    @media only screen and (max-width: 375px) {
      #menu-title a {
        width: 80px; } }
  #menu-title .menu-title-left {
    font-size: 16px;
    color: #009F61; }
    #menu-title .menu-title-left span {
      font-family: "Roboto-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 21px;
      color: #414042; }
      #menu-title .menu-title-left span.child-span {
        font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #414042; }
  #menu-title .menu-title-right {
    display: flex; }
    #menu-title .menu-title-right .btn + .btn {
      margin-left: 20px; }
    #menu-title .menu-title-right .dropdown {
      min-width: 160px; }
  #menu-title .loading {
    -webkit-animation: rotation 2s infinite linear; }

#profile {
  display: flex;
  flex-direction: column;
  width: 100%; }
  #profile #profile-container {
    display: flex; }
  #profile .profile-item {
    order: 3;
    padding: 25px 0px;
    display: flex;
    justify-content: flex-start;
    width: calc(50% - 20px);
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    border-bottom: 2px solid #f7f7f8;
    margin: 0 10px 5px 10px; }
    #profile .profile-item.profile-role {
      order: 2; }
    #profile .profile-item.profile-npwp {
      order: 1; }
    @media only screen and (max-width: 425px) {
      #profile .profile-item {
        flex-direction: column;
        padding: 0;
        justify-content: center;
        height: 75px; } }
    @media only screen and (max-width: 768px) {
      #profile .profile-item {
        width: 100%; } }
  #profile .profile-label {
    min-width: 50%;
    color: #414042; }
    @media only screen and (max-width: 425px) {
      #profile .profile-label {
        padding-bottom: 15px; } }
  #profile .profile-body {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
    color: #808285; }
    @media only screen and (max-width: 425px) {
      #profile .profile-body {
        padding: 0 15px; } }
    @media only screen and (max-width: 768px) {
      #profile .profile-body {
        width: 100%;
        flex-direction: column; } }
  #profile .profile-group-button {
    display: flex;
    align-items: center; }
    #profile .profile-group-button .loader {
      margin-left: 15px; }
      @media only screen and (max-width: 375px) {
        #profile .profile-group-button .loader {
          margin-left: 2px; } }
  #profile button {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
    padding-left: 50px;
    padding-right: 50px;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      #profile button {
        padding-left: 20px;
        padding-right: 20px; } }
    #profile button img {
      float: left; }
    #profile button span {
      padding-left: 5px; }
    @media only screen and (max-width: 425px) {
      #profile button {
        margin-left: 15px; } }
  #profile .order {
    order: 3 !important; }

#edit_profile .modal-header {
  color: #808285;
  margin: 0 15px;
  padding: 30px 0 15px 0;
  border-bottom: 2px solid #009F61;
  font-size: 22px; }

#edit_profile .modal-dialog {
  margin: auto;
  margin-top: 60px;
  width: 400px;
  border-radius: 3px;
  box-shadow: none;
  border-color: #808285; }
  @media only screen and (max-width: 375px) {
    #edit_profile .modal-dialog {
      width: 95%; } }
#edit_profile .form-group {
  margin-bottom: 0;
  height: 75px; }
  #edit_profile .form-group label {
    font-size: 12px;
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #808285;
    margin: 0; }
  #edit_profile .form-group span {
    color: #a6a8ab; }

#edit_profile #profile-buttons {
  display: flex;
  align-items: center;
  justify-content: center; }
  #edit_profile #profile-buttons .btn {
    width: 157px; }

#change_password .modal-dialog {
  width: 400px;
  margin: auto;
  margin-top: 60px; }
  @media only screen and (max-width: 375px) {
    #change_password .modal-dialog {
      width: 95%; } }
#change_password .modal-header {
  color: #808285;
  margin: 0 15px;
  padding: 30px 0 15px 0;
  border-bottom: 2px solid #009F61;
  font-size: 22px; }

#change_password .form-group label {
  font-size: 12px;
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #808285;
  margin: 0; }

#change_password .form-group .form-group-input {
  position: relative; }

#change_password .form-group .form-control-feedback {
  color: #808285;
  left: 0;
  font-size: 12px;
  width: 0; }

#change_password .form-group .input-line {
  padding-left: 20px; }

#change_password .change-password-btn {
  width: auto;
  padding: 6px 40px; }

.sweet-alert-profile-success p {
  color: #808285; }

#upload {
  padding-top: 30px;
  padding-bottom: 30px;
  flex-direction: column; }
  @media only screen and (max-width: 425px) {
    #upload {
      justify-content: center; } }
  #upload .upload-label-title {
    font-size: 24px;
    margin-bottom: 20px; }
  #upload #upload-box-container {
    display: flex;
    width: 720px;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      #upload #upload-box-container {
        flex-direction: column;
        width: auto;
        height: 420px; } }
    @media only screen and (min-width: 1025px) {
      #upload #upload-box-container {
        width: 900px; } }
    #upload #upload-box-container .upload-box {
      width: 330px; }
      @media only screen and (min-width: 1025px) {
        #upload #upload-box-container .upload-box {
          width: 420px; } }
      @media only screen and (max-width: 768px) {
        #upload #upload-box-container .upload-box {
          width: auto; } }
      #upload #upload-box-container .upload-box .upload-label {
        font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #414042; }
        #upload #upload-box-container .upload-box .upload-label:nth-child(2) {
          color: #808285; }
      #upload #upload-box-container .upload-box form {
        margin: 10px 0;
        border: 1px dashed #a6a8ab;
        display: flex;
        justify-content: center;
        align-items: center; }
        #upload #upload-box-container .upload-box form .upload-info {
          display: flex;
          flex-direction: column;
          align-items: center; }
          #upload #upload-box-container .upload-box form .upload-info p {
            font-size: 13px;
            font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #808285;
            margin: 0 0 5px;
            padding-top: 10px; }
  #upload #template-preview {
    display: none; }
  #upload .dropzone.dz-started .dz-message {
    display: none !important; }
  #upload #dz-preview-template {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #upload .dropzone .dz-preview .dz-success-mark, #upload .dropzone .dz-preview .dz-error-mark {
    margin: 0;
    top: auto;
    left: auto; }
  #upload .dropzone .dz-preview {
    margin: 0;
    padding: 16px; }
  #upload .dz-mark {
    width: 21px;
    height: 22px; }
  #upload .dz-details {
    position: initial;
    padding: 10px 0;
    color: #808285;
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 100; }
  #upload .dz-progress {
    top: auto;
    left: auto;
    margin: 0;
    width: 200px;
    bottom: 0; }
  #upload .dz-upload {
    background-image: linear-gradient(to bottom, #009F61, #009F61); }
  #upload .dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: none; }
  #upload .dropzone {
    visibility: hidden;
    height: 170px; }
  #upload .dz-another-file {
    font-size: 12px;
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #upload .clickable-upload, #upload .clickable-delete {
    text-decoration: underline;
    color: #009F61; }
    #upload .clickable-upload:hover, #upload .clickable-delete:hover {
      cursor: pointer; }
  #upload .dz-success-mark {
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 1; }
  #upload .upload-error {
    display: none;
    color: #d74022; }
  #upload .delete-file {
    display: none; }
  #upload .notif-info {
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 11px;
    color: #414042; }
    @media only screen and (max-width: 768px) {
      #upload .notif-info {
        margin-bottom: 7px; } }
  #upload .blue-notif {
    color: #009bde; }
  #upload .notif-warning {
    border: 1px solid #ffb700;
    background-color: #fcf7e6;
    border-radius: 2.5px;
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px; }
    #upload .notif-warning div {
      font-weight: normal;
      font-size: 12px;
      color: #404142; }

#history {
  flex-direction: column; }
  #history .filter-group {
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 35px; }
    @media only screen and (min-width: 769px) {
      #history .filter-group {
        width: 940px;
        display: flex; }
        #history .filter-group select {
          height: 30px;
          width: 115px;
          border-radius: 2px; }
        #history .filter-group .field-group {
          display: flex;
          align-items: center; }
        #history .filter-group .input-daterange {
          width: 345px !important; }
          #history .filter-group .input-daterange input {
            height: 30px;
            width: 115px; } }
    @media only screen and (max-width: 768px) {
      #history .filter-group select {
        height: 30px;
        width: 100%;
        border-radius: 2px; }
      #history .filter-group .daterange {
        display: table; }
      #history .filter-group .field-group {
        margin-bottom: 10px; }
      #history .filter-group .input-group {
        display: flex; }
      #history .filter-group .filter-responsive {
        display: flex;
        align-items: center;
        margin-top: 20px; }
      #history .filter-group .input-daterange {
        width: 0px !important; }
        #history .filter-group .input-daterange input {
          height: 30px;
          width: 100%; } }
    #history .filter-group a.reset-filter {
      color: #009F61;
      margin-left: 25px; }
    #history .filter-group label {
      margin: 0 !important; }
    #history .filter-group .input-filename {
      height: 30px;
      border-radius: 2px; }
    #history .filter-group .field-group {
      margin-right: 20px; }
      #history .filter-group .field-group .input-group {
        margin: 5px; }
    #history .filter-group .date-group {
      display: flex;
      align-items: center; }
  #history .table-history {
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px; }
    #history .table-history td {
      height: 50px;
      vertical-align: middle;
      border: 0;
      word-break: break-word; }
    #history .table-history tr td:first-child {
      text-align: center; }
    #history .table-history tr td:nth-child(2) {
      padding-right: 25px;
      text-align: end; }
      @media only screen and (max-width: 425px) {
        #history .table-history tr td:nth-child(2) {
          padding-right: 8px; } }
    #history .table-history thead {
      color: white;
      background-color: #647d8c; }
    #history .table-history tbody {
      color: #414042; }
      #history .table-history tbody tr:nth-child(even) {
        background-color: #f7f7f8; }
    @media only screen and (max-width: 768px) {
      #history .table-history .upload-date {
        width: 24%; }
      #history .table-history .file-name {
        width: 37%; }
      #history .table-history .hide-responsive {
        display: none; }
      #history .table-history td {
        vertical-align: top; } }
    #history .table-history .uploaded {
      color: #009F61; }
    #history .table-history .rejected {
      color: #a33b3b; }
    #history .table-history .approved {
      color: #808285; }
    #history .table-history a {
      cursor: pointer; }
    #history .table-history #list-empty {
      margin-top: 30px; }
      #history .table-history #list-empty .title {
        font-size: 21px;
        text-align: center;
        font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      #history .table-history #list-empty .desc {
        font-size: 14px;
        color: #818082;
        padding: 10px 0;
        text-align: center; }
  #history .pagination-group {
    text-align: right;
    font-size: 12px;
    margin-top: -15px; }

#password-box {
  width: 300px; }
  #password-box img {
    width: 150px; }
  #password-box #password-title {
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 18px;
    color: #a6a8ab;
    font-family: "Roboto-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #password-box .input-line {
    margin-bottom: 10px; }
  #password-box #password-footer {
    margin: 0 auto;
    padding-top: 15px;
    font-size: 12px; }
    #password-box #password-footer a {
      color: #337ab7; }

/*Tax Final Report */
#taxfinal-report-container {
  padding: 0 30px; }
  #taxfinal-report-container #report-action {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
    border-bottom: 2px solid #f7f7f8;
    padding: 15px 0;
    align-items: center; }
    #taxfinal-report-container #report-action #report-filter {
      display: flex;
      align-items: center; }
      #taxfinal-report-container #report-action #report-filter #report-filter-type .select2-container {
        width: 100px !important; }
      #taxfinal-report-container #report-action #report-filter > div {
        display: flex;
        align-items: center;
        margin-right: 20px; }
        #taxfinal-report-container #report-action #report-filter > div > span {
          margin-right: 10px; }
  #taxfinal-report-container #report-not-found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 300px); }
  #taxfinal-report-container #table-report-container th {
    background-color: #F2F4F7;
    font-weight: normal;
    color: white;
    padding: 12px 8px; }
  #taxfinal-report-container #table-report-container td {
    vertical-align: top; }
  #taxfinal-report-container #table-report-container td > div:not(:last-child) {
    padding-bottom: 8px; }
  #taxfinal-report-container #table-report-container .total-row {
    border-bottom: 2px solid #424143;
    border-top: 2px solid #424143; }

/*Tax Management*/
#list-tax-management {
  overflow: auto; }
  #list-tax-management #list-tax-management-table_filter {
    display: none; }
  #list-tax-management .tax-info-failed {
    float: left;
    color: #d74022 !important; }
  #list-tax-management .tax-tooltip {
    margin-top: 2px;
    cursor: pointer; }
  #list-tax-management .dataTables_wrapper {
    height: calc(100vh - 320px); }
  #list-tax-management .dataTables_empty {
    display: table-cell !important; }
  #list-tax-management table th {
    white-space: nowrap; }
  #list-tax-management .select2-container {
    font-size: 12px; }
  #list-tax-management .custom-dropdown-caret {
    margin-left: 15px;
    color: black; }
  #list-tax-management .list-empty-container {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center; }
    #list-tax-management .list-empty-container p {
      font-size: 21px;
      font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #list-tax-management #custom-filter-date input {
    width: 100%;
    padding-left: 8px;
    line-height: 28px;
    height: 28px;
    border: 1px solid #aaa;
    border-radius: 4px; }
  #list-tax-management #custom-filter-date .form-control-feedback {
    height: 28px;
    line-height: 28px; }
  #list-tax-management .action {
    position: relative; }
    #list-tax-management .action .glyphicon {
      font-size: 22px;
      display: flex;
      justify-content: flex-end; }
    #list-tax-management .action .dropdown-menu {
      right: 0;
      left: initial; }
  #list-tax-management .tooltip .tooltip-inner {
    max-width: 250px; }
  #list-tax-management .no-action {
    color: #bebec0;
    font-style: italic; }
  #list-tax-management .tax-tooltip {
    background: url("/assets/img/icon_warning-4e7844c765e67a6b5593cf7ccb006dcf.svg") no-repeat center;
    padding: 8px;
    margin-left: 6px; }
  #list-tax-management .tax-import {
    height: 35%;
    width: 100%; }
  #list-tax-management tr.row-warning {
    background-color: #fdf5f4; }
  #list-tax-management .bulk-action-button {
    float: right; }
    @media only screen and (max-width: 768px) {
      #list-tax-management .bulk-action-button {
        float: none;
        margin-top: 20px;
        margin-bottom: 20px; } }
  #list-tax-management .custom-dropdown .dropdown-toggle {
    position: relative;
    padding-right: 18px; }
  #list-tax-management .custom-dropdown .dropdown-tx {
    font-size: 12px;
    color: white;
    font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #list-tax-management .custom-dropdown .dropdown-caret {
    position: absolute;
    right: 10px;
    top: calc(50% - 3px);
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent; }
  #list-tax-management .custom-dropdown .dropdown-menu {
    background-color: white;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 1px;
    margin-right: 14px;
    padding: 0;
    min-width: 133px; }
    #list-tax-management .custom-dropdown .dropdown-menu li {
      border-bottom: 1px solid #f7f7f8; }
      #list-tax-management .custom-dropdown .dropdown-menu li:last-child {
        border-bottom: 0; }
    #list-tax-management .custom-dropdown .dropdown-menu li > a {
      color: #414042;
      width: auto !important;
      padding: 8px 20px;
      font-size: 12px; }

#tax-state {
  margin-bottom: 20px;
  display: flex; }
  #tax-state .tax-state-item {
    flex: 1;
    width: 0;
    border: 2px solid #f7f7f8;
    margin: 10px; }
    #tax-state .tax-state-item.active, #tax-state .tax-state-item:hover {
      border: 1px solid #009F61;
      border-bottom-width: 5px;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.2); }
      #tax-state .tax-state-item.active .tax-state-content a p, #tax-state .tax-state-item:hover .tax-state-content a p {
        color: black; }
      #tax-state .tax-state-item.active .tax-state-content .popup-information, #tax-state .tax-state-item:hover .tax-state-content .popup-information {
        background: url("/assets/img/icon_tooltip_active-bda5919b124e7b3237a4b9a0f8d9da78.svg") no-repeat center; }
    #tax-state .tax-state-item .tax-state-content .popup-information {
      padding: 8px;
      background: url("/assets/img/icon_tooltip-5f000dbafa85296777d5c95e8c286579.svg") no-repeat center;
      float: right; }
    #tax-state .tax-state-item .tax-state-content a {
      text-decoration: none !important; }
      #tax-state .tax-state-item .tax-state-content a > div {
        padding: 10px 20px; }
      #tax-state .tax-state-item .tax-state-content a .tax-state-value {
        font-size: 30px;
        color: #808285;
        font-weight: 500; }
      #tax-state .tax-state-item .tax-state-content a .tax-state-status {
        font-size: 18px;
        color: #808285; }

#filter-menu {
  display: flex;
  margin-bottom: 30px; }
  #filter-menu a {
    color: #1357FF;
    padding-top: 5px; }
    #filter-menu a span {
      min-width: 270px;
      width: 100%; }
    #filter-menu a #type-label {
      float: left;
      font-weight: normal;
      margin-right: 5px;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 230px;
      overflow: hidden; }
  #filter-menu #period-picker-start, #filter-menu #period-picker-end {
    padding: 6px 10px 5px 10px; }
  #filter-menu .picker-dash {
    align-items: center;
    margin-left: 10px;
    margin-right: 10px; }
  #filter-menu img.ui-datepicker-trigger {
    position: relative;
    left: -18px;
    top: 2px; }
  #filter-menu .tax-type-text {
    font-size: 13px;
    margin-right: 15px; }
  #filter-menu .tax-type-field {
    margin-right: 15px; }
  #filter-menu .dropdown {
    float: left;
    margin-right: 10px;
    z-index: 1000; }
  #filter-menu .dropdown ul {
    margin: -1px 0 0 0; }
  #filter-menu .dropdown dd {
    position: relative; }
  #filter-menu .dropdown a,
  #filter-menu .dropdown a:visited {
    border-radius: 5px;
    color: black;
    text-decoration: none;
    outline: none;
    font-size: 12px; }
  #filter-menu .dropdown dt a {
    display: block;
    padding: 8px 10px 5px 10px;
    min-height: 25px;
    overflow: hidden;
    border: solid 1.3px #bebec0;
    white-space: nowrap; }
  #filter-menu .dropdown dt a span,
  #filter-menu .multiSel span {
    cursor: pointer;
    display: inline-block; }
  #filter-menu .dropdown dd ul {
    background-color: white;
    border: 1px solid #bebec0;
    color: black;
    left: 0px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    list-style: none;
    overflow: auto; }
  #filter-menu .dropdown span.value {
    display: none; }
  #filter-menu .dropdown dd ul li a {
    padding: 5px;
    display: block; }
  #filter-menu .dropdown dd ul li a:hover {
    background-color: #fff; }
  #filter-menu .filter-item .filter-label {
    margin-top: 5px;
    font-size: 13px;
    float: left; }
  #filter-menu .filter-item .filter-range {
    float: left; }
    #filter-menu .filter-item .filter-range #period-start-container {
      width: 90px;
      float: left;
      margin-right: 5px; }
      #filter-menu .filter-item .filter-range #period-start-container #period-picker-start {
        padding-left: 10px;
        box-shadow: none;
        border-right: none;
        border-right-color: white; }
      #filter-menu .filter-item .filter-range #period-start-container .btn-start-calendar-inside {
        background-color: white;
        padding-left: 4px; }
    #filter-menu .filter-item .filter-range .picker-dash {
      float: left;
      margin-top: 4px; }
    #filter-menu .filter-item .filter-range #period-end-container {
      width: 90px;
      float: left;
      margin-left: 5px; }
      #filter-menu .filter-item .filter-range #period-end-container #period-picker-end {
        padding-left: 10px;
        box-shadow: none;
        border-right: none;
        border-right-color: white; }
      #filter-menu .filter-item .filter-range #period-end-container .btn-end-calendar-inside {
        background-color: white;
        padding-left: 4px; }
  @media only screen and (max-width: 768px) {
    #filter-menu {
      display: grid; } }
#filter-tax-option {
  width: 93%;
  max-height: 240px; }
  #filter-tax-option label {
    margin-bottom: 0;
    font-weight: normal; }

#clear-filter {
  margin-left: 20px; }

#down-icon {
  float: right; }

.item-child {
  margin: 4px;
  color: grey;
  font-size: 13px; }
  .item-child input {
    margin-right: 10px; }

#history-container {
  padding: 0 30px;
  margin: 20px 0; }
  #history-container #history-header {
    margin-bottom: 20px;
    float: left; }
    #history-container #history-header h3 {
      margin-top: 0px; }
    #history-container #history-header .header-label {
      padding-right: 20px; }
    #history-container #history-header .header-value {
      font-weight: bold; }
    #history-container #history-header .td {
      padding-bottom: 10px; }
  #history-container #back-button {
    float: right;
    font-size: 13px; }
    #history-container #back-button #back-icon {
      background-image: url("/assets/img/icon_back-53950e494386597cdafe30b9a379141c.svg");
      background-repeat: no-repeat;
      padding: 6px;
      margin-right: 5px;
      background-position: center; }
  #history-container .filing-table-header {
    background: #758a97;
    color: white; }
  #history-container .filing-parent-row th, #history-container .filing-parent-row td {
    padding: 12px; }
  #history-container .filing-parent-row td:nth-child(4) {
    text-align: center; }
  #history-container .filing-parent-row td:nth-child(6) {
    text-align: right; }
  #history-container .active-row {
    background: #f7f7f8;
    font-weight: bold; }
  #history-container .expand-icon {
    border: none;
    margin: 0 6px; }
  #history-container .child-table {
    padding-left: 40px;
    padding-right: 80px; }
  #history-container .tax-table {
    margin-bottom: 0px; }
    #history-container .tax-table td {
      border: none;
      padding: 6px 8px;
      color: #808285; }
    #history-container .tax-table th {
      font-weight: 500; }
    #history-container .tax-table td:nth-child(2), #history-container .tax-table th:nth-child(2), #history-container .tax-table td:nth-child(3), #history-container .tax-table th:nth-child(3) {
      text-align: right; }
  #history-container .accordion-toggle:hover, #history-container .accordion-toggle[aria-expanded="true"] {
    background: #f7f7f8;
    font-weight: bold;
    cursor: pointer; }
  #history-container .accordion-toggle[aria-expanded="true"] .expand-icon:before {
    content: "\e252"; }

/*Prepare Tax*/
.prepare_tax_container {
  margin: 0 25px;
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .prepare_tax_container .accordion-toggle {
    padding: 12px 8px;
    font-weight: bolder;
    background: #f7f7f8;
    border: 1px solid #f7f7f8;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.2); }
    .prepare_tax_container .accordion-toggle:hover, .prepare_tax_container .accordion-toggle[aria-expanded="true"] {
      cursor: pointer; }
    .prepare_tax_container .accordion-toggle[aria-expanded="true"] {
      border-bottom: 2px solid #009F61 !important; }
      .prepare_tax_container .accordion-toggle[aria-expanded="true"] .expand-icon:before {
        content: "\e252"; }
  .prepare_tax_container .kap-kjs-list .select2-container {
    width: 300px !important; }
  .prepare_tax_container .kap-kjs-list .period-field .select2-container {
    width: 120px !important;
    margin-right: 20px; }
  .prepare_tax_container .tax-type-list .select2-container {
    width: 300px !important; }
  .prepare_tax_container .tax-type-list .period-field .select2-container {
    width: 120px !important;
    margin-right: 20px; }
  .prepare_tax_container .period-group {
    display: flex; }
    .prepare_tax_container .period-group .select2-container {
      width: 300px !important; }
    .prepare_tax_container .period-group .period-field .select2-container {
      width: 120px !important;
      margin-right: 20px; }
  .prepare_tax_container .prepare-tax-form-container {
    display: inline-block;
    width: auto; }
    .prepare_tax_container .prepare-tax-form-container i {
      border: solid black;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px; }
    .prepare_tax_container .prepare-tax-form-container #upload-box-container {
      margin-bottom: 50px; }
    .prepare_tax_container .prepare-tax-form-container .l-content--procedures {
      width: 900px;
      padding: 5px 20px;
      margin-bottom: 40px;
      background-color: #F2F4F7; }
      .prepare_tax_container .prepare-tax-form-container .l-content--procedures .toggle-title {
        cursor: pointer;
        display: flow-root;
        padding-top: 10px;
        margin-bottom: 0 !important; }
        .prepare_tax_container .prepare-tax-form-container .l-content--procedures .toggle-title .title {
          font-size: 16px !important;
          float: left;
          margin-bottom: 0 !important; }
        .prepare_tax_container .prepare-tax-form-container .l-content--procedures .toggle-title .down {
          margin-top: 7px;
          float: right;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg); }
      .prepare_tax_container .prepare-tax-form-container .l-content--procedures .instruction-content {
        margin-top: 10px !important; }
      .prepare_tax_container .prepare-tax-form-container .l-content--procedures .e-procedures--wrapper {
        text-align: left;
        width: calc(100% / 3 - 20px);
        padding-right: 85px; }
        .prepare_tax_container .prepare-tax-form-container .l-content--procedures .e-procedures--wrapper .img-procedures {
          position: relative;
          display: inline-flex; }
          .prepare_tax_container .prepare-tax-form-container .l-content--procedures .e-procedures--wrapper .img-procedures .line-divider {
            height: 1px;
            background-color: #777;
            width: 115px;
            position: relative;
            margin-top: 60px;
            margin-left: 20px; }
      .prepare_tax_container .prepare-tax-form-container .l-content--procedures .e-procedures--title {
        font-weight: bold;
        min-height: 40px;
        margin-bottom: 10px; }
      .prepare_tax_container .prepare-tax-form-container .l-content--procedures .e-btn--download {
        box-shadow: inset 0 -1px 0 0 #E2E2E2;
        padding: 15px 20px;
        background-color: #F9F9F9;
        cursor: pointer;
        margin-bottom: 15px;
        border-radius: 4px;
        border: 1px solid #E2E2E2; }
  .prepare_tax_container .not-available {
    color: #d74022; }
  .prepare_tax_container form {
    display: inline-block;
    width: auto; }
  .prepare_tax_container #import-existing-ebilling-form {
    width: 100%; }
  .prepare_tax_container .page-title {
    font-size: 20px;
    margin-bottom: 25px; }
  .prepare_tax_container .question-text {
    font-size: 20px;
    font-family: "Roboto-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .prepare_tax_container .question-group {
    margin-bottom: 24px; }
    .prepare_tax_container .question-group .answer-btn {
      margin-top: 20px;
      margin-bottom: 30px;
      display: flex; }
      .prepare_tax_container .question-group .answer-btn .btn {
        margin-right: 10px; }
      .prepare_tax_container .question-group .answer-btn .btn:hover {
        color: white;
        background-color: #2ab27b; }
    .prepare_tax_container .question-group .answer-text {
      font-size: 14px;
      margin-top: 10px; }
      .prepare_tax_container .question-group .answer-text .radio-group {
        display: flex; }
        .prepare_tax_container .question-group .answer-text .radio-group input {
          margin-right: 7px;
          margin-top: 4px; }
        .prepare_tax_container .question-group .answer-text .radio-group input ~ label {
          color: #808285; }
        .prepare_tax_container .question-group .answer-text .radio-group input:checked ~ label {
          color: black; }
        .prepare_tax_container .question-group .answer-text .radio-group label {
          font-weight: 0px !important; }
        .prepare_tax_container .question-group .answer-text .radio-group .desc {
          font-size: 12px; }
      .prepare_tax_container .question-group .answer-text .table-group {
        font-size: 12px;
        margin-left: 15px;
        margin-top: 10px;
        margin-bottom: 10px; }
        .prepare_tax_container .question-group .answer-text .table-group label {
          margin-bottom: 10px; }
        .prepare_tax_container .question-group .answer-text .table-group .list-table {
          padding: 0px; }
          .prepare_tax_container .question-group .answer-text .table-group .list-table table tr {
            height: 0px; }
          .prepare_tax_container .question-group .answer-text .table-group .list-table table td {
            height: 0px; }
        .prepare_tax_container .question-group .answer-text .table-group.remove-margin-left {
          margin-left: 0px; }
      .prepare_tax_container .question-group .answer-text .answer-group {
        font-size: 12px;
        margin-left: 15px;
        margin-bottom: 25px;
        margin-top: 10px;
        width: 300px; }
        .prepare_tax_container .question-group .answer-text .answer-group ul {
          list-style-type: none;
          color: #d74022;
          text-align: right;
          margin-bottom: 0;
          clear: both;
          display: table;
          width: 100%; }
        .prepare_tax_container .question-group .answer-text .answer-group input {
          width: 300px; }
          .prepare_tax_container .question-group .answer-text .answer-group input.input-date {
            width: 160px;
            background-color: white; }
          .prepare_tax_container .question-group .answer-text .answer-group input.w-auto {
            width: auto; }
        .prepare_tax_container .question-group .answer-text .answer-group.m-width-550 {
          max-width: 550px;
          width: 100%;
          margin-left: 0; }
        .prepare_tax_container .question-group .answer-text .answer-group.remove-margin-left {
          margin-left: 0px; }
        .prepare_tax_container .question-group .answer-text .answer-group.period-group {
          display: flex; }
  .prepare_tax_container .action-tax-btn {
    float: right;
    display: inline-flex; }
    .prepare_tax_container .action-tax-btn #button-back {
      margin-right: 10px; }
  .prepare_tax_container .line {
    border-top: 1px solid #e9e9e9;
    margin-bottom: 20px; }
    @media only screen and (max-width: 550px) {
      .prepare_tax_container .line {
        width: 100%; } }
  .prepare_tax_container .payment-success {
    margin-top: 10%;
    text-align: center; }
    .prepare_tax_container .payment-success .action-parent {
      display: flex;
      justify-content: center; }
      .prepare_tax_container .payment-success .action-parent a {
        color: black;
        text-decoration: none; }
      .prepare_tax_container .payment-success .action-parent .action-content {
        border-bottom: 1px solid #009F61;
        border-left: 1px solid #f7f7f8;
        border-right: 1px solid #f7f7f8;
        border-top: 1px solid #f7f7f8;
        border-bottom-width: 5px;
        padding: 20px 30px;
        margin: 5px;
        width: 250px; }
        .prepare_tax_container .payment-success .action-parent .action-content:hover {
          border: 1px solid #009F61;
          border-bottom-width: 5px;
          box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.2); }
        .prepare_tax_container .payment-success .action-parent .action-content .action-image {
          padding: 20px; }
          .prepare_tax_container .payment-success .action-parent .action-content .action-image .setting-image {
            height: 67px; }
        .prepare_tax_container .payment-success .action-parent .action-content .action-desc {
          font-size: 10px; }

.period-container {
  margin-right: 5px;
  width: 140px; }
  .period-container .period-picker {
    padding-left: 10px;
    box-shadow: none;
    border-right: none;
    border-right-color: white; }
  .period-container .btn-calendar-inside {
    background-color: white;
    padding-left: 4px; }

.prepare_tax_container#upload {
  padding: 0px; }

#payment-tax-confirm-container #id-billing-information {
  color: #808285; }

#payment-tax-confirm-container .grey {
  color: #808285; }

#payment-tax-confirm-container .tax-total {
  margin-top: 15px;
  font-size: 25px;
  margin-bottom: 15px; }

.single-select .dt-checkboxes-select-all > input {
  display: none; }

table.dataTable tbody td:nth-child(3) {
  width: 150px !important; }

.m-width-550 {
  max-width: 550px;
  width: 100%;
  margin-left: 0; }

body > :not(.pace), body:before, body:after {
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  -ms-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em; }

.loader {
  font-size: 2.5px;
  position: relative;
  text-indent: -9999em;
  border-top: 2em solid rgba(42, 178, 123, 0.2);
  border-right: 2em solid rgba(42, 178, 123, 0.2);
  border-bottom: 2em solid rgba(42, 178, 123, 0.2);
  border-left: 2em solid #009F61;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  display: none; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.pagination > li > a, .pagination > li > span {
  color: #647d8c; }

.pagination > .active > a {
  background-color: #647d8c;
  border-color: #647d8c; }
  .pagination > .active > a:focus, .pagination > .active > a:hover {
    background-color: #647d8c;
    border-color: #647d8c; }

.pagination > .active > span {
  background-color: #647d8c;
  border-color: #647d8c; }
  .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #647d8c;
    border-color: #647d8c; }

/*E-Billing*/
#ebilling-list-header {
  padding-bottom: 50px; }
  #ebilling-list-header .button-group-left {
    display: flex;
    float: right; }
  #ebilling-list-header .btn {
    margin-left: 10px; }
  #ebilling-list-header hr {
    margin: 0px;
    min-width: 100%; }

#ebilling-menu {
  display: flex; }

.btn40 {
  width: 48%; }

.form-button {
  padding: 10px; }

.select2-option-handle .select2-results__option[aria-selected=true] {
  background-color: #2ab27b;
  color: white; }

.select2-option-handle .select2-results__option[aria-disabled=true] {
  cursor: not-allowed; }

.select2-option-handle .select2-results__option--highlighted[aria-selected] {
  color: #424143;
  background-color: #def3eb; }

.filter-box {
  border-radius: 2px;
  border: 1px solid #bebec0;
  background-color: white;
  padding: 28px 20px;
  min-width: 360px;
  max-width: 360px;
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  @media only screen and (max-width: 320px) {
    .filter-box {
      padding: 15px; } }
.select2-container {
  width: 100% !important; }

#date-holder {
  display: flex; }

.pad10 {
  padding-left: 10px;
  padding-right: 10px; }

.title {
  color: #424143;
  font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  padding-bottom: 10px; }

#ebilling-form-logo {
  float: right;
  width: 40%; }

#import-to-create-billing-modal .modal-header {
  font-size: 22px;
  color: #414042; }
  #import-to-create-billing-modal .modal-header button {
    position: absolute;
    top: 10px;
    right: 10px; }

#import-to-create-billing-modal .modal-dialog {
  width: 600px; }

#import-to-create-billing-modal .modal-body {
  display: flex;
  align-items: center;
  flex-direction: column; }
  #import-to-create-billing-modal .modal-body #import-img {
    margin: 15px 75px; }
  #import-to-create-billing-modal .modal-body #import-menu {
    display: flex;
    flex-direction: row; }
    #import-to-create-billing-modal .modal-body #import-menu > div {
      width: 50%;
      padding: 2%; }
    #import-to-create-billing-modal .modal-body #import-menu .import-menu-title {
      font-family: "Roboto-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #import-to-create-billing-modal .modal-body #import-menu .import-menu-desc {
      font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #import-to-create-billing-modal .modal-body #btn-import {
    width: 100px; }
  #import-to-create-billing-modal .modal-body #import-billing {
    border: none;
    padding: 0px;
    position: relative; }
  #import-to-create-billing-modal .modal-body #import-info {
    text-align: left;
    margin: 0;
    display: block !important; }
  #import-to-create-billing-modal .modal-body .dz-preview {
    margin: 0;
    min-height: auto;
    position: absolute;
    right: 0;
    bottom: 15%;
    height: 20px;
    width: 170px; }
    #import-to-create-billing-modal .modal-body .dz-preview .dz-details {
      padding: 0;
      opacity: 1; }
    #import-to-create-billing-modal .modal-body .dz-preview .dz-filename {
      overflow: unset; }
      #import-to-create-billing-modal .modal-body .dz-preview .dz-filename span {
        border: none;
        background-color: white;
        font-size: 12px;
        white-space: pre-wrap; }

@media only screen and (max-width: 768px) {
  #modal-confirmation-payment {
    margin-left: 20%; } }

@media only screen and (max-width: 550px) {
  #modal-confirmation-payment {
    width: 100%;
    margin-left: 0; } }

#payment-container {
  padding: 15px 30px 0 30px;
  display: block;
  width: 60%; }
  @media only screen and (max-width: 768px) {
    #payment-container {
      width: 100%; } }
  #payment-container .section-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px; }
  #payment-container .section-prefix {
    margin-bottom: 30px; }
  #payment-container .panel {
    border: 0; }
  #payment-container .panel-heading {
    background: none;
    border-bottom: #f7f7f8 solid;
    border-width: 2px;
    margin-right: 15px;
    color: grey; }
  #payment-container .card-container {
    display: inline-block;
    margin-right: 30px;
    cursor: pointer; }
    #payment-container .card-container .card-holder {
      display: inline-block;
      width: 100px;
      height: 70px;
      background: #f7f7f8;
      border: #f7f7f8 solid;
      border-width: 3px 3px 3px 3px; }
      #payment-container .card-container .card-holder #icon-ok {
        visibility: hidden;
        float: right;
        margin: -8px; }
    #payment-container .card-container .card-holder:hover, #payment-container .card-container .card-holder-active {
      display: inline-block;
      width: 100px;
      height: 70px;
      background: #f7f7f8;
      border-width: 3px 3px 3px 3px;
      border: #2ab27b solid; }
      #payment-container .card-container .card-holder:hover #icon-ok, #payment-container .card-container .card-holder-active #icon-ok {
        visibility: visible;
        float: right;
        margin: -8px; }
      #payment-container .card-container .card-holder:hover #icon-bank, #payment-container .card-container .card-holder-active #icon-bank {
        height: 50px !important; }
  #payment-container #select-card {
    margin-bottom: 30px; }
  #payment-container .box {
    background: #2ab27b;
    padding: 0;
    box-shadow: none;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 30px; }
    #payment-container .box .box-header {
      color: white;
      padding: 10px 5px 10px 25px; }
    #payment-container .box .box-body {
      display: grid;
      background: #e9f7f2;
      width: 100%;
      padding: 15px 5px 15px 25px; }
      #payment-container .box .box-body .confirmation-body-text {
        display: -webkit-inline-box;
        padding: 0px 0px 10px 0px; }
        #payment-container .box .box-body .confirmation-body-text .confirmation-title {
          width: 30%; }
  #payment-container .panel-heading {
    cursor: pointer;
    display: -webkit-box; }
  #payment-container .panel-title {
    width: 100%; }
  #payment-container .form-button {
    float: right;
    padding: 0; }
    #payment-container .form-button .btn-circle {
      border-radius: 20px;
      width: 150px;
      padding: 0; }

#right-bar {
  float: right;
  border: #f7f7f8 solid;
  border-width: 0px 5px 5px 5px;
  padding: 40px 80px 40px 40px;
  margin-right: 30px;
  margin-left: 30px; }
  @media only screen and (max-width: 768px) {
    #right-bar {
      float: none; } }
  #right-bar .bar-value {
    margin-bottom: 15px; }
  #right-bar #payment-amount {
    font-size: 22px; }

#modal-confirmation-payment .modal-dialog {
  width: 400px; }

#modal-confirmation-payment .modal-content {
  padding: 15px; }

#modal-confirmation-payment .modal-title {
  color: #647d8c;
  font-size: 25px; }

#modal-confirmation-payment .modal-header {
  padding: 10px;
  border-bottom: #90e1c6 solid;
  margin-bottom: 13px; }

#modal-confirmation-payment #payment-via-input {
  width: 150px; }

#modal-confirmation-payment #ntpn-confirmation {
  width: 188px;
  border-radius: 4px; }

#modal-confirmation-payment .confirmation-body-text {
  display: -webkit-inline-box;
  padding: 0px 0px 10px 0px; }
  #modal-confirmation-payment .confirmation-body-text .confirmation-title {
    width: 120px; }

#modal-confirmation-payment .confirmation-body-input {
  display: -webkit-inline-box;
  padding: 0px 0px 10px 0px;
  margin-top: 15px; }
  #modal-confirmation-payment .confirmation-body-input .confirmation-title {
    width: 120px; }

#modal-confirmation-payment #payment-method-button {
  margin: 0;
  width: 188px; }
  #modal-confirmation-payment #payment-method-button div {
    float: left; }

#modal-confirmation-payment .input-group {
  display: flex; }

#modal-confirmation-payment .btn-inside-input {
  border-left: none; }

#modal-confirmation-payment .caret {
  margin-top: 8px;
  float: right; }

#modal-confirmation-payment .upload-ok-big {
  width: 150px;
  margin-bottom: 30px; }

#modal-confirmation-payment #payment-modal-body-success, #modal-confirmation-payment #payment-modal-body-error {
  text-align: center; }

#modal-confirmation-payment .form-button {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 15px; }
  #modal-confirmation-payment .form-button .btn-circle {
    border-radius: 20px;
    width: 180px;
    padding: 0; }

#modal-confirmation-payment #back-button {
  margin-top: 50px;
  width: 200px; }

#icon-bank {
  height: 50px !important;
  float: none !important;
  margin: 1% 20% !important; }

#calculate-tax-container .calculate-tax-table {
  padding: 0; }

#calculate-tax-container .calculate-template-single-table .list-table {
  height: calc(100vh - 250px); }

#calculate-tax-container .calculate-template-single-table #list-pph23-table_wrapper, #calculate-tax-container .calculate-template-single-table #list-tax-final-table_wrapper {
  height: calc(100vh - 350px); }

#calculate-tax-container .calculate-text-info {
  font-size: 16px;
  font-weight: bold; }

#calculate-tax-container .calculate-table-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px; }
  #calculate-tax-container .calculate-table-header .trx-no-search {
    width: 250px; }

#calculate-tax-container .calculate-tax-table .dataTables_filter {
  display: none; }

#calculate-tax-container .selected-info {
  display: flex;
  width: 100%;
  bottom: 0;
  position: absolute; }
  #calculate-tax-container .selected-info .selected-info-item {
    flex-grow: 1;
    text-align: right;
    border: 1px solid #bebec0;
    padding: 8px; }
    #calculate-tax-container .selected-info .selected-info-item :first-child {
      font-family: "Roboto-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

#calculate-tax-container .line {
  display: none; }

#calculate-tax-container .calculate-template-two-tables {
  padding-top: 20px; }
  #calculate-tax-container .calculate-template-two-tables .list-table {
    padding: 12px;
    height: calc(100vh - 120px); }
  #calculate-tax-container .calculate-template-two-tables .table {
    table-layout: fixed; }
    #calculate-tax-container .calculate-template-two-tables .table td, #calculate-tax-container .calculate-template-two-tables .table th {
      width: 50px !important; }
    #calculate-tax-container .calculate-template-two-tables .table td + td, #calculate-tax-container .calculate-template-two-tables .table th + th {
      width: auto !important; }
  #calculate-tax-container .calculate-template-two-tables .dataTables_scrollHead, #calculate-tax-container .calculate-template-two-tables .dataTables_scrollHeadInner, #calculate-tax-container .calculate-template-two-tables .dataTables_scrollHeadInner table, #calculate-tax-container .calculate-template-two-tables .dataTables_scrollBody, #calculate-tax-container .calculate-template-two-tables .dataTables_scrollBody table {
    width: 100% !important; }
  #calculate-tax-container .calculate-template-two-tables #list-tax-out-table_wrapper, #calculate-tax-container .calculate-template-two-tables #list-tax-in-table_wrapper {
    height: calc(100vh - 275px); }
  #calculate-tax-container .calculate-template-two-tables .selected-info {
    width: calc(100vw - 74px);
    background: white; }
  #calculate-tax-container .calculate-template-two-tables .list-table {
    background: #f7f7f8;
    border: 1px solid #f7f7f8; }
  #calculate-tax-container .calculate-template-two-tables .payable-info {
    display: flex;
    padding: 25px 0;
    border-top: 1px solid #bebec0;
    border-bottom: 1px solid #bebec0; }
    #calculate-tax-container .calculate-template-two-tables .payable-info .payable-info-item {
      flex-grow: 1;
      padding: 0 12px;
      text-align: right;
      border-right: 1px solid #bebec0; }
      #calculate-tax-container .calculate-template-two-tables .payable-info .payable-info-item :first-child {
        font-size: 16px; }
      #calculate-tax-container .calculate-template-two-tables .payable-info .payable-info-item :nth-child(2) {
        font-size: 22px;
        font-family: "Roboto-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*Setting*/
#setting-container {
  position: relative;
  display: flex;
  margin-top: 30px; }
  #setting-container .nav-setting {
    list-style: none; }
  @media only screen and (max-width: 425px) {
    #setting-container {
      display: flex;
      flex-direction: column; } }
  #setting-container .vertical-line {
    border-left: 2px solid #eee;
    height: 500px; }
  #setting-container .non-hover {
    color: #424143;
    text-decoration: none; }
    #setting-container .non-hover:hover, #setting-container .non-hover:focus {
      color: #424143;
      text-decoration: none; }
  #setting-container .background-active {
    color: white;
    text-decoration: none;
    background: #009F61; }
    #setting-container .background-active:hover, #setting-container .background-active:focus {
      color: white;
      text-decoration: none; }
  #setting-container .nav-setting > li > a {
    display: flex;
    padding-left: 10px;
    justify-content: space-between;
    align-items: center; }
  #setting-container .nav-setting > li {
    width: 225px;
    line-height: 3; }
  #setting-container .nav-submenu li a:hover {
    text-decoration: none;
    color: #808285; }
  #setting-container .nav-submenu li.active a {
    color: #000000;
    text-decoration: none;
    font-weight: bold; }
  #setting-container .tooltip-inner {
    white-space: nowrap;
    max-width: none;
    height: 30px;
    background: #414042 0.9;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 10px !important;
    padding-right: 10px !important; }
  #setting-container .submenu-container {
    display: flex !important; }
    @media only screen and (max-width: 425px) {
      #setting-container .submenu-container {
        display: flex !important;
        flex-direction: row !important; } }
  #setting-container #choose-tax {
    margin-left: 20px; }
    #setting-container #choose-tax #tax-list {
      display: flex; }
      @media only screen and (max-width: 425px) {
        #setting-container #choose-tax #tax-list {
          display: flex;
          flex-direction: column; } }
    #setting-container #choose-tax div .btn {
      width: 100px;
      margin: 10px;
      float: right; }
    #setting-container #choose-tax h5 {
      display: flex !important; }
    #setting-container #choose-tax h4 {
      margin-bottom: 20px; }
    #setting-container #choose-tax .box-scroll {
      overflow: scroll;
      width: 350px;
      height: 195px;
      background: white;
      border: 2px solid #e9e9e9;
      border-radius: 5px;
      margin-right: 20px; }
      #setting-container #choose-tax .box-scroll div {
        margin-left: 20px;
        padding-top: 12px; }
      #setting-container #choose-tax .box-scroll label {
        margin-left: 10px;
        font-weight: 700;
        font-size: 12px; }
    #setting-container #choose-tax img {
      width: 10px;
      padding-top: 15px;
      margin-left: 10px; }
  #setting-container #reference textarea {
    resize: none;
    width: 500px;
    height: 100px;
    margin-top: 15px;
    border-radius: 5px;
    border-color: #e9e9e9; }
    @media only screen and (max-width: 425px) {
      #setting-container #reference textarea {
        width: 300px; } }
  #setting-container #reference span {
    align-items: center;
    padding-top: 10px; }
  #setting-container #reference .btn {
    float: right;
    margin: 10px;
    width: 100px; }
    @media only screen and (max-width: 425px) {
      #setting-container #reference .btn {
        width: 70px; } }
  @media only screen and (max-width: 425px) {
    #setting-container #reference .btn-container {
      justify-content: space-between; } }
  #setting-container #reference .margin-left-25px div, #setting-container #reference .message-container {
    display: flex; }
    @media only screen and (max-width: 425px) {
      #setting-container #reference .margin-left-25px div, #setting-container #reference .message-container {
        flex-direction: column;
        padding-left: 0px; } }
    #setting-container #reference .margin-left-25px div span, #setting-container #reference .message-container span {
      font-weight: 700; }
  #setting-container #reference .margin-left-25px > .message-container > h5 {
    padding-right: 50px;
    padding-top: 10px; }
  #setting-container #reference #variable-container h5 {
    padding-right: 40px !important; }
  #setting-container #reference .variable {
    margin-top: 5px;
    margin-left: 40px;
    margin-left: 40px; }
  #setting-container #nofa-fragment .table thead tr th {
    width: 400px !important; }
  #setting-container .dropdown-flex-right {
    display: flex;
    float: right;
    position: relative; }
    #setting-container .dropdown-flex-right ul {
      position: absolute;
      top: 100%;
      right: 0;
      left: inherit; }
    #setting-container .dropdown-flex-right span {
      cursor: pointer; }
    #setting-container .dropdown-flex-right a {
      color: #808285 !important; }

.box-center {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto; }

.span-setting {
  margin-left: 40px;
  margin-top: 30px;
  font-size: 18px;
  display: flex; }

@font-face {
  font-family: "Roboto";
  src: url(/static/assets/css/fonts/Roboto-Light-46e48ce0628835f68a7369d0254e4283.ttf) format("truetype");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: url(/static/assets/css/fonts/Roboto-Regular-df7b648ce5356ea1ebce435b3459fd60.ttf) format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url(/static/assets/css/fonts/Roboto-Medium-894a2ede85a483bf9bedefd4db45cdb9.ttf) format("truetype");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url(/static/assets/css/fonts/Roboto-Bold-e31fcf1885e371e19f5786c2bdfeae1b.ttf) format("truetype");
  font-style: normal;
  font-weight: 700; }

body {
  font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none; }

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #2AB27B;
  text-decoration: none; }
  a:hover, a:active, a:focus {
    color: #2AB27B;
    text-decoration: underline; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0 0; }

.clearfix:after, .e-header--connection:after, .e-header__menu-right:after, .e-header__menu-left:after, .e-header__primary:after {
  content: "";
  display: table;
  clear: both; }

.green-message {
  color: #2AB27B; }

.icon-small {
  width: 12px; }

.is-error {
  color: #d74022;
  display: block;
  text-align: right;
  font-size: 12px; }

.u-v-top {
  vertical-align: top; }

.u-v-middle {
  vertical-align: middle; }

.u-v-bottom {
  vertical-align: bottom; }

.u-t-left {
  text-align: left; }

.u-t-center, .p-access--footer, .p-access--header, .e--transparent, .e--primary, .e-btn {
  text-align: center; }

.u-t-right {
  text-align: right; }

.u-d-block {
  display: block; }

.u-d-inline {
  display: inline; }

.u-d-inline-block {
  display: inline-block; }

.u-d-flex {
  display: flex; }

.u-d-inline-flex {
  display: inline-flex; }

.u-d-table {
  display: table; }

.u-d-table-cell {
  display: table-cell; }

.u-d-none {
  display: none; }

.m-0 {
  margin: 0px; }

.mx-0 {
  margin: 0 0px; }

.my-0 {
  margin: 0px 0; }

.mt-0 {
  margin-top: 0px; }

.ml-0 {
  margin-left: 0px; }

.mb-0 {
  margin-bottom: 0px; }

.mr-0 {
  margin-right: 0px; }

.p-0 {
  padding: 0px; }

.px-0 {
  padding: 0 0px; }

.py-0 {
  padding: 0px 0; }

.pt-0 {
  padding-top: 0px; }

.pl-0 {
  padding-left: 0px; }

.pb-0 {
  padding-bottom: 0px; }

.pr-0 {
  padding-right: 0px; }

.m-5 {
  margin: 5px; }

.mx-5 {
  margin: 0 5px; }

.my-5 {
  margin: 5px 0; }

.mt-5, .has-error--text {
  margin-top: 5px; }

.ml-5 {
  margin-left: 5px; }

.mb-5 {
  margin-bottom: 5px; }

.mr-5 {
  margin-right: 5px; }

.p-5 {
  padding: 5px; }

.px-5 {
  padding: 0 5px; }

.py-5, .is-small {
  padding: 5px 0; }

.pt-5 {
  padding-top: 5px; }

.pl-5 {
  padding-left: 5px; }

.pb-5 {
  padding-bottom: 5px; }

.pr-5 {
  padding-right: 5px; }

.m-10 {
  margin: 10px; }

.mx-10 {
  margin: 0 10px; }

.my-10 {
  margin: 10px 0; }

.mt-10 {
  margin-top: 10px; }

.ml-10, .e-header--connection > div {
  margin-left: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.mr-10, .e-header__nav-item span:first-child {
  margin-right: 10px; }

.p-10 {
  padding: 10px; }

.px-10, .is-small {
  padding: 0 10px; }

.py-10, .e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input {
  padding: 10px 0; }

.pt-10, .e--transparent, .e--primary, .e-btn {
  padding-top: 10px; }

.pl-10 {
  padding-left: 10px; }

.pb-10, .e--transparent, .e--primary, .e-btn, #tax-state .tax-state-item .tax-state-content a .tax-state-value {
  padding-bottom: 10px; }

.pr-10 {
  padding-right: 10px; }

.m-15 {
  margin: 15px; }

.mx-15 {
  margin: 0 15px; }

.my-15 {
  margin: 15px 0; }

.mt-15 {
  margin-top: 15px; }

.ml-15 {
  margin-left: 15px; }

.mb-15, .l-form--group, .e-form--group {
  margin-bottom: 15px; }

.mr-15 {
  margin-right: 15px; }

.p-15 {
  padding: 15px; }

.px-15, .p-access--container {
  padding: 0 15px; }

.py-15 {
  padding: 15px 0; }

.pt-15 {
  padding-top: 15px; }

.pl-15, .e--transparent, .e--primary, .e-btn, .e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input {
  padding-left: 15px; }

.pb-15 {
  padding-bottom: 15px; }

.pr-15, .e--transparent, .e--primary, .e-btn, .e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input {
  padding-right: 15px; }

.m-20 {
  margin: 20px; }

.mx-20 {
  margin: 0 20px; }

.my-20 {
  margin: 20px 0; }

.mt-20 {
  margin-top: 20px; }

.ml-20 {
  margin-left: 20px; }

.mb-20, .p-access--heading, h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 20px; }

.mr-20 {
  margin-right: 20px; }

.p-20 {
  padding: 20px; }

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

.py-20 {
  padding: 20px 0; }

.pt-20 {
  padding-top: 20px; }

.pl-20 {
  padding-left: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.pr-20, .p-access--menu-list:last-child {
  padding-right: 20px; }

.m-25 {
  margin: 25px; }

.mx-25 {
  margin: 0 25px; }

.my-25 {
  margin: 25px 0; }

.mt-25 {
  margin-top: 25px; }

.ml-25 {
  margin-left: 25px; }

.mb-25 {
  margin-bottom: 25px; }

.mr-25 {
  margin-right: 25px; }

.p-25 {
  padding: 25px; }

.px-25 {
  padding: 0 25px; }

.py-25 {
  padding: 25px 0; }

.pt-25 {
  padding-top: 25px; }

.pl-25 {
  padding-left: 25px; }

.pb-25 {
  padding-bottom: 25px; }

.pr-25 {
  padding-right: 25px; }

.m-30 {
  margin: 30px; }

.mx-30 {
  margin: 0 30px; }

.my-30 {
  margin: 30px 0; }

.mt-30 {
  margin-top: 30px; }

.ml-30 {
  margin-left: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.mr-30 {
  margin-right: 30px; }

.p-30 {
  padding: 30px; }

.px-30, .l-box, .p-access--box {
  padding: 0 30px; }

.py-30, .p-access--footer {
  padding: 30px 0; }

.pt-30 {
  padding-top: 30px; }

.pl-30 {
  padding-left: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.pr-30 {
  padding-right: 30px; }

.m-35 {
  margin: 35px; }

.mx-35 {
  margin: 0 35px; }

.my-35 {
  margin: 35px 0; }

.mt-35 {
  margin-top: 35px; }

.ml-35 {
  margin-left: 35px; }

.mb-35 {
  margin-bottom: 35px; }

.mr-35 {
  margin-right: 35px; }

.p-35 {
  padding: 35px; }

.px-35 {
  padding: 0 35px; }

.py-35 {
  padding: 35px 0; }

.pt-35 {
  padding-top: 35px; }

.pl-35 {
  padding-left: 35px; }

.pb-35 {
  padding-bottom: 35px; }

.pr-35 {
  padding-right: 35px; }

.m-40 {
  margin: 40px; }

.mx-40 {
  margin: 0 40px; }

.my-40 {
  margin: 40px 0; }

.mt-40, .p-access--heading {
  margin-top: 40px; }

.ml-40 {
  margin-left: 40px; }

.mb-40 {
  margin-bottom: 40px; }

.mr-40 {
  margin-right: 40px; }

.p-40 {
  padding: 40px; }

.px-40 {
  padding: 0 40px; }

.py-40 {
  padding: 40px 0; }

.pt-40, .p-access--header {
  padding-top: 40px; }

.pl-40 {
  padding-left: 40px; }

.pb-40, .p-access--header {
  padding-bottom: 40px; }

.pr-40 {
  padding-right: 40px; }

.m-45 {
  margin: 45px; }

.mx-45 {
  margin: 0 45px; }

.my-45 {
  margin: 45px 0; }

.mt-45 {
  margin-top: 45px; }

.ml-45 {
  margin-left: 45px; }

.mb-45 {
  margin-bottom: 45px; }

.mr-45 {
  margin-right: 45px; }

.p-45 {
  padding: 45px; }

.px-45 {
  padding: 0 45px; }

.py-45 {
  padding: 45px 0; }

.pt-45 {
  padding-top: 45px; }

.pl-45 {
  padding-left: 45px; }

.pb-45 {
  padding-bottom: 45px; }

.pr-45 {
  padding-right: 45px; }

.m-50 {
  margin: 50px; }

.mx-50 {
  margin: 0 50px; }

.my-50 {
  margin: 50px 0; }

.mt-50 {
  margin-top: 50px; }

.ml-50 {
  margin-left: 50px; }

.mb-50 {
  margin-bottom: 50px; }

.mr-50 {
  margin-right: 50px; }

.p-50 {
  padding: 50px; }

.px-50 {
  padding: 0 50px; }

.py-50 {
  padding: 50px 0; }

.pt-50 {
  padding-top: 50px; }

.pl-50 {
  padding-left: 50px; }

.pb-50 {
  padding-bottom: 50px; }

.pr-50 {
  padding-right: 50px; }

.m-55 {
  margin: 55px; }

.mx-55 {
  margin: 0 55px; }

.my-55 {
  margin: 55px 0; }

.mt-55 {
  margin-top: 55px; }

.ml-55 {
  margin-left: 55px; }

.mb-55 {
  margin-bottom: 55px; }

.mr-55 {
  margin-right: 55px; }

.p-55 {
  padding: 55px; }

.px-55 {
  padding: 0 55px; }

.py-55 {
  padding: 55px 0; }

.pt-55 {
  padding-top: 55px; }

.pl-55 {
  padding-left: 55px; }

.pb-55 {
  padding-bottom: 55px; }

.pr-55 {
  padding-right: 55px; }

.m-60 {
  margin: 60px; }

.mx-60 {
  margin: 0 60px; }

.my-60 {
  margin: 60px 0; }

.mt-60, .p-access--footer {
  margin-top: 60px; }

.ml-60 {
  margin-left: 60px; }

.mb-60 {
  margin-bottom: 60px; }

.mr-60 {
  margin-right: 60px; }

.p-60 {
  padding: 60px; }

.px-60 {
  padding: 0 60px; }

.py-60 {
  padding: 60px 0; }

.pt-60, .p-access {
  padding-top: 60px; }

.pl-60 {
  padding-left: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.pr-60 {
  padding-right: 60px; }

.u-reg-12, .has-error--text, h5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; }

.u-smb-12, .is-small {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px; }

.u-str-12 {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px; }

.u-reg-14, .e-header__nav-item span:nth-child(2), .e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input, body, h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

.u-smb-14, .e--transparent, .e--primary, .e-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px; }

.u-str-14 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px; }

.u-reg-18, h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px; }

.u-smb-18 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px; }

.u-str-18 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px; }

.u-reg-20, h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px; }

.u-smb-20 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px; }

.u-str-20 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px; }

.u-reg-24, h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px; }

.u-smb-24 {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px; }

.u-str-24 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px; }

.u-reg-26 {
  font-size: 26px;
  font-weight: 400;
  line-height: 40px; }

.u-smb-26 {
  font-size: 26px;
  font-weight: 500;
  line-height: 40px; }

.u-str-26, .p-access--heading {
  font-size: 26px;
  font-weight: 700;
  line-height: 40px; }

.e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #E2E2E2;
  border-radius: 4px;
  outline: none; }
  .e-input:-webkit-autofill, #table-kap_wrapper .dataTables_filter label > input:-webkit-autofill,
  #table-kjs_wrapper .dataTables_filter label > input:-webkit-autofill,
  #table-kpp_wrapper .dataTables_filter label > input:-webkit-autofill {
    background-color: #FFFFFF !important; }
  .e-input::placeholder, #table-kap_wrapper .dataTables_filter label > input::placeholder,
  #table-kjs_wrapper .dataTables_filter label > input::placeholder,
  #table-kpp_wrapper .dataTables_filter label > input::placeholder {
    color: #B4B4B4; }
  .e-input.is-line, #table-kap_wrapper .dataTables_filter label > input.is-line,
  #table-kjs_wrapper .dataTables_filter label > input.is-line,
  #table-kpp_wrapper .dataTables_filter label > input.is-line {
    border-width: 0 0 1px 0;
    border-radius: 0; }
  .e-input.is-disabled, #table-kap_wrapper .dataTables_filter label > input.is-disabled,
  #table-kjs_wrapper .dataTables_filter label > input.is-disabled,
  #table-kpp_wrapper .dataTables_filter label > input.is-disabled {
    background-color: transparent;
    border-bottom: none; }
  .e-input.has-icon, #table-kap_wrapper .dataTables_filter label > input.has-icon,
  #table-kjs_wrapper .dataTables_filter label > input.has-icon,
  #table-kpp_wrapper .dataTables_filter label > input.has-icon {
    padding-left: 20px; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #212121;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s; }

.e-textarea {
  min-height: 75px; }

button {
  -webkit-appereance: none; }

#nav-container .nav .nav-button a.e-btn--orange_transparent {
  padding: 5px 12px;
  border: 1px solid #F96D01;
  color: #F96D01;
  border-radius: 4px;
  top: 14px;
  position: relative;
  font-weight: bold;
  text-decoration: none; }
  #nav-container .nav .nav-button a.e-btn--orange_transparent:hover, #nav-container .nav .nav-button a.e-btn--orange_transparent:focus, #nav-container .nav .nav-button a.e-btn--orange_transparent:active {
    background-color: #F96D01;
    color: white;
    text-decoration: none; }

.e-btn {
  -webkit-appereance: none;
  border: 0;
  min-width: 120px;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  background-color: #FFFFFF;
  color: #777777;
  border: 1px solid #818285;
  border-radius: 4px; }
  .e-btn:hover, .e-btn:focus {
    background-color: #f2f2f2; }
    .e-btn:hover:hover, .e-btn:hover:focus, .e-btn:hover:active, .e-btn:focus:hover, .e-btn:focus:focus, .e-btn:focus:active {
      text-decoration: none;
      outline: none; }

.e--primary {
  -webkit-appereance: none;
  border: 0;
  min-width: 120px;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  background-color: #2AB27B;
  color: #FFFFFF; }
  .e--primary:hover, .e--primary:focus {
    background-color: #259d6d;
    color: #FFFFFF; }
    .e--primary:hover:hover, .e--primary:hover:focus, .e--primary:hover:active, .e--primary:focus:hover, .e--primary:focus:focus, .e--primary:focus:active {
      text-decoration: none;
      outline: none; }

.e--auto {
  min-width: 0; }

.e--transparent {
  -webkit-appereance: none;
  border: 0;
  min-width: 120px;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  background-color: transparent;
  color: #2AB27B;
  border: 1px solid #2AB27B; }
  .e--transparent:hover, .e--transparent:focus {
    color: #FFFFFF;
    background-color: #259d6d; }
    .e--transparent:hover:hover, .e--transparent:hover:focus, .e--transparent:hover:active, .e--transparent:focus:hover, .e--transparent:focus:focus, .e--transparent:focus:active {
      text-decoration: none;
      outline: none; }

.is-bordered {
  border-radius: 20px; }

.is-fluid {
  width: 100%;
  display: block; }

.is-small {
  min-width: 0;
  line-height: normal; }

.is-xsmall {
  min-width: 0;
  padding: 3px 5px;
  line-height: normal; }

.with-arrow {
  position: relative; }
  .with-arrow::after {
    position: absolute !important;
    top: 22px;
    right: 15px;
    content: ''; }
  .with-arrow.dropdown-toggle {
    padding-right: 40px; }

.e-form--group {
  position: relative; }
  .e-form--group.with-icon > img {
    position: absolute;
    right: 15px;
    top: 10px; }

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 0; }
  table thead tr th {
    padding: 10px;
    border: 0; }
  table tbody tr td {
    border-bottom: 1px solid #E7EBF2; }

.parsley-required, .parsley-minlength, .parsley-maxlength, .parsley-length, .parsley-type, .parsley-equalto {
  color: #d74022;
  float: right;
  list-style-type: none; }

.parsley-errors-list::after {
  display: table;
  clear: both; }

.l-flex, #p-access {
  display: flex;
  justify-content: left; }
  .l-flex--mid, #p-access {
    align-items: center;
    justify-content: center; }

.l-box, .p-access--box {
  width: 100%;
  max-width: 400px;
  border: 1px solid #B4B4B4;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 0 rgba(65, 64, 66, 0.5); }

.l-form--group {
  position: relative; }
  .l-form--group_icon {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 39px;
    color: #B4B4B4; }
  .l-form--group .u-font-default {
    position: absolute;
    top: 9px;
    font-size: 12px; }

.has-error {
  color: #d74022 !important; }
  .has-error > .e-input, #table-kap_wrapper .dataTables_filter label.has-error > input,
  #table-kjs_wrapper .dataTables_filter label.has-error > input,
  #table-kpp_wrapper .dataTables_filter label.has-error > input {
    border-color: #d74022 !important; }

form dl dt {
  width: 250px;
  float: left;
  font-weight: 500;
  margin-top: 10px; }
  @media screen and (max-width: 554px) {
    form dl dt {
      float: none;
      width: 100%; } }
form dl dd {
  width: calc(100% - 250px);
  float: left; }
  @media screen and (max-width: 554px) {
    form dl dd {
      float: none;
      width: 100%; } }
#nav-container {
  display: block;
  padding: 0 30px; }
  #nav-container .c-header__menu#nav-section {
    display: block; }
  #nav-container .c-header__menu-left {
    float: left; }
  #nav-container .c-header__menu-right {
    float: right; }
  #nav-container .c-header__menu .nav {
    height: auto;
    display: inline-block; }
    #nav-container .c-header__menu .nav .open a {
      background-color: transparent; }
    #nav-container .c-header__menu .nav .nav-group {
      display: inline-block; }
    #nav-container .c-header__menu .nav .nav-button {
      display: inline-block;
      height: auto;
      margin-bottom: 0;
      padding: 18px 0;
      vertical-align: middle a;
        vertical-align-display: inline-block; }
      #nav-container .c-header__menu .nav .nav-button.active {
        border-bottom: 4px solid #2AB27B; }
      #nav-container .c-header__menu .nav .nav-button.open-dropdown {
        position: relative; }
        #nav-container .c-header__menu .nav .nav-button.open-dropdown .dropdown-menu {
          right: 0;
          left: unset;
          padding: 0; }
          #nav-container .c-header__menu .nav .nav-button.open-dropdown .dropdown-menu li a {
            color: #212121;
            width: 100%;
            padding: 10px 20px; }
            #nav-container .c-header__menu .nav .nav-button.open-dropdown .dropdown-menu li a:hover {
              background-color: #E2E2E2; }
        #nav-container .c-header__menu .nav .nav-button.open-dropdown.open {
          border-bottom: 0; }
  #nav-container > div {
    border-bottom: 1px solid #B4B4B4; }

.e-header--admin {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; }
  @media screen and (max-width: 767px) {
    .e-header--admin {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999; } }
.e-header__primary {
  height: 60px;
  background-color: #F9F9F9;
  padding: 10px 20px; }
  @media screen and (max-width: 992px) {
    .e-header__primary {
      height: 40px;
      padding: 0 20px; } }
.e-header__secondary {
  height: 50px;
  box-shadow: 0 3px 8px -5px #555;
  padding: 10px 20px;
  background-color: #FFFFFF; }
  @media screen and (max-width: 992px) {
    .e-header__secondary {
      width: 100%;
      overflow: scroll;
      white-space: nowrap;
      padding-right: 63px; }
      .e-header__secondary::-webkit-scrollbar {
        display: none; }
      .e-header__secondary .e-header-shadow {
        position: absolute;
        top: 40px;
        width: 5px;
        height: 50px;
        z-index: 9; }
      .e-header__secondary .e-header-shadow--left {
        left: 0;
        width: 5px;
        background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) -10%, rgba(0, 0, 0, 0.25) 100%); }
      .e-header__secondary .e-header-shadow--right {
        right: 63px;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) -10%, rgba(0, 0, 0, 0.1) 100%); } }
.e-header__menu-left {
  float: left; }

.e-header__menu-right {
  float: right; }

.e-header__menu-item {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  display: inline-block;
  vertical-align: middle;
  line-height: 37px;
  margin-right: 24px;
  position: relative; }
  .e-header__menu-item:last-child {
    margin-right: 0; }
  @media screen and (max-width: 992px) {
    .e-header__menu-item {
      line-height: 38px; } }
  .e-header__menu-item a {
    color: #212121; }
    .e-header__menu-item a:hover, .e-header__menu-item a:focus, .e-header__menu-item a:active {
      text-decoration: none;
      color: #F57B1E; }

.e-header__xs {
  display: none;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    .e-header__xs {
      display: block; } }
  @media screen and (min-width: 767px) and (max-width: 992px) {
    .e-header__xs {
      display: block; } }
  .e-header__xs-menu {
    display: inline-block;
    position: relative;
    top: 9px; }
    .e-header__xs-menu.is-active span:first-child {
      transform: rotate(-45deg) translate(-8px, 0);
      -webkit-transform: rotate(-45deg) translate(-8px, 0);
      -moz-transform: rotate(-45deg) translate(-8px, 0); }
    .e-header__xs-menu.is-active span:nth-child(2) {
      opacity: 0; }
    .e-header__xs-menu.is-active span:last-child {
      transform: rotate(45deg) translate(-8px, -1px);
      -webkit-transform: rotate(45deg) translate(-8px, -1px);
      -moz-transform: rotate(45deg) translate(-8px, -1px); }
    .e-header__xs-menu span {
      width: 20px;
      height: 2px;
      background-color: #212121;
      display: block;
      margin: 4px 0;
      transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s; }
  .e-header__xs-info {
    display: inline-block;
    color: #212121;
    margin-top: 1px;
    line-height: 40px;
    vertical-align: middle; }
    .e-header__xs-info img {
      height: 22px;
      margin-top: 2px; }

@media screen and (max-width: 767px) {
  .e-header__company {
    display: none; } }

@media screen and (min-width: 767px) and (max-width: 992px) {
  .e-header__company {
    display: none; } }

.e-header__nav {
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s; }
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    .e-header__nav {
      margin-left: 0; } }
  .e-header__nav-item {
    line-height: 30px;
    margin-right: 24px;
    display: inline-block;
    position: relative; }
    .e-header__nav-item span:first-child {
      margin-bottom: 2px;
      color: #F57B1E;
      width: 25px;
      text-align: center; }
    .e-header__nav-item a {
      color: #212121; }
      .e-header__nav-item a:hover, .e-header__nav-item a:focus, .e-header__nav-item a:active {
        text-decoration: none;
        color: #F57B1E; }
  .e-header__nav-link {
    color: #212121; }
    .e-header__nav-link .fa-caret-down {
      margin-top: -2px; }

.e-header--connection {
  float: right;
  text-align: right;
  line-height: 30px; }
  .e-header--connection > div {
    float: left; }

.fa-angle-down, .with-arrow::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #212121;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: 10px; }

.c-dropdown {
  background-color: #FFFFFF;
  min-width: 200px;
  position: absolute;
  right: 0;
  border-radius: 3px;
  visibility: hidden;
  opacity: 0;
  margin-top: 5px;
  border: 1px solid #f0f0f0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transform: translateY(5px);
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  z-index: 999; }
  @media screen and (max-width: 992px) {
    .c-dropdown {
      margin-top: 1px; } }
  .c-dropdown.is-open {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); }
  .c-dropdown__item {
    color: #212121;
    padding: 8px 10px;
    display: block;
    line-height: 20px; }
    .c-dropdown__item:hover, .c-dropdown__itemactive, .c-dropdown__item:focus {
      background-color: #F57B1E;
      color: #FFFFFF;
      text-decoration: none; }
    .c-dropdown__item--title:hover, .c-dropdown__item--titleactive, .c-dropdown__item--title:focus {
      background-color: inherit;
      cursor: default; }
  .c-dropdown--right {
    right: -10px;
    left: auto; }
    .c-dropdown--right:after {
      position: absolute;
      content: '';
      width: 6px;
      height: 0;
      border-top: 6px solid transparent;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #FFFFFF;
      top: -12px;
      right: 8px; }
    @media screen and (min-width: 767px) and (max-width: 992px) {
      .c-dropdown--right {
        right: -9px; } }
    @media screen and (max-width: 767px) {
      .c-dropdown--right {
        right: -2px; } }
    @media screen and (max-width: 554px) {
      .c-dropdown--right {
        border-radius: 0;
        position: fixed;
        width: 100%;
        right: 0; }
        .c-dropdown--right:after {
          right: 27px; } }
    .c-dropdown--right .c-dropdown__item.is-active {
      font-weight: 700; }
    .c-dropdown--right-add {
      margin-top: 10px; }
      .c-dropdown--right-add .c-dropdown__item:last-child {
        border: none; }
      .c-dropdown--right-add:after {
        right: 17px; }

.jc-dropdown.open .c-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0); }
  .jc-dropdown.open .c-dropdown__item:hover, .jc-dropdown.open .c-dropdown__itemactive, .jc-dropdown.open .c-dropdown__item:focus {
    color: #FFFFFF; }

.c-tab {
  border: 0;
  position: relative; }
  .c-tab:after {
    position: absolute;
    top: 100%;
    left: -15px;
    width: calc(100% + 30px);
    height: 1px;
    background-color: #E2E2E2;
    content: ''; }
  .c-tab--nav {
    border: 0; }
  .c-tab--item a {
    color: #212121;
    border: 0 !important;
    border-bottom: 5px solid transparent !important;
    padding: 10px 30px !important;
    color: #777777; }
    .c-tab--item a:hover, .c-tab--item a:focus, .c-tab--item a:active {
      text-decoration: none;
      background-color: transparent !important;
      color: #212121; }
  .c-tab--item.active > a, .c-tab--item.is-active > a {
    color: #212121;
    border: 0 !important;
    border-bottom: 5px solid #F57B1E !important; }

.c-toaster {
  padding: 15px 10px;
  text-align: center;
  position: fixed;
  top: 40px;
  left: 50%;
  border: 1px solid #2AB27B;
  padding: 15px;
  background-color: #e9f7f2;
  transform: translateX(-50%);
  display: none; }
  .c-toaster--content {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #777777; }

#p-access {
  width: 100%;
  min-height: 100vh; }

.p-access--box {
  margin: 0 auto; }
  .p-access--box-register {
    max-width: 615px; }
  .p-access--box-verification {
    max-width: 500px; }

.p-access--header {
  text-align: center; }

.p-access--footer .c-separator {
  color: #818285;
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .p-access--footer .c-separator span {
    margin-left: 5px;
    margin-right: 5px; }
  .p-access--footer .c-separator .separator {
    display: inline-block;
    width: calc((100% - 49px)/2);
    margin: 0;
    vertical-align: middle;
    box-shadow: none;
    border-width: thin;
    color: #E2E2E2; }

.g-recaptcha {
  display: flex;
  justify-content: center;
  margin-bottom: 20px; }

.p-content-form--profile {
  max-width: 800px;
  width: 100%;
  margin: 40px auto; }
  @media screen and (min-width: 554px) and (max-width: 992px) {
    .p-content-form--profile {
      max-width: 500px; } }
  @media screen and (max-width: 554px) {
    .p-content-form--profile {
      max-width: 300px; } }
.p-content--header-left {
  float: left; }
  @media screen and (max-width: 554px) {
    .p-content--header-left {
      float: none; } }
.p-content--header-right {
  float: right; }
  @media screen and (max-width: 554px) {
    .p-content--header-right {
      float: none; } }
@keyframes img-rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes img-rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg); } }

@-moz-keyframes img-rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg); } }

@-o-keyframes img-rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg); } }

.img-rotate {
  animation: img-rotate 700ms linear infinite; }

.p-full {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  overflow: hidden;
  background-color: #FFFFFF; }
  @media screen and (max-width: 767px) {
    .p-full {
      padding: 15px; } }
  .p-full__wrapper {
    max-width: calc(100% - 60%);
    text-align: center;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 3px; }
    @media screen and (max-width: 767px) {
      .p-full__wrapper {
        max-width: 100%; } }
    .p-full__wrapper--shadow {
      max-width: 100%;
      text-align: center;
      background-color: #FFFFFF;
      padding: 60px 72px;
      border-radius: 4px;
      box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3); }
      .p-full__wrapper--shadow form {
        width: 360px;
        max-width: 100%;
        margin: auto;
        text-align: left; }
      @media screen and (max-width: 767px) {
        .p-full__wrapper--shadow {
          padding: 30px; } }
    .p-full__wrapper--full {
      width: 100%;
      height: 100vh;
      background-color: #FFFFFF;
      display: flex; }
      .p-full__wrapper--full form {
        width: 360px;
        max-width: 100%;
        margin: auto;
        text-align: left; }
      @media screen and (max-width: 767px) {
        .p-full__wrapper--full {
          min-height: 100vh;
          height: auto; } }
  .p-full__side {
    width: calc(100% - 320px);
    max-width: 100%;
    text-align: left;
    padding: calc((100vh - 540px)/2) calc((100% - 820px)/2);
    margin: auto; }
    .p-full__side form {
      margin: 0; }
    .p-full__side--image {
      width: 320px;
      background-color: #F57B1E; }
      .p-full__side--image .slick-slide {
        height: 100vh;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative; }
        .p-full__side--image .slick-slide:focus {
          outline: none; }
        .p-full__side--image .slick-slide .p-full__carousel-wrapper {
          background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(95, 95, 95, 0.31) 33.46%, #000000 100%);
          height: 100vh; }
        .p-full__side--image .slick-slide .p-full__carousel-content {
          text-align: left;
          position: absolute;
          bottom: 90px;
          left: 30px;
          max-width: calc(100% - 70px); }
      .p-full__side--image .slick-dots {
        text-align: right;
        padding-right: 45px;
        padding-bottom: 20px; }
        .p-full__side--image .slick-dots li {
          width: 20px;
          height: 20px; }
          .p-full__side--image .slick-dots li.slick-active button:before {
            font-size: 10px;
            color: #FFFFFF; }
          .p-full__side--image .slick-dots li button:before {
            font-size: 10px;
            color: #E2E2E2; }
    @media screen and (min-width: 767px) and (max-width: 992px) {
      .p-full__side {
        width: calc(100% - 360px);
        padding: 60px calc((100% - 720px)/2); }
        .p-full__side--image {
          width: 360px; } }
    @media screen and (max-width: 767px) {
      .p-full__side {
        width: auto;
        padding: 30px 0;
        margin: auto; }
        .p-full__side--image {
          display: none; } }
.max-480 {
  max-width: 480px; }

#p-access .notif-box {
  position: absolute;
  top: 140px; }

#payable_sk_nop_fragment .tooltip .tooltip-inner {
  max-width: 300px;
  text-align: left; }

body {
  font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .5px; }

.under-maintenance {
  background-color: #f8f7f7;
  height: calc(100vh - 72px);
  display: flex; }
  .under-maintenance--container {
    width: 80%;
    max-width: 820px;
    margin: 0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  .under-maintenance__content {
    width: 50%;
    margin: 0 auto;
    margin-top: -10%; }
    .under-maintenance__content h1 {
      font-weight: bold; }
    .under-maintenance__content .button--under-maintenance {
      display: inline-block;
      margin-top: 10px; }

@font-face {
  font-family: "Roboto";
  src: url(/static/assets/css/fonts/Roboto-Light-46e48ce0628835f68a7369d0254e4283.ttf) format("truetype");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: url(/static/assets/css/fonts/Roboto-Regular-df7b648ce5356ea1ebce435b3459fd60.ttf) format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url(/static/assets/css/fonts/Roboto-Medium-894a2ede85a483bf9bedefd4db45cdb9.ttf) format("truetype");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url(/static/assets/css/fonts/Roboto-Bold-e31fcf1885e371e19f5786c2bdfeae1b.ttf) format("truetype");
  font-style: normal;
  font-weight: 700; }

* {
  font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

.u-v-top {
  vertical-align: top; }

.u-v-middle {
  vertical-align: middle; }

.u-v-bottom {
  vertical-align: bottom; }

.u-v-text-top {
  vertical-align: text-top; }

.u-v-text-bottom {
  vertical-align: text-bottom; }

.u-t-left {
  text-align: left; }

.u-t-center, .e-btn, .e--primary, .e--transparent, .p-access--header, .p-access--footer {
  text-align: center; }

.u-t-right {
  text-align: right; }

.u-d-block {
  display: block; }

.u-d-inline {
  display: inline; }

.u-d-inline-block {
  display: inline-block; }

.u-d-flex {
  display: flex; }

.u-d-inline-flex {
  display: inline-flex; }

.u-d-table {
  display: table; }

.u-d-table-cell {
  display: table-cell; }

.u-d-none {
  display: none; }

.u-d-flex-star {
  display: flex-star; }

.u-d-center {
  display: center; }

.u-d-flex-end {
  display: flex-end; }

.relative {
  position: relative; }

.bordered {
  border: 1px solid #E2E2E2; }

.u-border-bottom {
  position: relative; }
  .u-border-bottom::after {
    width: calc(100% - 18px);
    left: 9px;
    top: 0;
    position: absolute;
    height: 1px;
    background-color: #E2E2E2;
    content: ''; }

.m-5 {
  margin: 5px; }

.mx-5 {
  margin: 0 5px; }

.my-5 {
  margin: 5px 0; }

.mt-5, .has-error--text {
  margin-top: 5px; }

.ml-5 {
  margin-left: 5px; }

.mb-5 {
  margin-bottom: 5px; }

.mr-5 {
  margin-right: 5px; }

.p-5 {
  padding: 5px; }

.px-5 {
  padding: 0 5px; }

.py-5, .is-small {
  padding: 5px 0; }

.pt-5 {
  padding-top: 5px; }

.pl-5 {
  padding-left: 5px; }

.pb-5 {
  padding-bottom: 5px; }

.pr-5 {
  padding-right: 5px; }

.m-10 {
  margin: 10px; }

.mx-10 {
  margin: 0 10px; }

.my-10 {
  margin: 10px 0; }

.mt-10 {
  margin-top: 10px; }

.ml-10, .e-header--connection > div {
  margin-left: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.mr-10, .e-header__nav-item span:first-child {
  margin-right: 10px; }

.p-10 {
  padding: 10px; }

.px-10, .is-small {
  padding: 0 10px; }

.py-10, .e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input {
  padding: 10px 0; }

.pt-10, .e-btn, .e--primary, .e--transparent {
  padding-top: 10px; }

.pl-10 {
  padding-left: 10px; }

.pb-10, #tax-state .tax-state-item .tax-state-content a .tax-state-value, .e-btn, .e--primary, .e--transparent {
  padding-bottom: 10px; }

.pr-10 {
  padding-right: 10px; }

.m-15 {
  margin: 15px; }

.mx-15 {
  margin: 0 15px; }

.my-15 {
  margin: 15px 0; }

.mt-15 {
  margin-top: 15px; }

.ml-15 {
  margin-left: 15px; }

.mb-15, .e-form--group, .l-form--group {
  margin-bottom: 15px; }

.mr-15 {
  margin-right: 15px; }

.p-15 {
  padding: 15px; }

.px-15, .p-access--container {
  padding: 0 15px; }

.py-15 {
  padding: 15px 0; }

.pt-15 {
  padding-top: 15px; }

.pl-15, .e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input, .e-btn, .e--primary, .e--transparent {
  padding-left: 15px; }

.pb-15 {
  padding-bottom: 15px; }

.pr-15, .e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input, .e-btn, .e--primary, .e--transparent {
  padding-right: 15px; }

.m-20 {
  margin: 20px; }

.mx-20 {
  margin: 0 20px; }

.my-20 {
  margin: 20px 0; }

.mt-20 {
  margin-top: 20px; }

.ml-20 {
  margin-left: 20px; }

.mb-20, .p-access--heading, h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 20px; }

.mr-20 {
  margin-right: 20px; }

.p-20 {
  padding: 20px; }

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

.py-20 {
  padding: 20px 0; }

.pt-20 {
  padding-top: 20px; }

.pl-20 {
  padding-left: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.pr-20, .p-access--menu-list:last-child {
  padding-right: 20px; }

.m-25 {
  margin: 25px; }

.mx-25 {
  margin: 0 25px; }

.my-25 {
  margin: 25px 0; }

.mt-25 {
  margin-top: 25px; }

.ml-25 {
  margin-left: 25px; }

.mb-25 {
  margin-bottom: 25px; }

.mr-25 {
  margin-right: 25px; }

.p-25 {
  padding: 25px; }

.px-25 {
  padding: 0 25px; }

.py-25 {
  padding: 25px 0; }

.pt-25 {
  padding-top: 25px; }

.pl-25 {
  padding-left: 25px; }

.pb-25 {
  padding-bottom: 25px; }

.pr-25 {
  padding-right: 25px; }

.m-30 {
  margin: 30px; }

.mx-30 {
  margin: 0 30px; }

.my-30 {
  margin: 30px 0; }

.mt-30 {
  margin-top: 30px; }

.ml-30 {
  margin-left: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.mr-30 {
  margin-right: 30px; }

.p-30 {
  padding: 30px; }

.px-30, .l-box, .p-access--box {
  padding: 0 30px; }

.py-30, .p-access--footer {
  padding: 30px 0; }

.pt-30 {
  padding-top: 30px; }

.pl-30 {
  padding-left: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.pr-30 {
  padding-right: 30px; }

.m-35 {
  margin: 35px; }

.mx-35 {
  margin: 0 35px; }

.my-35 {
  margin: 35px 0; }

.mt-35 {
  margin-top: 35px; }

.ml-35 {
  margin-left: 35px; }

.mb-35 {
  margin-bottom: 35px; }

.mr-35 {
  margin-right: 35px; }

.p-35 {
  padding: 35px; }

.px-35 {
  padding: 0 35px; }

.py-35 {
  padding: 35px 0; }

.pt-35 {
  padding-top: 35px; }

.pl-35 {
  padding-left: 35px; }

.pb-35 {
  padding-bottom: 35px; }

.pr-35 {
  padding-right: 35px; }

.m-40 {
  margin: 40px; }

.mx-40 {
  margin: 0 40px; }

.my-40 {
  margin: 40px 0; }

.mt-40, .p-access--heading {
  margin-top: 40px; }

.ml-40 {
  margin-left: 40px; }

.mb-40 {
  margin-bottom: 40px; }

.mr-40 {
  margin-right: 40px; }

.p-40 {
  padding: 40px; }

.px-40 {
  padding: 0 40px; }

.py-40 {
  padding: 40px 0; }

.pt-40, .p-access--header {
  padding-top: 40px; }

.pl-40 {
  padding-left: 40px; }

.pb-40, .p-access--header {
  padding-bottom: 40px; }

.pr-40 {
  padding-right: 40px; }

.m-45 {
  margin: 45px; }

.mx-45 {
  margin: 0 45px; }

.my-45 {
  margin: 45px 0; }

.mt-45 {
  margin-top: 45px; }

.ml-45 {
  margin-left: 45px; }

.mb-45 {
  margin-bottom: 45px; }

.mr-45 {
  margin-right: 45px; }

.p-45 {
  padding: 45px; }

.px-45 {
  padding: 0 45px; }

.py-45 {
  padding: 45px 0; }

.pt-45 {
  padding-top: 45px; }

.pl-45 {
  padding-left: 45px; }

.pb-45 {
  padding-bottom: 45px; }

.pr-45 {
  padding-right: 45px; }

.m-50 {
  margin: 50px; }

.mx-50 {
  margin: 0 50px; }

.my-50 {
  margin: 50px 0; }

.mt-50 {
  margin-top: 50px; }

.ml-50 {
  margin-left: 50px; }

.mb-50 {
  margin-bottom: 50px; }

.mr-50 {
  margin-right: 50px; }

.p-50 {
  padding: 50px; }

.px-50 {
  padding: 0 50px; }

.py-50 {
  padding: 50px 0; }

.pt-50 {
  padding-top: 50px; }

.pl-50 {
  padding-left: 50px; }

.pb-50 {
  padding-bottom: 50px; }

.pr-50 {
  padding-right: 50px; }

.m-55 {
  margin: 55px; }

.mx-55 {
  margin: 0 55px; }

.my-55 {
  margin: 55px 0; }

.mt-55 {
  margin-top: 55px; }

.ml-55 {
  margin-left: 55px; }

.mb-55 {
  margin-bottom: 55px; }

.mr-55 {
  margin-right: 55px; }

.p-55 {
  padding: 55px; }

.px-55 {
  padding: 0 55px; }

.py-55 {
  padding: 55px 0; }

.pt-55 {
  padding-top: 55px; }

.pl-55 {
  padding-left: 55px; }

.pb-55 {
  padding-bottom: 55px; }

.pr-55 {
  padding-right: 55px; }

.m-60 {
  margin: 60px; }

.mx-60 {
  margin: 0 60px; }

.my-60 {
  margin: 60px 0; }

.mt-60, .p-access--footer {
  margin-top: 60px; }

.ml-60 {
  margin-left: 60px; }

.mb-60 {
  margin-bottom: 60px; }

.mr-60 {
  margin-right: 60px; }

.p-60 {
  padding: 60px; }

.px-60 {
  padding: 0 60px; }

.py-60 {
  padding: 60px 0; }

.pt-60, .p-access {
  padding-top: 60px; }

.pl-60 {
  padding-left: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.pr-60 {
  padding-right: 60px; }

.u-reg-12, h5, .has-error--text {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; }

.u-smb-12, .is-small {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px; }

.u-str-12 {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px; }

.u-reg-14, body, h4, .e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input, .e-header__nav-item span:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

.u-smb-14, .e-btn, .e--primary, .e--transparent {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px; }

.u-str-14 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px; }

.u-reg-18, h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px; }

.u-smb-18 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px; }

.u-str-18 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px; }

.u-reg-20, h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px; }

.u-smb-20 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px; }

.u-str-20 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px; }

.u-reg-24, h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px; }

.u-smb-24 {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px; }

.u-str-24 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px; }

.u-reg-26 {
  font-size: 26px;
  font-weight: 400;
  line-height: 40px; }

.u-smb-26 {
  font-size: 26px;
  font-weight: 500;
  line-height: 40px; }

.u-str-26, .p-access--heading {
  font-size: 26px;
  font-weight: 700;
  line-height: 40px; }

.u-upper {
  text-transform: uppercase; }

.u-bg-noir {
  background-color: #212121; }

.u-cl-noir {
  color: #212121; }

.u-bg-slate {
  background-color: #777777; }

.u-cl-slate {
  color: #777777; }

.u-bg-dust {
  background-color: #B4B4B4; }

.u-cl-dust {
  color: #B4B4B4; }

.u-bg-smoke {
  background-color: #E2E2E2; }

.u-cl-smoke {
  color: #E2E2E2; }

.u-bg-cloud {
  background-color: #F2F4F7; }

.u-cl-cloud {
  color: #F2F4F7; }

.u-bg-blanc {
  background-color: #FFFFFF; }

.u-cl-blanc {
  color: #FFFFFF; }

.u-bg-link {
  background-color: #1357FF; }

.u-cl-link {
  color: #1357FF; }

.u-bg-primary-lighter {
  background-color: #F9B8A0; }

.u-cl-primary-lighter {
  color: #F9B8A0; }

.u-bg-purple-lighter {
  background-color: #B9B7D7; }

.u-cl-purple-lighter {
  color: #B9B7D7; }

.u-bg-red-lighter {
  background-color: #EC9AAA; }

.u-cl-red-lighter {
  color: #EC9AAA; }

.u-bg-yellow-lighter {
  background-color: #FCEFB4; }

.u-cl-yellow-lighter {
  color: #FCEFB4; }

.u-bg-primary-light {
  background-color: #F58E68; }

.u-cl-primary-light {
  color: #F58E68; }

.u-bg-purple-light {
  background-color: #827DB7; }

.u-cl-purple-light {
  color: #827DB7; }

.u-bg-red-light {
  background-color: #fbebe8; }

.u-cl-red-light {
  color: #fbebe8; }

.u-bg-yellow-light {
  background-color: #FAE279; }

.u-cl-yellow-light {
  color: #FAE279; }

.u-bg-primary-dark, .u-bg-primary:hover, .u-bg-primary:focus, .u-bg-primary:active {
  background-color: #C75228; }

.u-cl-primary-dark {
  color: #C75228; }

.u-bg-purple-dark, .u-bg-purple:hover, .u-bg-purple:focus, .u-bg-purple:active {
  background-color: #55508A; }

.u-cl-purple-dark {
  color: #55508A; }

.u-bg-red-dark, .u-bg-red:hover, .u-bg-red:focus, .u-bg-red:active {
  background-color: #B01C3A; }

.u-cl-red-dark {
  color: #B01C3A; }

.u-bg-yellow-dark, .u-bg-yellow:hover, .u-bg-yellow:focus, .u-bg-yellow:active {
  background-color: #CCB54C; }

.u-cl-yellow-dark {
  color: #CCB54C; }

.u-bg-primary {
  background-color: #ff8844; }

.u-cl-primary {
  color: #ff8844; }

.u-bg-purple {
  background-color: #6761A8; }

.u-cl-purple {
  color: #6761A8; }

.u-bg-red {
  background-color: #d74022; }

.u-cl-red {
  color: #d74022; }

.u-bg-yellow {
  background-color: #F9DC5C; }

.u-cl-yellow {
  color: #F9DC5C; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #212121;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s; }

.e-form--group {
  position: relative;
  margin-bottom: 20px; }
  .e-form--group.is-error .is-message {
    color: #d74022;
    letter-spacing: 0.2px;
    margin-top: 9px;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 400;
    display: block; }
  .e-form--group.is-checkbox label {
    display: block; }
    .e-form--group.is-checkbox label span {
      display: inline-block;
      vertical-align: top; }
      .e-form--group.is-checkbox label span:first-child {
        width: 20px; }
      .e-form--group.is-checkbox label span:last-child {
        width: calc(100% - 25px); }

.e-label {
  display: inline-block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #212121; }
  .e-label.is-row {
    display: flex;
    align-items: flex-end; }
    .e-label.is-row span {
      flex: none;
      width: 50%; }
  .e-label--input-file {
    display: block;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 8px 12px; }
    .e-label--input-file .u-d-none {
      display: none; }
    .e-label--input-file.is-disabled {
      background-color: #FFFFFF !important; }
  .e-label--info {
    position: relative; }
    .e-label--info img {
      margin-top: -2px; }

.is-error {
  border: 1px solid #d74022; }
  .is-error.wrapper-type-npwp {
    border: none;
    color: #212121;
    text-align: left; }

.input-file--name {
  display: inline-block;
  margin-left: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #777777; }

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 15px;
  border: thin solid #E2E2E2;
  border-radius: 4px 0 0 0; }
  table thead {
    border-bottom: thin solid #E7EBF2; }
    table thead th {
      padding: 10px 15px;
      font-weight: 500; }
  table tbody {
    text-align: left; }
    table tbody td {
      padding: 10px 15px;
      border-bottom: thin solid #F2F4F7; }
  table.no-border {
    border: 0;
    border-radius: 0;
    margin-bottom: 0; }
    table.no-border thead {
      border-bottom: 0; }
    table.no-border tbody td {
      padding: 0;
      border-bottom: 0; }

.equals {
  vertical-align: top;
  position: relative; }
  .equals:after {
    position: absolute;
    top: 0;
    right: 10px;
    content: ':'; }

.l-container, .p-content--wrapper {
  max-width: 1170px;
  margin: 0 auto; }

.vue-sidebar {
  width: 273px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  padding: 8px;
  border-right: 1px solid #E2E2E2;
  background-color: #FFFFFF; }
  .vue-sidebar--nav-parent {
    margin-bottom: 5px; }
    .vue-sidebar--nav-parent--link {
      width: 100%;
      display: block;
      color: black; }
      .vue-sidebar--nav-parent--link.active {
        color: #1357FF; }
    .vue-sidebar--nav-parent .with-arrow:after {
      top: 50%;
      transform: translateY(50%); }
  .vue-sidebar--nav-child {
    margin-bottom: 5px; }
    .vue-sidebar--nav-child > a {
      display: block;
      padding: 5px 10px 5px 20px;
      color: black;
      text-decoration: none;
      position: relative; }
      .vue-sidebar--nav-child > a::before {
        width: 5px;
        height: 5px;
        background-color: black;
        position: absolute;
        top: 13px;
        left: 5px;
        border-radius: 50%;
        content: ''; }
      .vue-sidebar--nav-child > a.active {
        color: #1357FF; }
        .vue-sidebar--nav-child > a.active::before {
          background-color: #1357FF; }

.vue-header {
  position: absolute;
  top: 0;
  left: 273px;
  width: calc(100% - 273px);
  background-color: #FFFFFF;
  border-bottom: 1px solid #E2E2E2;
  padding: 24px; }

.vue-header-profile {
  position: absolute;
  top: 0;
  left: 273px;
  width: calc(100% - 273px);
  background-color: #FFFFFF;
  padding: 24px; }

.vue-content {
  width: calc(100% - 273px);
  min-height: 100px;
  margin-left: 273px;
  margin-top: 95px; }

.vue-checkbox-number {
  display: inline-block;
  vertical-align: top;
  width: 35px; }

.vue-label-checkbox {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 35px); }
  .vue-label-checkbox span {
    display: inline-block;
    vertical-align: top; }
    .vue-label-checkbox span:first-child {
      width: 20px; }
    .vue-label-checkbox span:last-child {
      width: calc(100% - 25px); }

.c-header--wrapper {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .c-header--wrapper {
      padding: 15px 18px 9px !important;
      box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.2);
      z-index: 99; } }
.c-header--primary {
  background-color: transparent; }

.c-header__menu-nav {
  display: flex;
  font-size: 16px;
  color: #777777;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s; }
  .c-header__menu-nav.is-active {
    transform: translateX(1%);
    -webkit-transform: translateX(1%);
    -moz-transform: translateX(1%); }
  @media screen and (max-width: 1024px) {
    .c-header__menu-nava > img {
      width: auto;
      height: 30px; } }
@media screen and (max-width: 1024px) {
  .c-header__menu-center {
    display: none; } }

.c-header__menu-right {
  width: 420px;
  text-align: right;
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .c-header__menu-right .c-dropdown--trigger {
    display: flex;
    align-items: center; }
  @media screen and (max-width: 1024px) {
    .c-header__menu-right {
      display: none; } }
  @media screen and (max-width: 1024px) {
    .c-header__menu-right {
      display: none; } }
.c-header__menu-group {
  margin-bottom: 0; }
  .c-header__menu-group:hover, .c-header__menu-group:focus, .c-header__menu-group:active {
    text-decoration: none;
    outline: none; }
  .c-header__menu-group-list {
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 20px; }
    .c-header__menu-group-list .icon {
      color: #777777; }
    @media screen and (max-width: 1200px) {
      .c-header__menu-group-list .icon-header {
        display: none; } }
    .c-header__menu-group-list.is-active {
      font-weight: 500; }
      .c-header__menu-group-list.is-active > a {
        color: #212121;
        border-bottom: 5px solid #F96D01; }
      .c-header__menu-group-list.is-active .icon {
        color: #F96D01; }
    .c-header__menu-group-list a {
      height: 100%;
      color: #777777;
      padding-right: 15px;
      padding-left: 15px;
      font-size: 14px;
      text-decoration: none;
      padding-bottom: 20px; }
      .c-header__menu-group-list a:hover, .c-header__menu-group-list a:focus, .c-header__menu-group-list a:active {
        text-decoration: none;
        color: #212121; }
    .c-header__menu-group-list .dropdown-menu--list a {
      padding: 6px 20px; }
      .c-header__menu-group-list .dropdown-menu--list a.is-active {
        background-color: #f5f5f5; }

.c-header__menu-xs {
  position: relative; }
  @media screen and (min-width: 1025px) {
    .c-header__menu-xs {
      display: none; } }
  .c-header__menu-xs img {
    pointer-events: none; }
  .c-header__menu-xs.is-active > .c-header__menu-list {
    display: block; }

.c-header__menu-list {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  width: 240px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.1), 0 4px 8px 0 rgba(119, 119, 119, 0.2); }
  @media screen and (min-width: 1025px) {
    .c-header__menu-list {
      display: none; } }
  .c-header__menu-list.is-toggle {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none; }
    .c-header__menu-list.is-toggle .c-header__menu-list-item {
      padding: 4px 9px; }
      .c-header__menu-list.is-toggle .c-header__menu-list-item:first-child {
        padding: 4px 9px;
        border: 0; }
        .c-header__menu-list.is-toggle .c-header__menu-list-item:first-child > a {
          padding: 8px 12px; }
      .c-header__menu-list.is-toggle .c-header__menu-list-item.-new-item a {
        justify-content: flex-start; }
      .c-header__menu-list.is-toggle .c-header__menu-list-item.-new-item span:first-child {
        margin-right: 10px; }
      .c-header__menu-list.is-toggle .c-header__menu-list-item.-new-pill {
        padding: 0;
        background-color: #005FBF;
        color: #FFFFFF;
        text-align: center;
        height: 24px;
        width: 42px;
        border-radius: 4px;
        letter-spacing: 0.2px;
        line-height: 24px; }
        .c-header__menu-list.is-toggle .c-header__menu-list-item.-new-pill.-hidden {
          display: none; }
  .c-header__menu-list-item {
    padding: 4px 9px;
    position: relative; }
    .c-header__menu-list-item.is-active > .c-header__menu-list.is-toggle {
      display: block; }
    .c-header__menu-list-item:first-child {
      padding: 17px 21px;
      border-bottom: 1px solid #E2E2E2; }
      .c-header__menu-list-item:first-child > a {
        display: block;
        padding: 0; }
    .c-header__menu-list-item > a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 12px;
      font-size: 14px;
      letter-spacing: 0.2px;
      line-height: 20px;
      color: #212121; }
      .c-header__menu-list-item > a:focus, .c-header__menu-list-item > a:hover, .c-header__menu-list-item > a:active {
        background-color: #F2F4F7;
        color: #212121;
        text-decoration: none; }

.icon-triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #777777;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  align-items: center;
  cursor: pointer; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: calc(100% + 5px);
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 4px; }

.dropdown-submenu > a:after {
  display: block;
  content: "";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #555; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 4px; }

.dot {
  background-color: #D74022;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block; }
  .dot-header {
    position: absolute;
    top: 20px;
    right: -10px; }

.c-nps {
  position: fixed;
  top: 40vh;
  display: none;
  right: 100px;
  background-color: #FFFFFF;
  border-radius: 6px;
  max-width: 600px;
  width: 100%;
  z-index: 10;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); }
  .c-nps--content-head, .c-nps--content-body {
    padding: 20px 30px; }
  .c-nps--content-close {
    position: absolute;
    top: 28px;
    right: 30px;
    width: 16px;
    height: 16px;
    cursor: pointer; }
    .c-nps--content-close:before, .c-nps--content-close:after {
      position: absolute;
      top: 8px;
      left: 0;
      width: 16px;
      height: 1px;
      background-color: #777777;
      content: ''; }
    .c-nps--content-close:before {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg); }
    .c-nps--content-close:after {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg); }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

.c-accordion--title {
  cursor: pointer;
  position: relative; }
  .c-accordion--title h4 {
    float: left;
    width: calc(100% - 35px); }

.c-accordion--content {
  max-height: 0;
  overflow: hidden; }
  .c-accordion--content.is-active {
    max-height: 9999px; }

.c-accordion--body .label-required--field {
  display: none; }

.c-accordion--arrow {
  float: right;
  width: 15px;
  height: 15px;
  margin-right: 15px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg); }
  .c-accordion--arrow-icon {
    display: block;
    position: relative;
    width: inherit;
    height: inherit; }
    .c-accordion--arrow-icon::before, .c-accordion--arrow-icon::after {
      position: absolute;
      left: 0;
      width: 10px;
      height: 1px;
      background-color: #777777;
      content: ''; }
    .c-accordion--arrow-icon::before {
      bottom: 4px;
      transform: rotate(45deg); }
    .c-accordion--arrow-icon::after {
      top: 3px;
      transform: rotate(-45deg); }
    .c-accordion--arrow-icon.is-active {
      transform: rotate(90deg); }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

.mds-m-alert {
  display: flex;
  padding: 16px;
  width: 100%;
  border-radius: 4px; }
  .mds-m-alert.-theme-success {
    background-color: #daf1e9; }
    .mds-m-alert.-theme-success .mds-m-alert__icon {
      color: #4CAF50; }
  .mds-m-alert.-theme-error {
    background-color: #f9e3de; }
    .mds-m-alert.-theme-error .mds-m-alert__icon {
      color: #D74022; }
  .mds-m-alert.-theme-warning {
    background-color: #fff4d9; }
    .mds-m-alert.-theme-warning .mds-m-alert__icon {
      color: #FFB700; }
  .mds-m-alert.-theme-default {
    background-color: #d9e7f6; }
    .mds-m-alert.-theme-default .mds-m-alert__icon {
      color: #005FBF; }
  .mds-m-alert.-size-small .mds-m-alert__content {
    display: flex; }
    .mds-m-alert.-size-small .mds-m-alert__content > div {
      margin: 0;
      margin-right: 16px; }
    .mds-m-alert.-size-small .mds-m-alert__content > div:last-child {
      margin-right: 0; }
  .mds-m-alert > div:first-child {
    margin-right: 12px; }
  .mds-m-alert__content {
    width: 100%; }
  .mds-m-alert__header {
    font-weight: bold;
    margin-bottom: 4px; }
  .mds-m-alert__footer {
    margin-top: 16px; }

.e-alert {
  background-color: #FFFAE5;
  padding: 15px 20px;
  color: #212121;
  letter-spacing: 0.2px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  border-width: 1px;
  border-color: #FFEB99;
  border-style: solid;
  border-radius: 4px; }
  .e-alert--success {
    background-color: #FFFAE5;
    padding: 15px 20px;
    color: #212121;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-width: 1px;
    border-color: #FFEB99;
    border-style: solid;
    border-radius: 4px; }
  .e-alert--failed {
    background-color: #FFFAE5;
    padding: 15px 20px;
    color: #212121;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-width: 1px;
    border-color: #FFEB99;
    border-style: solid;
    border-radius: 4px;
    color: #d74022;
    font-weight: 500; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

.e-badge {
  background-color: #F2F4F7;
  padding: 2px 7px;
  color: #777777;
  letter-spacing: 0.2px;
  margin-left: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  border-radius: 10px; }
  .e-badge--green {
    background-color: #F2F4F7;
    padding: 2px 7px;
    color: #777777;
    letter-spacing: 0.2px;
    margin-left: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    border-radius: 10px;
    background-color: #009F61;
    color: #FFFFFF; }
  .e-badge--red {
    background-color: #F2F4F7;
    padding: 2px 7px;
    color: #777777;
    letter-spacing: 0.2px;
    margin-left: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    border-radius: 10px;
    background-color: #d74022;
    color: #FFFFFF; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #212121;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s; }

.e-form--group {
  position: relative;
  margin-bottom: 20px; }
  .e-form--group.is-error .is-message {
    color: #d74022;
    letter-spacing: 0.2px;
    margin-top: 9px;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 400;
    display: block; }
  .e-form--group.is-checkbox label {
    display: block; }
    .e-form--group.is-checkbox label span {
      display: inline-block;
      vertical-align: top; }
      .e-form--group.is-checkbox label span:first-child {
        width: 20px; }
      .e-form--group.is-checkbox label span:last-child {
        width: calc(100% - 25px); }

.e-label {
  display: inline-block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #212121; }
  .e-label.is-row {
    display: flex;
    align-items: flex-end; }
    .e-label.is-row span {
      flex: none;
      width: 50%; }
  .e-label--input-file {
    display: block;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 8px 12px; }
    .e-label--input-file .u-d-none {
      display: none; }
    .e-label--input-file.is-disabled {
      background-color: #FFFFFF !important; }
  .e-label--info {
    position: relative; }
    .e-label--info img {
      margin-top: -2px; }

.is-error {
  border: 1px solid #d74022; }
  .is-error.wrapper-type-npwp {
    border: none;
    color: #212121;
    text-align: left; }

.input-file--name {
  display: inline-block;
  margin-left: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #777777; }

.e-btn {
  text-align: center;
  line-height: 20px;
  letter-spacing: 0.2px;
  vertical-align: middle;
  padding-top: 7px;
  padding-bottom: 7px;
  min-width: 110px;
  background-color: #F2F4F7;
  color: #212121;
  display: inline-block;
  cursor: pointer;
  font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-radius: 4px;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  background-color: #FFFFFF;
  border-color: #E2E2E2;
  color: #777777; }
  .e-btn:hover, .e-btn:focus {
    background-color: #e2e7ed;
    color: #212121; }
    .e-btn:hover:hover, .e-btn:hover:focus, .e-btn:hover:active, .e-btn:focus:hover, .e-btn:focus:focus, .e-btn:focus:active {
      text-decoration: none;
      outline: none; }
  .e-btn:hover, .e-btn:focus, .e-btn[loading] {
    background-color: #E2E2E2; }
  .e-btn--primary {
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.2px;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
    min-width: 110px;
    background-color: #F2F4F7;
    color: #212121;
    display: inline-block;
    cursor: pointer;
    font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    background-color: #009F61;
    color: #FFFFFF;
    border: 1px solid #009F61;
    box-shadow: inset 0 -1px 0 0 #008350; }
    .e-btn--primary:hover, .e-btn--primary:focus {
      background-color: #e2e7ed;
      color: #212121; }
      .e-btn--primary:hover:hover, .e-btn--primary:hover:focus, .e-btn--primary:hover:active, .e-btn--primary:focus:hover, .e-btn--primary:focus:focus, .e-btn--primary:focus:active {
        text-decoration: none;
        outline: none; }
    .e-btn--primary:hover, .e-btn--primary:focus {
      background-color: #008651;
      color: #FFFFFF; }
    .e-btn--primary.is-new {
      border-color: #0060BF;
      background-color: #0060BF;
      box-shadow: none;
      border: none; }
  .e-btn--secondary {
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.2px;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
    min-width: 110px;
    background-color: #F2F4F7;
    color: #212121;
    display: inline-block;
    cursor: pointer;
    font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    background-color: #FBFBFB;
    border: thin solid #E2E2E2;
    color: #777777; }
    .e-btn--secondary:hover, .e-btn--secondary:focus {
      background-color: #e2e7ed;
      color: #212121; }
      .e-btn--secondary:hover:hover, .e-btn--secondary:hover:focus, .e-btn--secondary:hover:active, .e-btn--secondary:focus:hover, .e-btn--secondary:focus:focus, .e-btn--secondary:focus:active {
        text-decoration: none;
        outline: none; }
    .e-btn--secondary:hover, .e-btn--secondary:focus {
      background-color: #FBFBFB;
      color: #777777;
      border-color: #0060BF; }
    .e-btn--secondary:focus {
      transition: 0.3s;
      box-shadow: 0 0 4px 1px rgba(0, 96, 191, 0.3); }
    .e-btn--secondary .c-select--arrow {
      border-color: #777777; }
  .e-btn--delete {
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.2px;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
    min-width: 110px;
    background-color: #F2F4F7;
    color: #212121;
    display: inline-block;
    cursor: pointer;
    font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    background-color: #d74022;
    color: #FFFFFF;
    border: 1px solid #d74022; }
    .e-btn--delete:hover, .e-btn--delete:focus {
      background-color: #e2e7ed;
      color: #212121; }
      .e-btn--delete:hover:hover, .e-btn--delete:hover:focus, .e-btn--delete:hover:active, .e-btn--delete:focus:hover, .e-btn--delete:focus:focus, .e-btn--delete:focus:active {
        text-decoration: none;
        outline: none; }
    .e-btn--delete:hover, .e-btn--delete:focus {
      background-color: #c1391f;
      color: #FFFFFF; }
  .e-btn--ghost {
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.2px;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
    min-width: 110px;
    background-color: #F2F4F7;
    color: #212121;
    display: inline-block;
    cursor: pointer;
    font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    background-color: transparent;
    color: #777777;
    font-weight: 400;
    border: 1px solid transparent;
    padding-left: 0;
    padding-right: 0; }
    .e-btn--ghost:hover, .e-btn--ghost:focus {
      background-color: #e2e7ed;
      color: #212121; }
      .e-btn--ghost:hover:hover, .e-btn--ghost:hover:focus, .e-btn--ghost:hover:active, .e-btn--ghost:focus:hover, .e-btn--ghost:focus:focus, .e-btn--ghost:focus:active {
        text-decoration: none;
        outline: none; }
    .e-btn--ghost:hover, .e-btn--ghost:focus {
      background-color: transparent; }
      .e-btn--ghost:hover:hover, .e-btn--ghost:hover:focus, .e-btn--ghost:hover:active, .e-btn--ghost:focus:hover, .e-btn--ghost:focus:focus, .e-btn--ghost:focus:active {
        text-decoration: underline;
        outline: none; }
    .e-btn--ghost.is-disabled {
      background-color: transparent !important; }
  .e-btn--bordered {
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.2px;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
    min-width: 110px;
    background-color: #F2F4F7;
    color: #212121;
    display: inline-block;
    cursor: pointer;
    font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    background-color: transparent;
    color: #ff8844;
    border: 1px solid #ff8844;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 12px; }
    .e-btn--bordered:hover, .e-btn--bordered:focus {
      background-color: #e2e7ed;
      color: #212121; }
      .e-btn--bordered:hover:hover, .e-btn--bordered:hover:focus, .e-btn--bordered:hover:active, .e-btn--bordered:focus:hover, .e-btn--bordered:focus:focus, .e-btn--bordered:focus:active {
        text-decoration: none;
        outline: none; }
    .e-btn--bordered:hover, .e-btn--bordered:focus {
      background-color: #ff8844;
      color: #FFFFFF;
      text-decoration: none; }
  .e-btn--blanc {
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.2px;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
    min-width: 110px;
    background-color: #F2F4F7;
    color: #212121;
    display: inline-block;
    cursor: pointer;
    font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    background-color: #F2F4F7;
    color: #212121;
    border: 1px solid #FFFFFF; }
    .e-btn--blanc:hover, .e-btn--blanc:focus {
      background-color: #e2e7ed;
      color: #212121; }
      .e-btn--blanc:hover:hover, .e-btn--blanc:hover:focus, .e-btn--blanc:hover:active, .e-btn--blanc:focus:hover, .e-btn--blanc:focus:focus, .e-btn--blanc:focus:active {
        text-decoration: none;
        outline: none; }
    .e-btn--blanc:hover, .e-btn--blanc:focus {
      background-color: #e2e7ed; }

.is-fluid {
  width: 100%;
  min-width: 1px;
  display: block; }

.is-disabled {
  box-shadow: none;
  background-color: #E2E2E2 !important;
  color: #777777;
  border: none;
  pointer-events: none; }
  .is-disabled:hover, .is-disabled:focus, .is-disabled:active {
    background-color: #E2E2E2;
    cursor: not-allowed;
    pointer-events: none; }
    .is-disabled:hover:hover, .is-disabled:hover:focus, .is-disabled:hover:active, .is-disabled:focus:hover, .is-disabled:focus:focus, .is-disabled:focus:active, .is-disabled:active:hover, .is-disabled:active:focus, .is-disabled:active:active {
      text-decoration: none;
      outline: none; }
  .is-disabled:hover, .is-disabled:focus {
    background-color: #E2E2E2;
    color: #777777; }

.is-loading {
  pointer-events: none; }
  .is-loading .e-btn--text {
    display: none; }
  .is-loading:before {
    content: '';
    position: relative;
    top: -1px;
    width: 18px;
    height: 18px;
    animation: rotating 1s infinite;
    vertical-align: middle;
    border: 2px solid #FFF;
    border-top-color: transparent;
    border-radius: 50%;
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s; }

.is-rounded-50 {
  border-radius: 50px; }

.is-small {
  height: 26px;
  padding: 0; }

.is-auto {
  min-width: 0; }

.is-h-auto {
  height: auto; }

.e-btn__group {
  position: relative; }

.e-btn__item {
  display: inline-block; }

.e-btn--left {
  float: left; }

.e-btn--right {
  float: right; }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.KpButtonDropdown .dropdown-menu,
.m-kp-kebab-menu .dropdown-menu {
  padding: 0;
  overflow: hidden;
  border: 1px solid #E2E2E2; }
  .KpButtonDropdown .dropdown-menu > li > a,
  .m-kp-kebab-menu .dropdown-menu > li > a {
    user-select: none;
    padding: 8px 12px; }
    .KpButtonDropdown .dropdown-menu > li > a:hover, .KpButtonDropdown .dropdown-menu > li > a:focus,
    .m-kp-kebab-menu .dropdown-menu > li > a:hover,
    .m-kp-kebab-menu .dropdown-menu > li > a:focus {
      background-color: #0060BF;
      color: #FFFFFF; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

.c-dropdown--wrapper {
  position: relative; }

.c-dropdown--title {
  padding: 10px; }

.c-dropdown--trigger {
  cursor: pointer; }

.c-dropdown--content {
  color: #FFFFFF;
  letter-spacing: 0.2px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  min-width: 242px;
  position: absolute;
  z-index: 9;
  text-align: left;
  right: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.1), 0 4px 8px 0 rgba(119, 119, 119, 0.2);
  border-radius: 4px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transform: translateY(calc(100% - 10px));
  -webkit-transform: translateY(calc(100% - 10px));
  -moz-transform: translateY(calc(100% - 10px)); }
  .c-dropdown--content.dropdown-pasal {
    max-width: 370px; }
  .c-dropdown--content.is-open {
    visibility: visible;
    opacity: 1;
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px); }

.c-dropdown--group-list {
  list-style-type: none;
  padding-top: 10px;
  padding-bottom: 10px; }
  .c-dropdown--group-list .c-dropdown--divider {
    border: 1px solid #777777; }
  .c-dropdown--group-list li {
    padding: 8px 20px;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; }
    .c-dropdown--group-list li .c-dropdown-list {
      color: #212121;
      width: 100%;
      display: block; }
      .c-dropdown--group-list li .c-dropdown-list:hover, .c-dropdown--group-list li .c-dropdown-list:focus, .c-dropdown--group-list li .c-dropdown-list:active {
        text-decoration: none; }
    .c-dropdown--group-list li span {
      line-height: 20px;
      vertical-align: middle; }
    .c-dropdown--group-list li.c-dropdown--npwp {
      display: inline-flex;
      position: relative;
      align-items: center; }
      .c-dropdown--group-list li.c-dropdown--npwp .c-dropdown--npwp-number {
        text-align: left; }
      .c-dropdown--group-list li.c-dropdown--npwp .c-dropdown--npwp-icon {
        text-align: center;
        position: absolute;
        right: 30px;
        background-color: #009F61;
        width: 20px;
        height: 20px;
        opacity: 0;
        border-radius: 50%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s; }
        .c-dropdown--group-list li.c-dropdown--npwp .c-dropdown--npwp-icon.is-active {
          opacity: 1; }
    .c-dropdown--group-list li.no-hover:hover {
      background-color: transparent; }
    .c-dropdown--group-list li:hover {
      background-color: #f5f5f5; }
  .c-dropdown--group-list.dropdown-pasal-list li {
    color: #E2E2E2;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; }
    .c-dropdown--group-list.dropdown-pasal-list li:hover {
      background-color: #FFFFFF;
      color: #212121; }
      .c-dropdown--group-list.dropdown-pasal-list li:hover:first-child {
        border-radius: 0px; }
      .c-dropdown--group-list.dropdown-pasal-list li:hover:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px; }

.dropdown-menu.rectangle {
  box-sizing: border-box;
  width: 200px;
  border: 1px solid #424649;
  border-radius: 6px;
  background-color: #424649;
  box-shadow: 0 14px 16px 0 rgba(33, 33, 33, 0.24);
  margin: -4px 0 0; }
  .dropdown-menu.rectangle a.font-dropdown {
    display: block;
    padding: 10px;
    color: #E2E2E2;
    letter-spacing: 0.2px;
    position: relative; }
    .dropdown-menu.rectangle a.font-dropdown:hover {
      color: #212121; }
    .dropdown-menu.rectangle a.font-dropdown .e-badge--red {
      top: 11px;
      line-height: 20px; }

.c-tabbing--list.is-archive-tab {
  min-width: 145px; }
  .c-tabbing--list.is-archive-tab .dropdown-toggle {
    position: relative; }
  .c-tabbing--list.is-archive-tab .e-badge--red.is-circle {
    position: absolute;
    right: 15px;
    top: 16px;
    width: 20px;
    height: 20px;
    padding: 0 0 0 1px;
    border-radius: 50%; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

.e-label--input-file {
  cursor: pointer; }
  .e-label--input-file.is-error {
    text-align: left; }
  .e-label--input-file.is-disabled {
    background-color: #FFFFFF; }

.e-input-upload.is-error {
  text-align: left; }

.e-input--delete {
  display: block;
  width: 15px;
  height: 24px;
  position: relative;
  float: right;
  cursor: pointer; }
  .e-input--delete::before, .e-input--delete::after {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #777777;
    content: ''; }
  .e-input--delete::before {
    transform: rotate(45deg); }
  .e-input--delete::after {
    transform: rotate(-45deg); }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

.e-loader:before {
  content: '';
  width: 24px;
  height: 24px;
  vertical-align: middle;
  border: 3px solid #FF8844;
  border-top-color: transparent;
  display: inline-block;
  border-radius: 50%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; }

.e-loader.is-slate:before {
  border: 3px solid #777777;
  border-top-color: transparent; }

.is-spinning:before {
  animation: rotating 1s infinite; }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.c-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 99;
  overflow: auto;
  display: none; }
  @media screen and (max-width: 1024px) {
    .c-modal {
      padding: 20px 16px !important; } }
  .c-modal--content {
    max-width: 430px;
    margin: 60px auto;
    border-radius: 6px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    visibility: visible;
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s; }
    .c-modal--content-head {
      border-bottom: 1px solid #E2E2E2;
      position: relative; }
      .c-modal--content-head.no-border {
        border: 0; }
    .c-modal--content-head, .c-modal--content-body {
      padding: 20px 30px; }
      .c-modal--content-head .kp-table-form, .c-modal--content-body .kp-table-form {
        overflow: visible; }
    .c-modal--content-title h2 {
      margin: 0; }
    .c-modal--content-close {
      position: absolute;
      top: 22px;
      right: 30px;
      width: 16px;
      height: 16px;
      cursor: pointer; }
      .c-modal--content-close:before, .c-modal--content-close:after {
        position: absolute;
        top: 8px;
        left: 0;
        width: 16px;
        height: 1px;
        background-color: #777777;
        content: ''; }
      .c-modal--content-close:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg); }
      .c-modal--content-close:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg); }
    .c-modal--content-scroll-wrapper {
      max-height: 500px;
      overflow: scroll; }
  .c-modal.is-small .c-modal--content {
    max-width: 450px; }
  .c-modal.is-medium .c-modal--content {
    max-width: 600px; }
  .c-modal.is-large .c-modal--content {
    max-width: 750px; }
  .c-modal.is-xlarge .c-modal--content {
    max-width: 1024px; }
  .c-modal.is-active {
    display: block; }
    .c-modal.is-active .c-modal--content {
      visibility: visible;
      opacity: 1; }
  .c-modal .modal-event-none {
    pointer-events: none;
    color: #212121; }

.modal-fade-enter,
.modal-fade-leave-active {
  opacity: 0; }

.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: opacity .5s ease; }

.base-tour {
  height: 410px;
  top: 150px !important;
  max-width: 370px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: inset 0 1px 3px 0 rgba(121, 116, 116, 0.5);
  margin-left: 40px !important; }

.understood-text {
  height: 20px;
  width: 94px;
  color: #777777;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px;
  padding-left: 248px; }
  .understood-text:hover {
    text-decoration: none;
    color: #777777; }

.img-center {
  margin: auto;
  display: block;
  padding-bottom: 20px; }

.with-bg-right {
  background-image: url("/static/assets/img/screen-cb2d609d674ce2d6f7532a480e855a47.png");
  background-position: calc(100% + 180px) 60px;
  background-size: contain;
  background-repeat: no-repeat;
  height: 430px; }

#promptElement .c-modal--content,
#prompt-xs .c-modal--content {
  max-width: 800px;
  overflow: hidden;
  font-family: 'Roboto-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 0.2px; }
  #promptElement .c-modal--content .u-str-24, #promptElement .c-modal--content .u-str-20,
  #prompt-xs .c-modal--content .u-str-24,
  #prompt-xs .c-modal--content .u-str-20 {
    font-family: 'Roboto-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  #promptElement .c-modal--content .u-str-24,
  #prompt-xs .c-modal--content .u-str-24 {
    line-height: 32px; }
  #promptElement .c-modal--content .u-str-20,
  #prompt-xs .c-modal--content .u-str-20 {
    line-height: 28px; }
  #promptElement .c-modal--content .e-btn,
  #prompt-xs .c-modal--content .e-btn {
    padding: 9px 17px; }

.prompt-point {
  list-style: none;
  padding: 0;
  margin: 0; }
  .prompt-point li {
    padding-left: 24px;
    position: relative;
    margin-bottom: 4px; }
    .prompt-point li:before {
      width: 20px;
      height: 20px;
      background-image: url("/static/assets/img/ic-success-64428909fa6b3b2cb2d9d22891c29b21.svg");
      background-size: 20px;
      background-repeat: no-repeat;
      content: '';
      position: absolute;
      left: 0;
      top: 0; }

#prompt .c-modal--content {
  max-width: 650px; }

#prompt .c-modal--content-head {
  border: 0; }

#prompt .c-modal--content-body {
  padding-bottom: 0;
  font-family: 'Roboto-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  #prompt .c-modal--content-body .prompt-logo {
    margin-top: -40px; }
  #prompt .c-modal--content-body .u-str-24 {
    font-family: 'Roboto-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 32px; }
  #prompt .c-modal--content-body .e-btn {
    padding: 9px 17px; }

.pagination {
  display: flex;
  justify-content: space-between; }
  .pagination ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0; }
    .pagination ul li {
      padding: 0;
      margin: 0;
      color: #777777;
      list-style-type: none; }
  .pagination_limit ul li {
    margin-right: 6px;
    color: #777777; }
    .pagination_limit ul li:last-child {
      margin-right: 0; }
    .pagination_limit ul li .e-input, .pagination_limit ul li #table-kap_wrapper .dataTables_filter label > input, #table-kap_wrapper .dataTables_filter .pagination_limit ul li label > input,
    .pagination_limit ul li #table-kjs_wrapper .dataTables_filter label > input,
    #table-kjs_wrapper .dataTables_filter .pagination_limit ul li label > input,
    .pagination_limit ul li #table-kpp_wrapper .dataTables_filter label > input,
    #table-kpp_wrapper .dataTables_filter .pagination_limit ul li label > input {
      width: 75px;
      padding: 4px 8px;
      margin: 0 4px 0 0;
      background-image: url("/assets/img/svg/ic-chevron-down-4526f68b18cf3fef20e00bb13f784c50.svg");
      background-repeat: no-repeat;
      background-position: calc(100% - 5px);
      background-size: 18px; }
  .pagination_pages li img {
    max-width: 20px;
    max-height: 20px; }
    .pagination_pages li img:hover {
      cursor: pointer; }
  .pagination_pages li input {
    width: 50px;
    margin: 0 8px 0 8px; }
  .pagination_total_pages {
    margin: 0 6px; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #212121;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s; }

.e-form--group {
  position: relative;
  margin-bottom: 20px; }
  .e-form--group.is-error .is-message {
    color: #d74022;
    letter-spacing: 0.2px;
    margin-top: 9px;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 400;
    display: block; }
  .e-form--group.is-checkbox label {
    display: block; }
    .e-form--group.is-checkbox label span {
      display: inline-block;
      vertical-align: top; }
      .e-form--group.is-checkbox label span:first-child {
        width: 20px; }
      .e-form--group.is-checkbox label span:last-child {
        width: calc(100% - 25px); }

.e-label {
  display: inline-block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #212121; }
  .e-label.is-row {
    display: flex;
    align-items: flex-end; }
    .e-label.is-row span {
      flex: none;
      width: 50%; }
  .e-label--input-file {
    display: block;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 8px 12px; }
    .e-label--input-file .u-d-none {
      display: none; }
    .e-label--input-file.is-disabled {
      background-color: #FFFFFF !important; }
  .e-label--info {
    position: relative; }
    .e-label--info img {
      margin-top: -2px; }

.is-error {
  border: 1px solid #d74022; }
  .is-error.wrapper-type-npwp {
    border: none;
    color: #212121;
    text-align: left; }

.input-file--name {
  display: inline-block;
  margin-left: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #777777; }

.e-check--item {
  cursor: pointer;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 14px;
  font-weight: 400; }
  .e-check--item.is-disabled {
    color: #777777;
    cursor: not-allowed; }
    .e-check--item.is-disabled .e-check--radio:checked:after {
      background-color: #B4B4B4; }

.e-check--radio {
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 5px; }
  .e-check--radio:after {
    width: 8px;
    height: 8px;
    top: 5px;
    left: 3px;
    position: absolute;
    background-color: #FFFFFF;
    visibility: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    content: '';
    border-radius: 50%; }
  .e-check--radio:checked {
    background-color: #3E83FF;
    border-color: #3E83FF;
    outline: 0; }
    .e-check--radio:checked:after {
      visibility: visible;
      opacity: 1; }
      .e-check--radio:checked:after:disabled {
        cursor: not-allowed;
        background-color: #B4B4B4; }
  .e-check--radio:disabled {
    cursor: not-allowed; }

.e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input, .c-select--value {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  padding: 8px 11px;
  width: 100%;
  min-height: 36px;
  box-shadow: none;
  text-align: left;
  outline: 0;
  font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #212121;
  box-sizing: border-box;
  position: relative;
  background-color: #FFFFFF;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-width: 1px;
  border-color: #E2E2E2;
  border-style: solid;
  border-radius: 4px; }
  .e-input::-webkit-inner-spin-button, #table-kap_wrapper .dataTables_filter label > input::-webkit-inner-spin-button,
  #table-kjs_wrapper .dataTables_filter label > input::-webkit-inner-spin-button,
  #table-kpp_wrapper .dataTables_filter label > input::-webkit-inner-spin-button, .c-select--value::-webkit-inner-spin-button, .e-input::-webkit-outer-spin-button, #table-kap_wrapper .dataTables_filter label > input::-webkit-outer-spin-button,
  #table-kjs_wrapper .dataTables_filter label > input::-webkit-outer-spin-button,
  #table-kpp_wrapper .dataTables_filter label > input::-webkit-outer-spin-button, .c-select--value::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .e-input:focus, #table-kap_wrapper .dataTables_filter label > input:focus,
  #table-kjs_wrapper .dataTables_filter label > input:focus,
  #table-kpp_wrapper .dataTables_filter label > input:focus, .c-select--value:focus, .e-input:hover, #table-kap_wrapper .dataTables_filter label > input:hover,
  #table-kjs_wrapper .dataTables_filter label > input:hover,
  #table-kpp_wrapper .dataTables_filter label > input:hover, .c-select--value:hover {
    border-color: #1357FF;
    border-width: 1px; }
  [readonly].e-input, #table-kap_wrapper .dataTables_filter label > input[readonly],
  #table-kjs_wrapper .dataTables_filter label > input[readonly],
  #table-kpp_wrapper .dataTables_filter label > input[readonly], [readonly].c-select--value {
    cursor: not-allowed;
    background-color: #F2F4F7;
    color: #777777;
    border-width: 1px;
    border-color: #E2E2E2;
    border-style: solid; }
    [readonly].e-input:hover, #table-kap_wrapper .dataTables_filter label > input[readonly]:hover,
    #table-kjs_wrapper .dataTables_filter label > input[readonly]:hover,
    #table-kpp_wrapper .dataTables_filter label > input[readonly]:hover, [readonly].c-select--value:hover {
      border-width: 1px;
      border-color: #E2E2E2;
      border-style: solid; }
  .is-disabled.e-input, #table-kap_wrapper .dataTables_filter label > input.is-disabled,
  #table-kjs_wrapper .dataTables_filter label > input.is-disabled,
  #table-kpp_wrapper .dataTables_filter label > input.is-disabled, .is-disabled.c-select--value {
    cursor: not-allowed;
    background-color: #F2F4F7;
    color: #777777;
    border-width: 1px;
    border-color: #E2E2E2;
    border-style: solid; }
    .is-disabled.e-input:hover, #table-kap_wrapper .dataTables_filter label > input.is-disabled:hover,
    #table-kjs_wrapper .dataTables_filter label > input.is-disabled:hover,
    #table-kpp_wrapper .dataTables_filter label > input.is-disabled:hover, .is-disabled.c-select--value:hover {
      border-width: 1px;
      border-color: #E2E2E2;
      border-style: solid; }
  .parsley-error-error.e-input, #table-kap_wrapper .dataTables_filter label > input.parsley-error-error,
  #table-kjs_wrapper .dataTables_filter label > input.parsley-error-error,
  #table-kpp_wrapper .dataTables_filter label > input.parsley-error-error, .parsley-error-error.c-select--value, .is-error.e-input, #table-kap_wrapper .dataTables_filter label > input.is-error,
  #table-kjs_wrapper .dataTables_filter label > input.is-error,
  #table-kpp_wrapper .dataTables_filter label > input.is-error, .is-error.c-select--value {
    border-color: #d74022 !important; }
    .parsley-error-error.e-input:focus, #table-kap_wrapper .dataTables_filter label > input.parsley-error-error:focus,
    #table-kjs_wrapper .dataTables_filter label > input.parsley-error-error:focus,
    #table-kpp_wrapper .dataTables_filter label > input.parsley-error-error:focus, .parsley-error-error.c-select--value:focus, .is-error.e-input:focus, #table-kap_wrapper .dataTables_filter label > input.is-error:focus,
    #table-kjs_wrapper .dataTables_filter label > input.is-error:focus,
    #table-kpp_wrapper .dataTables_filter label > input.is-error:focus, .is-error.c-select--value:focus {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(215, 64, 34, 0.2); }
  .parsley-error-select.e-input, #table-kap_wrapper .dataTables_filter label > input.parsley-error-select,
  #table-kjs_wrapper .dataTables_filter label > input.parsley-error-select,
  #table-kpp_wrapper .dataTables_filter label > input.parsley-error-select, .parsley-error-select.c-select--value, .is-select.e-input, #table-kap_wrapper .dataTables_filter label > input.is-select,
  #table-kjs_wrapper .dataTables_filter label > input.is-select,
  #table-kpp_wrapper .dataTables_filter label > input.is-select, .is-select.c-select--value {
    background-image: url("/assets/img/svg/ic-chevron-down-4526f68b18cf3fef20e00bb13f784c50.svg");
    background-position: calc(100% - 8px);
    background-repeat: no-repeat;
    background-size: 20px;
    padding-right: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .parsley-error-select[disabled].e-input, #table-kap_wrapper .dataTables_filter label > input.parsley-error-select[disabled],
    #table-kjs_wrapper .dataTables_filter label > input.parsley-error-select[disabled],
    #table-kpp_wrapper .dataTables_filter label > input.parsley-error-select[disabled], .parsley-error-select[disabled].c-select--value, .is-select[disabled].e-input, #table-kap_wrapper .dataTables_filter label > input.is-select[disabled],
    #table-kjs_wrapper .dataTables_filter label > input.is-select[disabled],
    #table-kpp_wrapper .dataTables_filter label > input.is-select[disabled], .is-select[disabled].c-select--value {
      background-image: none; }
  .base-datepicker.e-input, #table-kap_wrapper .dataTables_filter label > input.base-datepicker,
  #table-kjs_wrapper .dataTables_filter label > input.base-datepicker,
  #table-kpp_wrapper .dataTables_filter label > input.base-datepicker, .base-datepicker.c-select--value {
    position: relative;
    min-height: 36px;
    width: 100%;
    border-width: 1px;
    border-color: #E2E2E2;
    border-style: solid; }
    .base-datepicker[readonly].e-input, #table-kap_wrapper .dataTables_filter label > input.base-datepicker[readonly],
    #table-kjs_wrapper .dataTables_filter label > input.base-datepicker[readonly],
    #table-kpp_wrapper .dataTables_filter label > input.base-datepicker[readonly], .base-datepicker[readonly].c-select--value {
      background-color: #FFFFFF;
      color: #212121;
      cursor: pointer; }
    .base-datepicker[disabled].e-input, #table-kap_wrapper .dataTables_filter label > input.base-datepicker[disabled],
    #table-kjs_wrapper .dataTables_filter label > input.base-datepicker[disabled],
    #table-kpp_wrapper .dataTables_filter label > input.base-datepicker[disabled], .base-datepicker[disabled].c-select--value {
      cursor: not-allowed;
      background-color: #F2F4F7;
      color: #777777;
      border-width: 1px;
      border-color: #E2E2E2;
      border-style: solid; }
      .base-datepicker[disabled].e-input:hover, #table-kap_wrapper .dataTables_filter label > input.base-datepicker[disabled]:hover,
      #table-kjs_wrapper .dataTables_filter label > input.base-datepicker[disabled]:hover,
      #table-kpp_wrapper .dataTables_filter label > input.base-datepicker[disabled]:hover, .base-datepicker[disabled].c-select--value:hover {
        border-width: 1px;
        border-color: #E2E2E2;
        border-style: solid; }
  .u-t-right.e-input, #table-kap_wrapper .dataTables_filter label > input.u-t-right,
  #table-kjs_wrapper .dataTables_filter label > input.u-t-right,
  #table-kpp_wrapper .dataTables_filter label > input.u-t-right, .u-t-right.c-select--value {
    text-align: right; }

.tooltip-trigger {
  cursor: pointer; }

.input-group-addon {
  background-color: #F2F4F7;
  border-color: #E2E2E2; }

.c-select--list {
  border: 1px solid #B4B4B4;
  border-radius: 4px; }

.c-select--list::-webkit-scrollbar-track {
  background-color: transparent; }

.c-select--list::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: transparent; }

.c-select--list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #777777; }

.c-select {
  position: relative;
  width: 100%;
  outline: none; }
  .c-select--arrow {
    position: absolute;
    right: 15px;
    top: 13px;
    width: 8px;
    height: 8px;
    border-color: #212121;
    border-width: 0 1px 1px 0;
    border-style: solid;
    cursor: pointer;
    transform: rotate(45deg); }
  .c-select--value {
    cursor: pointer;
    background-color: #FFFFFF; }
    .c-select--value.is-placeholder {
      color: #B4B4B4; }
  .c-select--list {
    padding: 0;
    position: absolute;
    width: 100%;
    top: calc(100% + 3px);
    left: 0;
    overflow: auto;
    transform: translateY(5px);
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    z-index: -99;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
  .c-select--item {
    padding: 8px 10px;
    transition: all .4s;
    cursor: pointer; }
    .c-select--item.is-selected {
      background-color: #F2F4F7; }
    .c-select--item:hover, .c-select--item:active, .c-select--item:focus {
      background-color: #3E83FF;
      color: #FFFFFF; }
  .c-select:hover .c-select--value, .c-select:active .c-select--value, .c-select:focus .c-select--value, .c-select.is-active .c-select--value {
    border-color: #777777; }
  .c-select.is-active .c-select--list {
    opacity: 1;
    visibility: visible;
    z-index: 99;
    transform: translateY(0); }
  .c-select.is-hidden {
    overflow: hidden;
    height: 1px;
    margin: 0; }

.select2-container--default .select2-selection--single {
  padding: 8px 11px;
  height: auto;
  border-color: #e2e2e2; }

.c-handle.is-error + .select2-container--default .select2-selection--single {
  padding: 8px 11px;
  height: auto;
  border-color: #d74022 !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 18px;
  padding: 0; }

.select2-dropdown {
  border-color: #e2e2e2; }

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #F5F5F5;
  color: black; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  right: 15px;
  top: 13px;
  width: 8px;
  height: 8px;
  border-color: #212121;
  border-width: 0 1px 1px 0;
  border-style: solid;
  cursor: pointer;
  transform: rotate(45deg); }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #B4B4B4; }

/*!
 * surveyjs - Survey JavaScript library v1.0.89
 * Copyright (c) 2015-2019 Devsoft Baltic OÜ  - http://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
.sv_window {
  position: fixed;
  bottom: 3px;
  right: 10px;
  background-color: cadetblue;
  padding: 1px;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto; }

.sv_window_title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.sv_window_content {
  padding: 8px;
  margin: 0; }

.sv_window_title a,
.sv_window_title a:link,
.sv_window_title a:visited {
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  color: black; }

.sv_main.sv_frame .sv_container {
  max-width: 80%;
  margin: auto;
  padding: 0 1em; }

.sv_main.sv_frame .sv_container .sv_header {
  padding-top: 5em;
  padding-bottom: 1em; }

.sv_main {
  background-color: #FFFFFF;
  padding-top: 30px;
  border-radius: 6px; }

.sv_main hr {
  border-bottom: 1px solid #e7e7e7; }

.sv_main input[type="button"],
.sv_main button {
  color: white;
  background-color: #005FBF; }

.sv_main input[type="button"]:hover,
.sv_main button:hover {
  background-color: #0052a6; }

.sv_main .sv_q_other input,
.sv_main .sv_q_text_root,
.sv_main .sv_q_dropdown_control,
.sv_main input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]),
.sv_main select,
.sv_main textarea {
  border: 1px solid #e7e7e7;
  color: #6d7072;
  background-color: white; }

.sv_main .sv_q_other input:focus,
.sv_main .sv_q_text_root:focus,
.sv_main .sv_q_dropdown_control:focus,
.sv_main input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):focus,
.sv_main select:focus,
.sv_main textarea:focus {
  border: 1px solid #1ab394; }

.sv_main .sv_select_wrapper {
  background-color: white; }

.sv_main .sv_select_wrapper:before {
  background-color: #1ab394; }

.sv_main .sv_header {
  color: #6d7072; }

.sv_main .sv_custom_header {
  background-color: #FFFFFF; }

.sv_main .sv_container {
  color: #6d7072; }

.sv_main .sv_body {
  background-color: white; }

.sv_main .sv_progress {
  background-color: #e7e7e7; }

.sv_main .sv_progress_bar {
  background-color: #1ab394; }

.sv_main .sv_p_root > .sv_row:nth-child(odd) {
  background-color: #FFFFFF; }

.sv_main .sv_p_root > .sv_row:nth-child(even) {
  background-color: #FFFFFF; }

.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
  border: 1px solid #ed5565;
  background-color: #fcdfe2;
  color: #ed5565; }

.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + input,
.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + textarea,
.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + .sv_select_wrapper select {
  border: 1px solid #ed5565; }

.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + input:focus,
.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + textarea:focus,
.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) + .sv_select_wrapper select:focus {
  outline: #ed5565 auto 5px; }

.sv_main table.sv_q_matrix tr,
.sv_main table.sv_q_matrix_dropdown tr,
.sv_main table.sv_q_matrix_dynamic tr {
  border-bottom: 1px solid #e7e7e7; }

.sv_main .sv_q_m_cell_selected {
  color: white;
  background-color: #179d82; }

.sv_main .sv_q_rating_item.active .sv_q_rating_item_text {
  border-color: #F96D01;
  background-color: #F96D01;
  color: white; }

.sv_main .sv_q_rating_item .sv_q_rating_item_text {
  border: 1px solid #e7e7e7; }

.sv_main .sv_q_rating_item .sv_q_rating_item_text:hover {
  background-color: #F96D01; }

.sv_main .sv_q_imgsel.checked label > div {
  background-color: #1ab394; }

.sv_main .sv_q_file_remove:hover {
  color: #1ab394; }

.sv_main {
  position: relative;
  width: 100%;
  font-family: Roboto, "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px; }

.sv_main hr {
  border: none; }

.sv_main input[type="button"],
.sv_main button {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border: none;
  min-width: 110px;
  cursor: pointer;
  outline: none;
  padding: 7px 10px;
  border-radius: 4px; }

.sv_main .sv_custom_header {
  position: absolute;
  width: 100%;
  height: 74%;
  max-height: 275px; }

.sv_main .sv_container {
  position: relative; }

.sv_main .sv_container .sv_header {
  padding: 1em; }

.sv_main .sv_container .sv_header h3 {
  font-size: 2em;
  font-weight: 300;
  text-align: left;
  margin: 0; }

.sv_main .sv_container .sv_body {
  padding: 30px;
  padding-top: 0;
  border-radius: 6px; }

.sv_main .sv_container .sv_body.sv_completed_page {
  text-align: center;
  padding: 5em 1em; }

.sv_main .sv_container .sv_body.sv_completed_page > h3 {
  margin: 0;
  font-size: 30px;
  font-weight: 300; }

.sv_main .sv_container .sv_body .sv_progress {
  height: 0.3em; }

.sv_main .sv_container .sv_body .sv_progress .sv_progress_bar {
  height: 100%;
  min-width: 100px;
  position: relative;
  margin-top: 2em; }

.sv_main .sv_container .sv_body .sv_progress .sv_progress_bar > span {
  position: absolute;
  top: -1.5em;
  display: inline-block; }

.sv_main .sv_container .sv_body .sv_p_root .sv_page_title {
  font-size: 1em;
  margin-top: 0.1em;
  font-weight: normal; }

.sv_main .sv_container .sv_body .sv_p_root .sv_p_title {
  font-weight: bold;
  font-size: 1.15em;
  margin: 1.5em 0 0 0; }

.sv_main .sv_container .sv_body .sv_p_root > .sv_row {
  padding: 0;
  margin-bottom: 30px; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_title {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_description {
  margin-top: -0.6em; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_flow .sv_q_checkbox_inline,
.sv_main .sv_container .sv_body .sv_p_root .sv_q_flow .sv_q_radiogroup_inline,
.sv_main .sv_container .sv_body .sv_p_root .sv_q_flow .sv_q_imagepicker_inline {
  line-height: 2em;
  display: inline-block; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q {
  box-sizing: border-box;
  overflow: auto; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_panel_dynamic .sv_q_title {
  font-weight: normal; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
  margin-bottom: 10px;
  border: none;
  background-color: transparent;
  padding: 0; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_text_root,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control,
.sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]),
.sv_main .sv_container .sv_body .sv_p_root .sv_q select,
.sv_main .sv_container .sv_body .sv_p_root .sv_q textarea {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
  resize: none;
  line-height: 20px;
  padding-left: 1em; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input:focus,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_text_root:focus,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control:focus,
.sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):focus,
.sv_main .sv_container .sv_body .sv_p_root .sv_q select:focus,
.sv_main .sv_container .sv_body .sv_p_root .sv_q textarea:focus {
  outline: none; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control,
.sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]),
.sv_main .sv_container .sv_body .sv_p_root .sv_q select {
  height: calc(2em + 1px); }

.sv_main .sv_container .sv_body .sv_p_root .sv_q div.sv_q_text_root,
.sv_main .sv_container .sv_body .sv_p_root .sv_q div.sv_q_dropdown_control {
  min-height: 2.43em;
  min-width: 7em; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper {
  width: 100%;
  position: relative;
  display: inline-block; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper select {
  display: block;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2.5em; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper select::-ms-expand {
  display: none; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper:before {
  padding: 1em;
  position: absolute;
  right: 1px;
  right: 0;
  top: 1px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMiwxNiAxNCwxNCAxNywxNyAyMCwxNCAyMiwxNiAxNywyMSAiLz4KPC9zdmc+Cg==);
  content: "";
  background-repeat: no-repeat;
  background-position: center; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="color"] {
  min-height: 2em;
  padding: 0; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="radio"],
.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="checkbox"] {
  margin: 0;
  margin-right: 0.55em;
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  font-size: 1em;
  margin-top: -0.1em; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="radio"]:focus,
.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type="checkbox"]:focus {
  outline: 1px dotted #1ab394; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_radiogroup.sv_q_radiogroup_inline:not(:last-child),
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_checkbox.sv_q_checkbox_inline:not(:last-child),
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_imgsel.sv_q_imagepicker_inline:not(:last-child) {
  margin-right: 1.5em; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_imgsel label > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 4px;
  border: 1px solid lightgray;
  border-radius: 4px; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_imgsel label > div > img {
  display: block;
  pointer-events: none;
  position: relative; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_radiogroup_clear {
  margin-top: 0.5em; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_checkbox_inline,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_radiogroup_inline,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_imagepicker_inline {
  line-height: 2em;
  display: inline-block; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_footer {
  padding: 1em 0; }

.sv_main .sv_container .sv_body .sv_p_root table {
  width: 100%;
  border-collapse: collapse; }

.sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix .sv_matrix_dynamic_button, .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dropdown .sv_matrix_dynamic_button, .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dynamic .sv_matrix_dynamic_button {
  padding: 0.3em 2em; }

@media (min-width: 768px) {
  .sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix td {
    min-width: 10em; } }

.sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix td .sv_q_m_label {
  position: static;
  display: block;
  width: 100%; }

.sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix_dropdown .sv_qcbc .sv_q_checkbox_control_label {
  margin-right: 1.5em; }

.sv_main .sv_container .sv_body .sv_p_root table td,
.sv_main .sv_container .sv_body .sv_p_root table th {
  text-align: left;
  padding: 0 1em; }

.sv_main .sv_container .sv_body .sv_p_root table td {
  padding: 0.5em; }

.sv_main .sv_container .sv_body .sv_p_root table th {
  line-height: 1.3em;
  padding: 0.5em;
  vertical-align: bottom;
  font-weight: bold; }

.sv_main .sv_container .sv_body .sv_p_root fieldset.sv_qcbc {
  line-height: 2em;
  padding-top: 0.1em; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_other {
  margin-left: 1em; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating {
  line-height: 2em;
  position: relative;
  padding-top: 25px; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item {
  cursor: pointer;
  font-weight: normal;
  display: inline; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item > * {
  word-spacing: initial; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item .sv_q_rating_item_text {
  display: inline-block;
  padding: 7px 13px;
  margin: 10px 5px;
  font-weight: 500;
  line-height: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(33, 33, 33, 0.24);
  border-radius: 4px;
  text-align: center; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_item.active .sv_q_rating_item_text {
  border-color: #F96D01;
  background-color: #F96D01;
  color: white; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_min_text {
  position: absolute;
  top: 0;
  font-size: 14px;
  left: 0; }

.sv_main .sv_container .sv_body .sv_p_root .sv_q_rating .sv_q_rating_max_text {
  position: absolute;
  top: 0;
  font-size: 14px;
  right: 0; }

.sv_main .sv_container .sv_body .sv_nav {
  min-height: 2em; }

.sv_main .sv_container .sv_body .sv_nav .sv_start_btn,
.sv_main .sv_container .sv_body .sv_nav .sv_next_btn,
.sv_main .sv_container .sv_body .sv_nav .sv_complete_btn {
  float: right; }

.sv_main .sv_container .sv_body .sv_nav .sv_prev_btn {
  float: left; }

@media (max-width: 600px) {
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn {
    display: block;
    width: 100% !important; }
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .title-left,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .title-left {
    float: none; }
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_radiogroup_inline,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_checkbox_inline,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_imagepicker_inline,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_radiogroup_inline,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_checkbox_inline,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_imagepicker_inline {
    display: block; }
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic {
    display: block; }
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix thead,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown thead,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic thead,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix thead,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown thead,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic thead {
    display: none; }
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tbody,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tr,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tbody,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tr,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tbody,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tr,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tbody,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tr,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tbody,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tr,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tbody,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tr,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td {
    display: block; }
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td:before,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td:before,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td:before,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td:before {
    content: attr(headers); }
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td label.sv_q_m_label,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td label.sv_q_m_label {
    display: inline; }
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td:after,
  .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td:after {
    content: attr(headers); } }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vd2VicGFjazovLy9zcmMvc3JjL21haW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQU1BO0VBQ0UsZ0JBQWU7RUFDZixZQUFXO0VBQ1gsWUFBVztFQUNYLDRCQUEyQjtFQUMzQixhQUFZO0VBQ1osNERBQTJEO0VBQzNELGdCQUFlO0VBQ2YsbUJBQWtCO0VBQ2xCLGlCQUFnQjtFQUNoQix3QkFBdUI7RUFDdkIsaUJBQWdCO0VBQ2hCLGtCQUFpQjtFQUNqQixzQkFBcUI7RUFDckIsa0JBQWlCO0VBQ2pCLHFCQUFvQjtFQUNwQix1QkFBc0I7RUFDdEIsbUJBQWtCO0VBQ2xCLHFCQUFvQjtFQUNwQixrQkFBaUI7RUFDakIsb0JBQW1CO0VBQ25CLHVCQUFzQjtFQUN0QixxQ0FBb0M7RUFDcEMsNkJBQTRCO0VBQzVCLHVCQUFzQjtFQUN0QixxQ0FBb0M7RUFDcEMsbUJBQWtCO0VBQ2xCLGtEQUFpRDtFQUNqRCwwQ0FBeUM7RUFDekMsaUJBQWdCLEVBQ2pCOztBQUNEO0VBQ0Usa0JBQWlCO0VBQ2pCLFVBQVM7RUFDVCxnQkFBZTtFQUNmLDBCQUF5QjtFQUN6QixpQ0FBZ0M7RUFDaEMsMkJBQTBCLEVBQzNCOztBQUNEO0VBQ0UsYUFBWTtFQUNaLFVBQVMsRUFDVjs7QUFDRDs7O0VBR0Usc0JBQXFCO0VBQ3JCLGdCQUFlO0VBQ2YsbUJBQWtCO0VBQ2xCLGFBQVksRUFDYjs7QUFxQkQ7RUFFSSxlQUFjO0VBQ2QsYUFBWTtFQUNaLGVBQWMsRUFNZjtFQVZIO0lBT00saUJBQWdCO0lBQ2hCLG9CQUFtQixFQUNwQjs7QUFJTDtFQUNFLDBCQWhDdUMsRUErSnhDO0VBaElEO0lBSUksaUNBcEM2QixFQXFDOUI7RUFMSDs7SUFTSSxhQXBDeUI7SUFxQ3pCLDBCQXZDZ0IsRUE0Q2pCO0lBZkg7O01BYU0sMEJBekNvQyxFQTBDckM7RUFkTDs7Ozs7O0lBdUJJLDBCQXZENkI7SUF3RDdCLGVBakRnQjtJQWtEaEIsd0JBcER5QixFQXlEMUI7SUE5Qkg7Ozs7OztNQTRCTSwwQkF6RGMsRUEwRGY7RUE3Qkw7SUFpQ0ksd0JBNUR5QixFQWdFMUI7SUFyQ0g7TUFtQ00sMEJBaEVjLEVBaUVmO0VBcENMO0lBd0NJLGVBakVnQixFQWtFakI7RUF6Q0g7SUE0Q0ksMEJBNUU2QixFQTZFOUI7RUE3Q0g7SUFnREksZUF6RWdCLEVBMEVqQjtFQWpESDtJQW9ESSx3QkEvRXlCO0lBZ0Z6Qiw4QkFsRmdCLEVBbUZqQjtFQXRESDtJQXlESSwwQkF6RjZCLEVBMEY5QjtFQTFESDtJQTZESSwwQkExRmdCLEVBMkZqQjtFQTlESDtJQWtFTSxpQ0FsRzJCLEVBMEc1QjtJQTFFTDtNQXFFUSx3QkFoR3FCLEVBaUd0QjtJQXRFUDtNQXdFUSwwQkF2R2lDLEVBd0dsQztFQXpFUDtJQThFSSwwQkFuR2lCO0lBb0dqQiwwQkFuRytDO0lBb0cvQyxlQXJHaUIsRUErR2xCO0lBMUZIOzs7TUFxRk0sMEJBMUdlLEVBOEdoQjtNQXpGTDs7O1FBdUZRLDBCQUE4QixFQUMvQjtFQXhGUDs7O0lBZ0dNLGlDQWhJMkIsRUFpSTVCO0VBakdMO0lBcUdJLGFBaEl5QjtJQWlJekIsMEJBbElzQyxFQW1JdkM7RUF2R0g7SUE0R1EsMEJBeElrQztJQXlJbEMsc0JBeklrQztJQTBJbEMsYUF6SXFCLEVBMEl0QjtFQS9HUDtJQWtITSwwQkFsSjJCLEVBc0o1QjtJQXRITDtNQW9IUSwwQkFoSmtDLEVBaUpuQztFQXJIUDtJQTBISSwwQkF2SmdCLEVBd0pqQjtFQTNISDtJQThISSxlQTNKZ0IsRUE0SmpCOztBQUdIO0VBQ0UsbUJBQWtCO0VBQ2xCLFlBQVc7RUFFWCwyR0FDcUM7RUFDckMsZ0JBekpjLEVBbWpCZjtFQWhhRDtJQVNJLGFBQVksRUFFYjtFQVhIOztJQWVJLGtCQUFpQjtJQUNqQixrQkFBaUI7SUFFakIsaUJBbktrQjtJQXFLbEIsYUFBWTtJQUNaLGlCQUFnQjtJQUNoQixnQkFBZTtJQUNmLGVBQWM7SUFDZCxtQkFBa0IsRUFLbkI7RUE3Qkg7SUFnQ0ksbUJBQWtCO0lBQ2xCLFlBQVc7SUFDWCxZQXRMZTtJQXVMZixrQkFBaUIsRUFFbEI7RUFyQ0g7SUF1Q0ksbUJBQWtCLEVBd1huQjtJQS9aSDtNQTJDTSxhQUFZLEVBUWI7TUFuREw7UUE4Q1EsZUFBYztRQUNkLGlCQUFnQjtRQUNoQixpQkFBZ0I7UUFDaEIsVUFBUyxFQUNWO0lBbERQO01Ba0VNLHlCQUF3QixFQTRWekI7TUE5Wkw7UUF1RFEsbUJBQWtCO1FBQ2xCLGlCQUFnQixFQU9qQjtRQS9EUDtVQTJEVSxVQUFTO1VBQ1QsZ0JBQWU7VUFDZixpQkFBZ0IsRUFDakI7TUE5RFQ7UUFzRVEsY0FBYSxFQWVkO1FBckZQO1VBMEVVLGFBQVk7VUFDWixpQkFBZ0I7VUFFaEIsbUJBQWtCO1VBQ2xCLGdCQUFlLEVBTWhCO1VBcEZUO1lBZ0ZZLG1CQUFrQjtZQUNsQixZQUFXO1lBQ1gsc0JBQXFCLEVBQ3RCO01BbkZYO1FBeUZVLGVBQWM7UUFDZCxrQkFBaUI7UUFDakIsb0JBQW1CLEVBQ3BCO01BNUZUO1FBK0ZVLGtCQUFpQjtRQUNqQixrQkFBaUI7UUFDakIsb0JBQW1CLEVBQ3BCO01BbEdUO1FBc0dVLFdBQVUsRUFRWDtNQTlHVDtRQWlIVSxrQkFBaUI7UUFDakIsZUFBYztRQUNkLGdCQUFlLEVBQ2hCO01BcEhUO1FBdUhVLG1CQUFrQixFQUNuQjtNQXhIVDs7O1FBNkhZLGlCQTlRVTtRQStRVixzQkFBcUIsRUFDdEI7TUEvSFg7UUFrSVUsNkJBQTRCO1FBQzVCLHVCQUFzQjtRQUN0QixlQUFjLEVBZ0tmO1FBcFNUO1VBd0ljLG9CQUFtQixFQUNwQjtRQXpJYjtVQStJWSxjQUFhO1VBRWIsYUFBWSxFQVViO1FBM0pYOzs7Ozs7VUFtS1ksbUJBQWtCO1VBQ2xCLFlBQVc7VUFDWCx1QkFBc0I7VUFFdEIsZUFBYztVQUNkLGlCQXpUVTtVQTJUVixrQkFBaUIsRUFRbEI7VUFsTFg7Ozs7OztZQStLYyxjQUFhLEVBRWQ7UUFqTGI7Ozs7VUF3TFksd0JBQXdDLEVBQ3pDO1FBekxYOztVQTZMWSxtQkFBa0I7VUFDbEIsZUFBYyxFQUNmO1FBL0xYO1VBa01ZLFlBQVc7VUFDWCxtQkFBa0I7VUFDbEIsc0JBQXFCLEVBMEJ0QjtVQTlOWDtZQXdNYyxlQUFjO1lBQ2Qsd0JBQXVCO1lBQ3ZCLGlCQUFnQjtZQUNoQix5QkFBd0I7WUFDeEIsc0JBQXFCO1lBQ3JCLHFCQUFvQixFQUtyQjtZQWxOYjtjQWdOZ0IsY0FBYSxFQUNkO1VBak5mO1lBcU5jLGFBQVk7WUFDWixtQkFBa0I7WUFDbEIsV0FBVTtZQUNWLFNBQVE7WUFDUixTQUFRO1lBRVIsZ0RBQXFEO1lBdGJqRSxZQUFXO1lBQ1gsNkJBQTRCO1lBQzVCLDRCQUEyQixFQXNiaEI7UUE3TmI7VUFpT1ksZ0JBbFhVO1VBbVhWLFdBQVUsRUFDWDtRQW5PWDs7VUF1T1ksVUFBUztVQUNULHFCQUFvQjtVQUNwQixhQUFZO1VBQ1osY0FBYTtVQUNiLHVCQUFzQjtVQUN0QixlQUFjO1VBQ2QsbUJBQWtCLEVBS25CO1VBbFBYOztZQWdQYyw0QkEvWU0sRUFnWlA7UUFqUGI7OztVQXVQWSxvQkFBbUIsRUFDcEI7UUF4UFg7VUEyUFksaUJBQWdCO1VBQ2hCLG9CQUFtQjtVQUNuQix3QkFBdUI7VUFDdkIsYUFBWTtVQUNaLDRCQUEyQjtVQUMzQixtQkFBa0IsRUFNbkI7VUF0UVg7WUFrUWMsZUFBYztZQUNkLHFCQUFvQjtZQUNwQixtQkFBa0IsRUFDbkI7UUFyUWI7VUF1Ulksa0JBQWlCLEVBQ2xCO1FBeFJYOzs7VUE2UlksaUJBOWFVO1VBK2FWLHNCQUFxQixFQUN0QjtRQS9SWDtVQWtTWSxlQUFjLEVBQ2Y7TUFuU1g7UUF1U1UsWUFBVztRQUNYLDBCQUF5QixFQWdEMUI7UUF4VlQ7VUE4U2MsbUJBQWtCLEVBQ25CO1FBT0M7VUF0VGQ7WUF1VGdCLGdCQUFlLEVBT2xCO1FBOVRiO1VBMFRnQixpQkFBZ0I7VUFDaEIsZUFBYTtVQUNiLFlBQVUsRUFDWDtRQTdUZjtVQW1VZ0Isb0JBQW1CLEVBQ3BCO1FBcFVmOztVQTBVWSxpQkFBZ0I7VUFDaEIsZUFBYyxFQUNmO1FBNVVYO1VBK1VZLGVBQWMsRUFDZjtRQWhWWDtVQW1WWSxtQkFBa0I7VUFDbEIsZUFBYztVQUNkLHVCQUFzQjtVQUN0QixrQkFBaUIsRUFDbEI7TUF2Vlg7UUEyVlUsaUJBNWVZO1FBNmVaLG1CQUFrQixFQUNuQjtNQTdWVDtRQWdXVSxpQkFBZ0IsRUFDakI7TUFqV1Q7UUFvV1UsaUJBcmZZLEVBK2hCYjtRQTlZVDtVQXVXWSxnQkFBZTtVQUNmLHFCQUFvQjtVQUNwQixvQkFBbUI7VUFDbkIsZ0JBQWUsRUE2QmhCO1VBdllYO1lBNldjLHNCQUFxQixFQUN0QjtVQTlXYjtZQXdYYyxzQkFBcUI7WUFDckIsZUExZ0JRO1lBMmdCUixpQkFBZ0I7WUFDaEIsa0JBQWlCO1lBRWpCLG1CQUFrQixFQUluQjtVQWpZYjtZQW9ZZ0IsK0JBQThCLEVBQy9CO1FBcllmO1VBeVlZLG9CQUFtQixFQUNwQjtRQTFZWDtVQTRZWSxtQkFBa0IsRUFDbkI7TUE3WVg7UUFrWlEsZUFBYztRQUNkLGdCQXBpQmMsRUE4aUJmO1FBN1pQOzs7VUF3WlUsYUFBWSxFQUNiO1FBelpUO1VBMlpVLFlBQVcsRUFDWjs7QUFNVDtFQUNFOztJQU9ZLGVBQWM7SUFDZCx1QkFBc0IsRUF3Q3ZCO0lBaERYOztNQVVjLFlBQVcsRUFDWjtJQVhiOzs7Ozs7TUFlYyxlQUFjLEVBQ2Y7SUFoQmI7Ozs7OztNQW9CYyxlQUFjLEVBU2Y7TUE3QmI7Ozs7OztRQXNCZ0IsY0FBYSxFQUNkO01BdkJmOzs7Ozs7Ozs7Ozs7Ozs7Ozs7UUEyQmdCLGVBQWMsRUFDZjtJQTVCZjs7OztNQWtDa0IsdUJBQXNCLEVBQ3ZCO0lBbkNqQjs7TUF5Q2tCLGdCQUFlLEVBQ2hCO0lBMUNqQjs7TUE0Q2tCLHVCQUFzQixFQUN2QiIsImZpbGUiOiIuL3BhY2thZ2VzL3N1cnZleS1hbmd1bGFyL3N1cnZleS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAbWl4aW4gc3ZnLWljb24oKSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbn1cblxuLnN2X3dpbmRvdyB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgYm90dG9tOiAzcHg7XG4gIHJpZ2h0OiAxMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjYWRldGJsdWU7XG4gIHBhZGRpbmc6IDFweDtcbiAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjQyODU3MTQzO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiBub3JtYWw7XG4gIHdvcmQtYnJlYWs6IG5vcm1hbDtcbiAgd29yZC1zcGFjaW5nOiBub3JtYWw7XG4gIHdvcmQtd3JhcDogbm9ybWFsO1xuICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAtd2Via2l0LWJhY2tncm91bmQtY2xpcDogcGFkZGluZy1ib3g7XG4gIGJhY2tncm91bmQtY2xpcDogcGFkZGluZy1ib3g7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAtd2Via2l0LWJveC1zaGFkb3c6IDAgNXB4IDEwcHggcmdiYSgwLCAwLCAwLCAwLjIpO1xuICBib3gtc2hhZG93OiAwIDVweCAxMHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgbGluZS1icmVhazogYXV0bztcbn1cbi5zdl93aW5kb3dfdGl0bGUge1xuICBwYWRkaW5nOiA4cHggMTRweDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmN2Y3Zjc7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWJlYmViO1xuICBib3JkZXItcmFkaXVzOiA1cHggNXB4IDAgMDtcbn1cbi5zdl93aW5kb3dfY29udGVudCB7XG4gIHBhZGRpbmc6IDhweDtcbiAgbWFyZ2luOiAwO1xufVxuLnN2X3dpbmRvd190aXRsZSBhLFxuLnN2X3dpbmRvd190aXRsZSBhOmxpbmssXG4uc3Zfd2luZG93X3RpdGxlIGE6dmlzaXRlZCB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGNvbG9yOiBibGFjaztcbn1cblxuJGhlYWRlci1iYWNrZ3JvdW5kLWNvbG9yOiAjZTdlN2U3O1xuJGJvZHktY29udGFpbmVyLWJhY2tncm91bmQtY29sb3I6ICNmNGY0ZjQ7XG5cbiRtYWluLWNvbG9yOiAjMWFiMzk0O1xuJG1haW4taG92ZXItY29sb3I6IGRhcmtlbigkbWFpbi1jb2xvciwgNSUpO1xuJGJvZHktYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4kaW5wdXRzLWJhY2tncm91bmQtY29sb3I6ICRib2R5LWJhY2tncm91bmQtY29sb3I7XG4kdGV4dC1jb2xvcjogIzZkNzA3MjtcbiRoZWFkZXItY29sb3I6ICR0ZXh0LWNvbG9yO1xuJGJvcmRlci1jb2xvcjogJGhlYWRlci1iYWNrZ3JvdW5kLWNvbG9yO1xuXG4kZXJyb3ItY29sb3I6ICNlZDU1NjU7XG4kZXJyb3ItYmFja2dyb3VuZC1jb2xvcjogbGlnaHRlbigkZXJyb3ItY29sb3IsIDMwJSk7XG5cbiRoZWFkZXItaGVpZ2h0OiA3NCU7XG4kZm9udC1zaXplOiAxNHB4O1xuXG4kYmFzZS1saW5lLWhlaWdodDogMmVtO1xuXG4uc3ZfbWFpbi5zdl9mcmFtZSB7XG4gIC5zdl9jb250YWluZXIge1xuICAgIG1heC13aWR0aDogODAlO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBwYWRkaW5nOiAwIDFlbTtcblxuICAgIC5zdl9oZWFkZXIge1xuICAgICAgcGFkZGluZy10b3A6IDVlbTtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAxZW07XG4gICAgfVxuICB9XG59XG5cbi5zdl9tYWluIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogJGJvZHktY29udGFpbmVyLWJhY2tncm91bmQtY29sb3I7XG5cbiAgaHIge1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAkYm9yZGVyLWNvbG9yO1xuICB9XG5cbiAgaW5wdXRbdHlwZT1cImJ1dHRvblwiXSxcbiAgYnV0dG9uIHtcbiAgICBjb2xvcjogJGJvZHktYmFja2dyb3VuZC1jb2xvcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkbWFpbi1jb2xvcjtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJG1haW4taG92ZXItY29sb3I7XG4gICAgfVxuICB9XG5cbiAgLnN2X3Ffb3RoZXIgaW5wdXQsXG4gIC5zdl9xX3RleHRfcm9vdCxcbiAgLnN2X3FfZHJvcGRvd25fY29udHJvbCxcbiAgaW5wdXQ6bm90KFt0eXBlPVwiYnV0dG9uXCJdKTpub3QoW3R5cGU9XCJyZXNldFwiXSk6bm90KFt0eXBlPVwic3VibWl0XCJdKTpub3QoW3R5cGU9XCJpbWFnZVwiXSk6bm90KFt0eXBlPVwiY2hlY2tib3hcIl0pOm5vdChbdHlwZT1cInJhZGlvXCJdKSxcbiAgc2VsZWN0LFxuICB0ZXh0YXJlYSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJGJvcmRlci1jb2xvcjtcbiAgICBjb2xvcjogJHRleHQtY29sb3I7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGlucHV0cy1iYWNrZ3JvdW5kLWNvbG9yO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAkbWFpbi1jb2xvcjtcbiAgICB9XG4gIH1cblxuICAuc3Zfc2VsZWN0X3dyYXBwZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICRib2R5LWJhY2tncm91bmQtY29sb3I7XG4gICAgJjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJG1haW4tY29sb3I7XG4gICAgfVxuICB9XG5cbiAgLnN2X2hlYWRlciB7XG4gICAgY29sb3I6ICRoZWFkZXItY29sb3I7XG4gIH1cblxuICAuc3ZfY3VzdG9tX2hlYWRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGhlYWRlci1iYWNrZ3JvdW5kLWNvbG9yO1xuICB9XG5cbiAgLnN2X2NvbnRhaW5lciB7XG4gICAgY29sb3I6ICR0ZXh0LWNvbG9yO1xuICB9XG5cbiAgLnN2X2JvZHkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICRib2R5LWJhY2tncm91bmQtY29sb3I7XG4gICAgYm9yZGVyLXRvcDogMnB4IHNvbGlkICRtYWluLWNvbG9yO1xuICB9XG5cbiAgLnN2X3Byb2dyZXNzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkYm9yZGVyLWNvbG9yO1xuICB9XG5cbiAgLnN2X3Byb2dyZXNzX2JhciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJG1haW4tY29sb3I7XG4gIH1cblxuICAuc3ZfcF9yb290IHtcbiAgICAmID4gLnN2X3JvdyB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJGJvcmRlci1jb2xvcjtcblxuICAgICAgJjpudGgtY2hpbGQob2RkKSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICRib2R5LWJhY2tncm91bmQtY29sb3I7XG4gICAgICB9XG4gICAgICAmOm50aC1jaGlsZChldmVuKSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICRib2R5LWNvbnRhaW5lci1iYWNrZ3JvdW5kLWNvbG9yO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5zdl9xX2VyYm94Om5vdChbc3R5bGUqPVwiZGlzcGxheTogbm9uZVwiXSk6bm90KFtzdHlsZSo9XCJkaXNwbGF5Om5vbmVcIl0pIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkZXJyb3ItY29sb3I7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGVycm9yLWJhY2tncm91bmQtY29sb3I7XG4gICAgY29sb3I6ICRlcnJvci1jb2xvcjtcblxuICAgICYgKyBpbnB1dCxcbiAgICAmICsgdGV4dGFyZWEsXG4gICAgJiArIC5zdl9zZWxlY3Rfd3JhcHBlciBzZWxlY3Qge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJGVycm9yLWNvbG9yO1xuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6ICRlcnJvci1jb2xvciBhdXRvIDVweDtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICB0YWJsZS5zdl9xX21hdHJpeCxcbiAgdGFibGUuc3ZfcV9tYXRyaXhfZHJvcGRvd24sXG4gIHRhYmxlLnN2X3FfbWF0cml4X2R5bmFtaWMge1xuICAgIHRyIHtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAkYm9yZGVyLWNvbG9yO1xuICAgIH1cbiAgfVxuXG4gIC5zdl9xX21fY2VsbF9zZWxlY3RlZCB7XG4gICAgY29sb3I6ICRib2R5LWJhY2tncm91bmQtY29sb3I7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJG1haW4taG92ZXItY29sb3I7XG4gIH1cblxuICAuc3ZfcV9yYXRpbmdfaXRlbSB7XG4gICAgJi5hY3RpdmUge1xuICAgICAgLnN2X3FfcmF0aW5nX2l0ZW1fdGV4dCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICRtYWluLWhvdmVyLWNvbG9yO1xuICAgICAgICBib3JkZXItY29sb3I6ICRtYWluLWhvdmVyLWNvbG9yO1xuICAgICAgICBjb2xvcjogJGJvZHktYmFja2dyb3VuZC1jb2xvcjtcbiAgICAgIH1cbiAgICB9XG4gICAgLnN2X3FfcmF0aW5nX2l0ZW1fdGV4dCB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAkYm9yZGVyLWNvbG9yO1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICRtYWluLWhvdmVyLWNvbG9yO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5zdl9xX2ltZ3NlbC5jaGVja2VkIGxhYmVsID4gZGl2IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkbWFpbi1jb2xvcjtcbiAgfVxuXG4gIC5zdl9xX2ZpbGVfcmVtb3ZlOmhvdmVyIHtcbiAgICBjb2xvcjogJG1haW4tY29sb3I7XG4gIH1cbn1cblxuLnN2X21haW4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICAvL2JhY2tncm91bmQtY29sb3I6ICRib2R5LWNvbnRhaW5lci1iYWNrZ3JvdW5kLWNvbG9yO1xuICBmb250LWZhbWlseTogXCJTZWdvZSBVSVwiLCBGcnV0aWdlciwgXCJGcnV0aWdlciBMaW5vdHlwZVwiLCBcIkRlamF2dSBTYW5zXCIsXG4gICAgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAkZm9udC1zaXplO1xuXG4gIGhyIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgLy9ib3JkZXItYm90dG9tOiAxcHggc29saWQgJGhlYWRlci1iYWNrZ3JvdW5kLWNvbG9yO1xuICB9XG5cbiAgaW5wdXRbdHlwZT1cImJ1dHRvblwiXSxcbiAgYnV0dG9uIHtcbiAgICBmb250LXNpemU6IDAuODVlbTtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAvL2NvbG9yOiAkYm9keS1iYWNrZ3JvdW5kLWNvbG9yO1xuICAgIGxpbmUtaGVpZ2h0OiAkYmFzZS1saW5lLWhlaWdodDtcbiAgICAvL2JhY2tncm91bmQtY29sb3I6ICRtYWluLWNvbG9yO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAwIDJlbTtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIC8vYmFja2dyb3VuZC1jb2xvcjogJG1haW4taG92ZXItY29sb3I7XG4gICAgfVxuICB9XG5cbiAgLnN2X2N1c3RvbV9oZWFkZXIge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6ICRoZWFkZXItaGVpZ2h0O1xuICAgIG1heC1oZWlnaHQ6IDI3NXB4O1xuICAgIC8vYmFja2dyb3VuZC1jb2xvcjogJGhlYWRlci1iYWNrZ3JvdW5kLWNvbG9yO1xuICB9XG4gIC5zdl9jb250YWluZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAvL2NvbG9yOiAkdGV4dC1jb2xvcjtcblxuICAgIC5zdl9oZWFkZXIge1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICBoMyB7XG4gICAgICAgIGZvbnQtc2l6ZTogMmVtO1xuICAgICAgICBmb250LXdlaWdodDogMzAwO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnN2X2JvZHkge1xuICAgICAgJi5zdl9jb21wbGV0ZWRfcGFnZSB7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogNWVtIDFlbTtcblxuICAgICAgICA+IGgzIHtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiAzMDA7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy9iYWNrZ3JvdW5kLWNvbG9yOiAkYm9keS1iYWNrZ3JvdW5kLWNvbG9yO1xuICAgICAgcGFkZGluZzogMWVtIDFlbSA1ZW0gMWVtO1xuICAgICAgLy9ib3JkZXItdG9wOiAycHggc29saWQgJG1haW4tY29sb3I7XG5cbiAgICAgIC5zdl9wcm9ncmVzcyB7XG4gICAgICAgIGhlaWdodDogMC4zZW07XG4gICAgICAgIC8vYmFja2dyb3VuZC1jb2xvcjogJGhlYWRlci1iYWNrZ3JvdW5kLWNvbG9yO1xuXG4gICAgICAgIC5zdl9wcm9ncmVzc19iYXIge1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgICAgICAgIC8vYmFja2dyb3VuZC1jb2xvcjogJG1haW4tY29sb3I7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIG1hcmdpbi10b3A6IDJlbTtcbiAgICAgICAgICA+IHNwYW4ge1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAtMS41ZW07XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5zdl9wX3Jvb3Qge1xuICAgICAgICAuc3ZfcGFnZV90aXRsZSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgbWFyZ2luLXRvcDogMC4xZW07XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zdl9wX3RpdGxlIHtcbiAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICBmb250LXNpemU6IDEuMTVlbTtcbiAgICAgICAgICBtYXJnaW46IDEuNWVtIDAgMCAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJiA+IC5zdl9yb3cge1xuICAgICAgICAgIC8vYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICRoZWFkZXItYmFja2dyb3VuZC1jb2xvcjtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICAgJjpudGgtY2hpbGQob2RkKSB7XG4gICAgICAgICAgICAvL2JhY2tncm91bmQtY29sb3I6ICRib2R5LWJhY2tncm91bmQtY29sb3I7XG4gICAgICAgICAgfVxuICAgICAgICAgICY6bnRoLWNoaWxkKGV2ZW4pIHtcbiAgICAgICAgICAgIC8vYmFja2dyb3VuZC1jb2xvcjogJGJvZHktY29udGFpbmVyLWJhY2tncm91bmQtY29sb3I7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLnN2X3FfdGl0bGUge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgICAgICAgIG1hcmdpbjogMC41ZW0gMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zdl9xX2Rlc2NyaXB0aW9uIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAtMC42ZW07XG4gICAgICAgIH1cbiAgICAgICAgLnN2X3FfZmxvdyB7XG4gICAgICAgICAgLnN2X3FfY2hlY2tib3hfaW5saW5lLFxuICAgICAgICAgIC5zdl9xX3JhZGlvZ3JvdXBfaW5saW5lLFxuICAgICAgICAgIC5zdl9xX2ltYWdlcGlja2VyX2lubGluZSB7XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogJGJhc2UtbGluZS1oZWlnaHQ7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC5zdl9xIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAxZW0gMS41ZW0gMWVtO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgICAgICAgICAuc3ZfcGFuZWxfZHluYW1pYyB7XG4gICAgICAgICAgICAuc3ZfcV90aXRsZSB7XG4gICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLnN2X3FfZXJib3g6bm90KFtzdHlsZSo9XCJkaXNwbGF5OiBub25lXCJdKTpub3QoW3N0eWxlKj1cImRpc3BsYXk6bm9uZVwiXSkge1xuICAgICAgICAgICAgLy9ib3JkZXI6IDFweCBzb2xpZCAkZXJyb3ItY29sb3I7XG4gICAgICAgICAgICAvL2JhY2tncm91bmQtY29sb3I6ICRlcnJvci1iYWNrZ3JvdW5kLWNvbG9yO1xuICAgICAgICAgICAgbWFyZ2luOiAxZW0gMDtcbiAgICAgICAgICAgIC8vY29sb3I6ICRlcnJvci1jb2xvcjtcbiAgICAgICAgICAgIHBhZGRpbmc6IDFlbTtcblxuICAgICAgICAgICAgJiArIGlucHV0LFxuICAgICAgICAgICAgJiArIHRleHRhcmVhLFxuICAgICAgICAgICAgJiArIC5zdl9zZWxlY3Rfd3JhcHBlciBzZWxlY3Qge1xuICAgICAgICAgICAgICAvL2JvcmRlcjogMXB4IHNvbGlkICRlcnJvci1jb2xvcjtcbiAgICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgICAgLy9vdXRsaW5lOiAkZXJyb3ItY29sb3IgYXV0byA1cHg7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc3ZfcV9vdGhlciBpbnB1dCxcbiAgICAgICAgICAuc3ZfcV90ZXh0X3Jvb3QsXG4gICAgICAgICAgLnN2X3FfZHJvcGRvd25fY29udHJvbCxcbiAgICAgICAgICBpbnB1dDpub3QoW3R5cGU9XCJidXR0b25cIl0pOm5vdChbdHlwZT1cInJlc2V0XCJdKTpub3QoW3R5cGU9XCJzdWJtaXRcIl0pOm5vdChbdHlwZT1cImltYWdlXCJdKTpub3QoW3R5cGU9XCJjaGVja2JveFwiXSk6bm90KFt0eXBlPVwicmFkaW9cIl0pLFxuICAgICAgICAgIHNlbGVjdCxcbiAgICAgICAgICB0ZXh0YXJlYSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAvL2JvcmRlcjogMXB4IHNvbGlkICRoZWFkZXItYmFja2dyb3VuZC1jb2xvcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6ICRiYXNlLWxpbmUtaGVpZ2h0O1xuICAgICAgICAgICAgLy9jb2xvcjogJHRleHQtY29sb3I7XG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDFlbTtcbiAgICAgICAgICAgIC8vYmFja2dyb3VuZC1jb2xvcjogJGlucHV0cy1iYWNrZ3JvdW5kLWNvbG9yO1xuXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgLy9ib3JkZXItY29sb3I6ICRtYWluLWNvbG9yO1xuICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAvL2JvcmRlcjogMXB4IHNvbGlkICRtYWluLWNvbG9yO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zdl9xX290aGVyIGlucHV0LFxuICAgICAgICAgIC5zdl9xX2Ryb3Bkb3duX2NvbnRyb2wsXG4gICAgICAgICAgaW5wdXQ6bm90KFt0eXBlPVwiYnV0dG9uXCJdKTpub3QoW3R5cGU9XCJyZXNldFwiXSk6bm90KFt0eXBlPVwic3VibWl0XCJdKTpub3QoW3R5cGU9XCJpbWFnZVwiXSk6bm90KFt0eXBlPVwiY2hlY2tib3hcIl0pOm5vdChbdHlwZT1cInJhZGlvXCJdKSxcbiAgICAgICAgICBzZWxlY3Qge1xuICAgICAgICAgICAgaGVpZ2h0OiBjYWxjKCN7JGJhc2UtbGluZS1oZWlnaHR9ICsgMXB4KTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBkaXYuc3ZfcV90ZXh0X3Jvb3QsXG4gICAgICAgICAgZGl2LnN2X3FfZHJvcGRvd25fY29udHJvbCB7XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAyLjQzZW07XG4gICAgICAgICAgICBtaW4td2lkdGg6IDdlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc3Zfc2VsZWN0X3dyYXBwZXIge1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICAvL2JhY2tncm91bmQtY29sb3I6ICRib2R5LWJhY2tncm91bmQtY29sb3I7XG5cbiAgICAgICAgICAgIHNlbGVjdCB7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgICAgICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgICAgICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDIuNWVtO1xuXG4gICAgICAgICAgICAgICY6Oi1tcy1leHBhbmQge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAxZW07XG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgcmlnaHQ6IDFweDtcbiAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgIHRvcDogMXB4O1xuICAgICAgICAgICAgICAvL2JhY2tncm91bmQtY29sb3I6ICRtYWluLWNvbG9yO1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCIuL2ltYWdlcy9BcnJvd0Rvd25fMzR4MzQuc3ZnXCIpO1xuICAgICAgICAgICAgICBAaW5jbHVkZSBzdmctaWNvbigpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIGlucHV0W3R5cGU9XCJjb2xvclwiXSB7XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAkYmFzZS1saW5lLWhlaWdodDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaW5wdXRbdHlwZT1cInJhZGlvXCJdLFxuICAgICAgICAgIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXSB7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNTVlbTtcbiAgICAgICAgICAgIHdpZHRoOiAxLjJlbTtcbiAgICAgICAgICAgIGhlaWdodDogMS4yZW07XG4gICAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtMC4xZW07XG5cbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBvdXRsaW5lOiAxcHggZG90dGVkICRtYWluLWNvbG9yO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zdl9xX3JhZGlvZ3JvdXAuc3ZfcV9yYWRpb2dyb3VwX2lubGluZTpub3QoOmxhc3QtY2hpbGQpLFxuICAgICAgICAgIC5zdl9xX2NoZWNrYm94LnN2X3FfY2hlY2tib3hfaW5saW5lOm5vdCg6bGFzdC1jaGlsZCksXG4gICAgICAgICAgLnN2X3FfaW1nc2VsLnN2X3FfaW1hZ2VwaWNrZXJfaW5saW5lOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxLjVlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc3ZfcV9pbWdzZWwgbGFiZWwgPiBkaXYge1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAgIHBhZGRpbmc6IDRweDtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JheTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgICAgID4gaW1nIHtcbiAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLy8gLnN2X3FfcmFkaW9ncm91cCxcbiAgICAgICAgICAvLyAuc3ZfcV9jaGVja2JveCB7XG4gICAgICAgICAgLy8gICAkdG90YWwtY29sdW1uczogNTtcbiAgICAgICAgICAvLyAgIEBmb3IgJGkgZnJvbSAxIHRocm91Z2ggJHRvdGFsLWNvbHVtbnMge1xuICAgICAgICAgIC8vICAgICAmLnN2LXEtY29sLSN7JGl9IHtcbiAgICAgICAgICAvLyAgICAgICB3aWR0aDogMTAwJSAvICRpO1xuICAgICAgICAgIC8vICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAvLyAgICAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgICAgICAgLy8gICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAvLyAgICAgICB9XG4gICAgICAgICAgLy8gICAgIH1cbiAgICAgICAgICAvLyAgIH1cbiAgICAgICAgICAvLyB9XG5cbiAgICAgICAgICAuc3ZfcV9yYWRpb2dyb3VwX2NsZWFyIHtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDAuNWVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zdl9xX2NoZWNrYm94X2lubGluZSxcbiAgICAgICAgICAuc3ZfcV9yYWRpb2dyb3VwX2lubGluZSxcbiAgICAgICAgICAuc3ZfcV9pbWFnZXBpY2tlcl9pbmxpbmUge1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6ICRiYXNlLWxpbmUtaGVpZ2h0O1xuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zdl9xX2Zvb3RlciB7XG4gICAgICAgICAgICBwYWRkaW5nOiAxZW0gMDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICB0YWJsZSB7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcblxuICAgICAgICAgICYuc3ZfcV9tYXRyaXgsXG4gICAgICAgICAgJi5zdl9xX21hdHJpeF9kcm9wZG93bixcbiAgICAgICAgICAmLnN2X3FfbWF0cml4X2R5bmFtaWMge1xuICAgICAgICAgICAgLnN2X21hdHJpeF9keW5hbWljX2J1dHRvbiB7XG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAuM2VtIDJlbTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRyIHtcbiAgICAgICAgICAgICAgLy9ib3JkZXItYm90dG9tOiAxcHggc29saWQgJGhlYWRlci1iYWNrZ3JvdW5kLWNvbG9yO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgICAmLnN2X3FfbWF0cml4IHtcbiAgICAgICAgICAgIHRkIHtcbiAgICAgICAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAxMGVtO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIC5zdl9xX21fbGFiZWwge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICAgICAgICAgICAgZGlzcGxheTpibG9jaztcbiAgICAgICAgICAgICAgICB3aWR0aDoxMDAlO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICAgICYuc3ZfcV9tYXRyaXhfZHJvcGRvd24ge1xuICAgICAgICAgICAgLnN2X3FjYmMge1xuICAgICAgICAgICAgICAuc3ZfcV9jaGVja2JveF9jb250cm9sX2xhYmVsIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDEuNWVtO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgdGQsXG4gICAgICAgICAgdGgge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgMWVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHRkIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHRoIHtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxLjNlbTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJvdHRvbTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGZpZWxkc2V0LnN2X3FjYmMge1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAkYmFzZS1saW5lLWhlaWdodDtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMC4xZW07XG4gICAgICAgIH1cblxuICAgICAgICAuc3ZfcV9vdGhlciB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDFlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zdl9xX3JhdGluZyB7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6ICRiYXNlLWxpbmUtaGVpZ2h0O1xuXG4gICAgICAgICAgLnN2X3FfcmF0aW5nX2l0ZW0ge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgd29yZC1zcGFjaW5nOiAtMC4zZW07XG4gICAgICAgICAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lO1xuXG4gICAgICAgICAgICA+ICoge1xuICAgICAgICAgICAgICB3b3JkLXNwYWNpbmc6IGluaXRpYWw7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuYWN0aXZlIHtcbiAgICAgICAgICAgICAgLnN2X3FfcmF0aW5nX2l0ZW1fdGV4dCB7XG4gICAgICAgICAgICAgICAgLy9iYWNrZ3JvdW5kLWNvbG9yOiAkbWFpbi1ob3Zlci1jb2xvcjtcbiAgICAgICAgICAgICAgICAvL2JvcmRlci1jb2xvcjogJG1haW4taG92ZXItY29sb3I7XG4gICAgICAgICAgICAgICAgLy9jb2xvcjogJGJvZHktYmFja2dyb3VuZC1jb2xvcjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLnN2X3FfcmF0aW5nX2l0ZW1fdGV4dCB7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgbWluLXdpZHRoOiAkYmFzZS1saW5lLWhlaWdodDtcbiAgICAgICAgICAgICAgcGFkZGluZzogMCAwLjNlbTtcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0xcHg7XG4gICAgICAgICAgICAgIC8vYm9yZGVyOiAxcHggc29saWQgJGhlYWRlci1iYWNrZ3JvdW5kLWNvbG9yO1xuICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIC8vYm9yZGVyOiAxcHggc29saWQgJG1haW4tY29sb3I7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgICAgICAgICAuc3ZfcV9yYXRpbmdfaXRlbV90ZXh0Om5vdCg6aG92ZXIpIHtcbiAgICAgICAgICAgICAgICBib3JkZXItbGVmdC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgLnN2X3FfcmF0aW5nX21pbl90ZXh0IHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMC41ZW07XG4gICAgICAgICAgfVxuICAgICAgICAgIC5zdl9xX3JhdGluZ19tYXhfdGV4dCB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5zdl9uYXYge1xuICAgICAgICBwYWRkaW5nOiAxZW0gMDtcbiAgICAgICAgbWluLWhlaWdodDogJGJhc2UtbGluZS1oZWlnaHQ7XG5cbiAgICAgICAgLnN2X3N0YXJ0X2J0bixcbiAgICAgICAgLnN2X25leHRfYnRuLFxuICAgICAgICAuc3ZfY29tcGxldGVfYnRuIHtcbiAgICAgICAgICBmbG9hdDogcmlnaHQ7XG4gICAgICAgIH1cbiAgICAgICAgLnN2X3ByZXZfYnRuIHtcbiAgICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5AbWVkaWEgKG1heC13aWR0aDogNjAwcHgpIHtcbiAgLnN2X21haW4ge1xuICAgIC5zdl9jb250YWluZXIge1xuICAgICAgLnN2X2JvZHkge1xuICAgICAgICAuc3ZfcF9yb290IHtcbiAgICAgICAgICAuc3Zfcm93IHtcbiAgICAgICAgICAgIC5zdl9xLFxuICAgICAgICAgICAgLnN2X3FzdG4ge1xuICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgICAgICAgICAgLnRpdGxlLWxlZnQge1xuICAgICAgICAgICAgICAgIGZsb2F0OiBub25lO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIC5zdl9xX3JhZGlvZ3JvdXBfaW5saW5lLFxuICAgICAgICAgICAgICAuc3ZfcV9jaGVja2JveF9pbmxpbmUsXG4gICAgICAgICAgICAgIC5zdl9xX2ltYWdlcGlja2VyX2lubGluZSB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgdGFibGUuc3ZfcV9tYXRyaXgsXG4gICAgICAgICAgICAgIHRhYmxlLnN2X3FfbWF0cml4X2Ryb3Bkb3duLFxuICAgICAgICAgICAgICB0YWJsZS5zdl9xX21hdHJpeF9keW5hbWljIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICB0aGVhZCB7XG4gICAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0Ym9keSxcbiAgICAgICAgICAgICAgICB0cixcbiAgICAgICAgICAgICAgICB0ZCB7XG4gICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgdGFibGUuc3ZfcV9tYXRyaXhfZHJvcGRvd24sXG4gICAgICAgICAgICAgIHRhYmxlLnN2X3FfbWF0cml4X2R5bmFtaWMge1xuICAgICAgICAgICAgICAgIHRkIHtcbiAgICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogYXR0cihoZWFkZXJzKTtcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgdGFibGUuc3ZfcV9tYXRyaXgge1xuICAgICAgICAgICAgICAgIHRkIHtcbiAgICAgICAgICAgICAgICAgIGxhYmVsLnN2X3FfbV9sYWJlbCB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZTtcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiBhdHRyKGhlYWRlcnMpO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIHdlYnBhY2s6Ly8vc3JjL3NyYy9tYWluLnNjc3MiXSwic291cmNlUm9vdCI6IiJ9*/
.c-tabbing--wrapper {
  position: relative;
  width: 100%; }

.c-tabbing--head {
  border-bottom: 1px solid #E2E2E2;
  padding-right: 20px; }

.c-tabbing--list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block; }
  .c-tabbing--list.is-active {
    border-bottom: 5px solid #ff8844;
    font-weight: 500; }
    .c-tabbing--list.is-active a {
      color: #212121; }
  .c-tabbing--list .padding-tab, .c-tabbing--list a {
    padding: 16px 20px;
    display: inline-block;
    width: 100%;
    color: #212121;
    cursor: pointer; }
    .c-tabbing--list .padding-tab:hover, .c-tabbing--list .padding-tab:focus, .c-tabbing--list .padding-tab:active, .c-tabbing--list a:hover, .c-tabbing--list a:focus, .c-tabbing--list a:active {
      text-decoration: none;
      outline: none; }
    .c-tabbing--list .padding-tab:hover, .c-tabbing--list .padding-tab:focus, .c-tabbing--list .padding-tab:active, .c-tabbing--list a:hover, .c-tabbing--list a:focus, .c-tabbing--list a:active {
      color: #777777; }

.c-tabbing--content {
  position: relative;
  padding: 30px 20px; }

.c-tabbing--radio {
  display: flex;
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 30px; }

.c-tabbing--item {
  width: 50%;
  flex: none;
  color: #777777; }
  .c-tabbing--item input {
    display: none; }
    .c-tabbing--item input:checked + label {
      color: #212121;
      border-bottom: 5px solid #ff8844; }
  .c-tabbing--item label {
    display: block;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 0;
    cursor: pointer; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

@-webkit-keyframes linear-loader {
  0% {
    background-position: -250px 0; }
  100% {
    background-position: 250px 0; } }

.c-table {
  width: 100%; }
  .c-table.table-bordered th, .c-table.table-bordered td {
    vertical-align: top; }
  .c-table thead {
    border-bottom: thin solid #E2E2E2; }
  .c-table th {
    padding: 12px;
    text-align: left; }
    .c-table th.u-t-right {
      text-align: right; }
  .c-table td {
    padding: 12px;
    text-align: left;
    border-bottom: thin solid #E2E2E2;
    border-top: thin solid #E2E2E2;
    white-space: normal;
    word-break: break-all; }
    .c-table td.address .cell-identity {
      display: inline-block;
      padding-right: 40px; }
    .c-table td.address span:first-child {
      padding-right: 15px;
      width: 95px;
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .c-table td.address span:first-child::before {
        position: absolute;
        right: 10px;
        content: ':'; }
    .c-table td.address span:last-child {
      width: calc(100% - 95px);
      display: inline-block;
      vertical-align: top; }
    .c-table td.u-t-right {
      text-align: right; }
  .c-table--loader {
    height: 12px;
    background: linear-gradient(to right, #F2F4F7 20%, #E2E2E2 50%, #F2F4F7 80%);
    background-size: 500px 100px;
    animation-name: linear-loader;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards; }

.kp-table-form {
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  overflow: hidden;
  margin: 32px 0; }
  .kp-table-form .c-table {
    border: 0;
    margin: 0; }

.table-responsive {
  position: relative;
  z-index: 0; }
  .table-responsive::-webkit-scrollbar {
    width: 12px; }
  .table-responsive::-webkit-scrollbar-track {
    background: #fff; }
  .table-responsive::-webkit-scrollbar-track:hover {
    background: #e9ecef; }
  .table-responsive::-webkit-scrollbar-thumb:hover {
    background: #adb5bd; }
  .table-responsive::-webkit-scrollbar-thumb {
    background: #ced4da; }
  .table-responsive.sticky-sidebar {
    border: thin solid #E2E2E2; }
    .table-responsive.sticky-sidebar--first-row {
      border: thin solid #E2E2E2; }
      .table-responsive.sticky-sidebar--first-row .c-table {
        border: 0;
        margin: 0;
        position: relative; }
        .table-responsive.sticky-sidebar--first-row .c-table thead th, .table-responsive.sticky-sidebar--first-row .c-table thead td, .table-responsive.sticky-sidebar--first-row .c-table tbody th, .table-responsive.sticky-sidebar--first-row .c-table tbody td {
          white-space: nowrap; }
          .table-responsive.sticky-sidebar--first-row .c-table thead th:first-child, .table-responsive.sticky-sidebar--first-row .c-table thead td:first-child, .table-responsive.sticky-sidebar--first-row .c-table tbody th:first-child, .table-responsive.sticky-sidebar--first-row .c-table tbody td:first-child {
            width: auto;
            position: sticky;
            left: 0px;
            background-color: #FFFFFF; }
    .table-responsive.sticky-sidebar .shadow {
      width: 3px;
      height: 100%;
      position: sticky;
      top: 0;
      left: 170px;
      background-color: black;
      content: ''; }
    .table-responsive.sticky-sidebar .c-table {
      border: 0;
      margin: 0;
      position: relative; }
      .table-responsive.sticky-sidebar .c-table thead th, .table-responsive.sticky-sidebar .c-table thead td, .table-responsive.sticky-sidebar .c-table tbody th, .table-responsive.sticky-sidebar .c-table tbody td {
        white-space: nowrap; }
        .table-responsive.sticky-sidebar .c-table thead th.fixed, .table-responsive.sticky-sidebar .c-table thead td.fixed, .table-responsive.sticky-sidebar .c-table tbody th.fixed, .table-responsive.sticky-sidebar .c-table tbody td.fixed {
          width: auto;
          position: sticky;
          background-color: #FFFFFF;
          z-index: 99; }

.elipsis-table {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.e-input, #table-kap_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter label > input, .c-select--value {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  padding: 8px 11px;
  width: 100%;
  min-height: 36px;
  box-shadow: none;
  text-align: left;
  outline: 0;
  font-family: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #212121;
  box-sizing: border-box;
  position: relative;
  background-color: #FFFFFF;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-width: 1px;
  border-color: #E2E2E2;
  border-style: solid;
  border-radius: 4px; }
  .e-input::-webkit-inner-spin-button, #table-kap_wrapper .dataTables_filter label > input::-webkit-inner-spin-button,
  #table-kjs_wrapper .dataTables_filter label > input::-webkit-inner-spin-button,
  #table-kpp_wrapper .dataTables_filter label > input::-webkit-inner-spin-button, .c-select--value::-webkit-inner-spin-button, .e-input::-webkit-outer-spin-button, #table-kap_wrapper .dataTables_filter label > input::-webkit-outer-spin-button,
  #table-kjs_wrapper .dataTables_filter label > input::-webkit-outer-spin-button,
  #table-kpp_wrapper .dataTables_filter label > input::-webkit-outer-spin-button, .c-select--value::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .e-input:focus, #table-kap_wrapper .dataTables_filter label > input:focus,
  #table-kjs_wrapper .dataTables_filter label > input:focus,
  #table-kpp_wrapper .dataTables_filter label > input:focus, .c-select--value:focus, .e-input:hover, #table-kap_wrapper .dataTables_filter label > input:hover,
  #table-kjs_wrapper .dataTables_filter label > input:hover,
  #table-kpp_wrapper .dataTables_filter label > input:hover, .c-select--value:hover {
    border-color: #1357FF;
    border-width: 1px; }
  [readonly].e-input, #table-kap_wrapper .dataTables_filter label > input[readonly],
  #table-kjs_wrapper .dataTables_filter label > input[readonly],
  #table-kpp_wrapper .dataTables_filter label > input[readonly], [readonly].c-select--value {
    cursor: not-allowed;
    background-color: #F2F4F7;
    color: #777777;
    border-width: 1px;
    border-color: #E2E2E2;
    border-style: solid; }
    [readonly].e-input:hover, #table-kap_wrapper .dataTables_filter label > input[readonly]:hover,
    #table-kjs_wrapper .dataTables_filter label > input[readonly]:hover,
    #table-kpp_wrapper .dataTables_filter label > input[readonly]:hover, [readonly].c-select--value:hover {
      border-width: 1px;
      border-color: #E2E2E2;
      border-style: solid; }
  .is-disabled.e-input, #table-kap_wrapper .dataTables_filter label > input.is-disabled,
  #table-kjs_wrapper .dataTables_filter label > input.is-disabled,
  #table-kpp_wrapper .dataTables_filter label > input.is-disabled, .is-disabled.c-select--value {
    cursor: not-allowed;
    background-color: #F2F4F7;
    color: #777777;
    border-width: 1px;
    border-color: #E2E2E2;
    border-style: solid; }
    .is-disabled.e-input:hover, #table-kap_wrapper .dataTables_filter label > input.is-disabled:hover,
    #table-kjs_wrapper .dataTables_filter label > input.is-disabled:hover,
    #table-kpp_wrapper .dataTables_filter label > input.is-disabled:hover, .is-disabled.c-select--value:hover {
      border-width: 1px;
      border-color: #E2E2E2;
      border-style: solid; }
  .parsley-error-error.e-input, #table-kap_wrapper .dataTables_filter label > input.parsley-error-error,
  #table-kjs_wrapper .dataTables_filter label > input.parsley-error-error,
  #table-kpp_wrapper .dataTables_filter label > input.parsley-error-error, .parsley-error-error.c-select--value, .is-error.e-input, #table-kap_wrapper .dataTables_filter label > input.is-error,
  #table-kjs_wrapper .dataTables_filter label > input.is-error,
  #table-kpp_wrapper .dataTables_filter label > input.is-error, .is-error.c-select--value {
    border-color: #d74022 !important; }
    .parsley-error-error.e-input:focus, #table-kap_wrapper .dataTables_filter label > input.parsley-error-error:focus,
    #table-kjs_wrapper .dataTables_filter label > input.parsley-error-error:focus,
    #table-kpp_wrapper .dataTables_filter label > input.parsley-error-error:focus, .parsley-error-error.c-select--value:focus, .is-error.e-input:focus, #table-kap_wrapper .dataTables_filter label > input.is-error:focus,
    #table-kjs_wrapper .dataTables_filter label > input.is-error:focus,
    #table-kpp_wrapper .dataTables_filter label > input.is-error:focus, .is-error.c-select--value:focus {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(215, 64, 34, 0.2); }
  .parsley-error-select.e-input, #table-kap_wrapper .dataTables_filter label > input.parsley-error-select,
  #table-kjs_wrapper .dataTables_filter label > input.parsley-error-select,
  #table-kpp_wrapper .dataTables_filter label > input.parsley-error-select, .parsley-error-select.c-select--value, .is-select.e-input, #table-kap_wrapper .dataTables_filter label > input.is-select,
  #table-kjs_wrapper .dataTables_filter label > input.is-select,
  #table-kpp_wrapper .dataTables_filter label > input.is-select, .is-select.c-select--value {
    background-image: url("/assets/img/svg/ic-chevron-down-4526f68b18cf3fef20e00bb13f784c50.svg");
    background-position: calc(100% - 8px);
    background-repeat: no-repeat;
    background-size: 20px;
    padding-right: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .parsley-error-select[disabled].e-input, #table-kap_wrapper .dataTables_filter label > input.parsley-error-select[disabled],
    #table-kjs_wrapper .dataTables_filter label > input.parsley-error-select[disabled],
    #table-kpp_wrapper .dataTables_filter label > input.parsley-error-select[disabled], .parsley-error-select[disabled].c-select--value, .is-select[disabled].e-input, #table-kap_wrapper .dataTables_filter label > input.is-select[disabled],
    #table-kjs_wrapper .dataTables_filter label > input.is-select[disabled],
    #table-kpp_wrapper .dataTables_filter label > input.is-select[disabled], .is-select[disabled].c-select--value {
      background-image: none; }
  .base-datepicker.e-input, #table-kap_wrapper .dataTables_filter label > input.base-datepicker,
  #table-kjs_wrapper .dataTables_filter label > input.base-datepicker,
  #table-kpp_wrapper .dataTables_filter label > input.base-datepicker, .base-datepicker.c-select--value {
    position: relative;
    min-height: 36px;
    width: 100%;
    border-width: 1px;
    border-color: #E2E2E2;
    border-style: solid; }
    .base-datepicker[readonly].e-input, #table-kap_wrapper .dataTables_filter label > input.base-datepicker[readonly],
    #table-kjs_wrapper .dataTables_filter label > input.base-datepicker[readonly],
    #table-kpp_wrapper .dataTables_filter label > input.base-datepicker[readonly], .base-datepicker[readonly].c-select--value {
      background-color: #FFFFFF;
      color: #212121;
      cursor: pointer; }
    .base-datepicker[disabled].e-input, #table-kap_wrapper .dataTables_filter label > input.base-datepicker[disabled],
    #table-kjs_wrapper .dataTables_filter label > input.base-datepicker[disabled],
    #table-kpp_wrapper .dataTables_filter label > input.base-datepicker[disabled], .base-datepicker[disabled].c-select--value {
      cursor: not-allowed;
      background-color: #F2F4F7;
      color: #777777;
      border-width: 1px;
      border-color: #E2E2E2;
      border-style: solid; }
      .base-datepicker[disabled].e-input:hover, #table-kap_wrapper .dataTables_filter label > input.base-datepicker[disabled]:hover,
      #table-kjs_wrapper .dataTables_filter label > input.base-datepicker[disabled]:hover,
      #table-kpp_wrapper .dataTables_filter label > input.base-datepicker[disabled]:hover, .base-datepicker[disabled].c-select--value:hover {
        border-width: 1px;
        border-color: #E2E2E2;
        border-style: solid; }
  .u-t-right.e-input, #table-kap_wrapper .dataTables_filter label > input.u-t-right,
  #table-kjs_wrapper .dataTables_filter label > input.u-t-right,
  #table-kpp_wrapper .dataTables_filter label > input.u-t-right, .u-t-right.c-select--value {
    text-align: right; }

.tooltip-trigger {
  cursor: pointer; }

.input-group-addon {
  background-color: #F2F4F7;
  border-color: #E2E2E2; }

.e-form {
  letter-spacing: 0.2px; }
  .e-form--group .with-currency {
    position: relative; }
    .e-form--group .with-currency .is-currency {
      position: absolute;
      top: 8px;
      left: 15px;
      font-weight: 500;
      font-size: 14px; }
    .e-form--group .with-currency .is-spell {
      color: #777777;
      margin-top: 9px;
      margin-bottom: 3px;
      font-weight: 500;
      font-size: 14px;
      display: block; }
    .e-form--group .with-currency .is-nominal {
      color: #777777;
      display: block;
      font-weight: 400;
      font-size: 14px; }
  .e-form--group .with-icon--right {
    position: relative; }
    .e-form--group .with-icon--right .is-icon {
      position: absolute;
      top: 8px;
      right: 10px;
      color: #212121; }
  .e-form--group .with-icon--left {
    position: relative; }
    .e-form--group .with-icon--left .is-icon {
      position: absolute;
      top: 8px;
      left: 10px;
      color: #212121; }

.e-input.c-with-currency, #table-kap_wrapper .dataTables_filter label > input.c-with-currency,
#table-kjs_wrapper .dataTables_filter label > input.c-with-currency,
#table-kpp_wrapper .dataTables_filter label > input.c-with-currency {
  padding-left: 45px; }

.e-input.c-with-icon--right, #table-kap_wrapper .dataTables_filter label > input.c-with-icon--right,
#table-kjs_wrapper .dataTables_filter label > input.c-with-icon--right,
#table-kpp_wrapper .dataTables_filter label > input.c-with-icon--right {
  padding-right: 40px; }

.e-input.c-with-icon--left, #table-kap_wrapper .dataTables_filter label > input.c-with-icon--left,
#table-kjs_wrapper .dataTables_filter label > input.c-with-icon--left,
#table-kpp_wrapper .dataTables_filter label > input.c-with-icon--left {
  padding-left: 40px; }

.e-input[disabled], #table-kap_wrapper .dataTables_filter label > input[disabled],
#table-kjs_wrapper .dataTables_filter label > input[disabled],
#table-kpp_wrapper .dataTables_filter label > input[disabled] {
  background-color: #F2F4F7;
  border-color: #E2E2E2;
  opacity: 1;
  cursor: not-allowed; }

.transparent {
  opacity: 0; }

.input--infoBottomText {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

.c-tooltip {
  display: inline-block;
  position: relative; }
  .c-tooltip--trigger {
    position: relative;
    cursor: default;
    top: -2px; }
  .c-tooltip--content {
    background-color: #212121;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    z-index: 98;
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 20px;
    padding: 9px 20px;
    margin-bottom: 4px;
    max-width: auto;
    width: auto;
    word-break: break-word;
    position: fixed;
    visibility: visible;
    opacity: 1;
    box-shadow: 0 10px 20px -20px rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 4px; }
    .c-tooltip--content:after {
      content: '';
      position: absolute;
      height: 0;
      width: 6px;
      border-top: 7px solid transparent;
      border-left: 4px solid transparent;
      border-right: 7px solid #212121;
      border-bottom: 7px solid transparent;
      top: 50%;
      right: 50%;
      transform: translateX(50%); }
    .c-tooltip--content.is-top {
      width: auto;
      position: absolute;
      bottom: calc(100% + 10px);
      right: 50%; }
      .c-tooltip--content.is-top:after {
        border-top: 7px solid #212121;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 4px solid transparent;
        top: 100%; }
    .c-tooltip--content.is-small {
      font-size: 12px;
      line-height: 16px;
      height: auto;
      padding: 10px; }

.oval {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
  margin-top: 5px; }
  .oval-grey {
    background-color: #B4B4B4; }
  .oval-orange {
    background-color: #FFB700; }
  .oval-blue {
    background-color: #1357FF; }
  .oval-green {
    background-color: #4CAF50; }
  .oval-red {
    background-color: #D74022; }

.title-status {
  color: #212121;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px; }

#Calendar {
  position: relative; }

.base-datepicker {
  box-sizing: border-box;
  min-height: 36px;
  width: 100%;
  background-color: #FFFFFF;
  margin-bottom: 0; }
  .base-datepicker--icon {
    position: absolute;
    top: 7px;
    right: 9px; }
  .base-datepicker--calendar {
    box-sizing: border-box !important;
    width: 394px !important;
    border: 1px solid #E2E2E2 !important;
    border-radius: 4px !important;
    background-color: #FFFFFF !important;
    padding: 0 40.5px; }

.vdp-datepicker__calendar {
  top: calc(100% + 5px); }
  .vdp-datepicker__calendar .cell.selected {
    position: relative;
    background-color: transparent !important;
    color: #FFFFFF !important; }
  .vdp-datepicker__calendar .cell.selected::before {
    position: absolute;
    top: calc(50% - 29px);
    left: calc(50% - 22px);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #4172aa;
    content: '';
    z-index: -1; }

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 0px solid #4bd !important; }

.vdp-datepicker__calendar .month,
.vdp-datepicker__calendar .year {
  width: 25% !important; }

.cell {
  height: 55px !important; }

.vdp-datepicker__calendar header .prev:after,
.vdp-datepicker__calendar header .next:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 0px solid transparent !important;
  background-image: url("/assets/img/arrow-prev-1c8fffc18bf6cc847d0c9934395e8f52.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 20px 20px; }

.vdp-datepicker__calendar header .prev {
  text-indent: -9999px;
  position: relative;
  font-weight: 0;
  background-image: url("/assets/img/arrow-prev-1c8fffc18bf6cc847d0c9934395e8f52.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  left: -35px; }

.vdp-datepicker__calendar header .next {
  text-indent: -9999px;
  position: relative;
  font-weight: 0;
  background-image: url("/assets/img/arrow-next-1e14409c6e7a51b854a8675d0d4db44a.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  left: 35px; }

.vdp-datepicker__calendar header span {
  margin-bottom: 5px; }

.vdp-datepicker__calendar header .prev:not(.disabled):hover {
  position: relative;
  font-weight: 0;
  background-color: transparent !important;
  background-image: url("/assets/img/arrow-prev-1c8fffc18bf6cc847d0c9934395e8f52.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important; }

.vdp-datepicker__calendar header .next:not(.disabled):hover {
  position: relative;
  font-weight: 0;
  background-color: transparent !important;
  background-image: url("/assets/img/arrow-next-1e14409c6e7a51b854a8675d0d4db44a.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important; }

.this-month {
  color: #B4B4B4;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px;
  text-align: center;
  margin: 5px 0px 17px 0px;
  cursor: pointer; }

.pagination-top-list {
  color: #777777;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px; }

.topCalendar {
  top: auto;
  bottom: calc(100% + 5px);
  z-index: 999; }

.label {
  display: inline-block;
  position: relative;
  top: -2px;
  vertical-align: middle;
  line-height: 24px;
  padding: 0 8px; }
  .label-primary {
    background-color: #005FBF;
    color: #FFFFFF; }
  .label-success {
    background-color: #4CAF50;
    color: #FFFFFF; }
  .label-danger {
    background-color: #D74022;
    color: #FFFFFF; }
  .label-warning {
    background-color: #FFB700;
    color: #212121; }

.section-base--wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
  .section-base--wrapper .section-header--wrapper {
    color: #333;
    background-color: #f5f5f5; }

.section-header--wrapper {
  border: 1px solid #E2E2E2;
  padding: 15px;
  cursor: pointer; }
  .section-header--wrapper .section-header-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px; }
    .section-header--wrapper .section-header-title .section-header-title--anchor {
      color: #000; }

.section-body-title--wrapper {
  padding: 15px; }

.section-body--wrapper {
  border: 1px solid #E2E2E2;
  border-top: 0; }

.form-spt--header {
  border-bottom: 1px solid #E2E2E2;
  padding: 0 0 15px; }

.form-spt--row {
  border-bottom: 1px solid #E2E2E2;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px; }
  .form-spt--row__label {
    min-height: 36px;
    display: flex;
    align-items: center; }
    .form-spt--row__label-right {
      justify-content: flex-end; }
  .form-spt--row:last-child {
    border-bottom: 0; }
    .form-spt--row:last-child .row:last-child {
      padding-bottom: 0; }

.form-spt .row {
  display: flex;
  align-items: flex-start; }

.c-footer--wrapper {
  display: flex;
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #777777;
  letter-spacing: 0.2px;
  line-height: 20px;
  font-size: 14px;
  max-width: 1170px;
  margin: 0 auto; }

.c-footer--left {
  text-align: left;
  width: 50%; }

.c-footer--right {
  text-align: right;
  width: 50%; }

.p-content--wrapper {
  background-color: #FFFFFF;
  min-height: 100vh;
  margin: 0 auto;
  box-shadow: 0 10px 30px 0 #F5F1F1, 0 1px 4px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-width: 1px;
  border-color: #DADEE1;
  border-style: solid;
  border-radius: 6px; }

.dot-left,
.dot-right {
  position: absolute;
  top: calc(20% - 4px); }

.dot-left {
  left: -24px; }

.dot-right {
  right: -24px; }

.btn-upload {
  pointer-events: none; }

.p-access {
  background-color: #F2F4F7;
  position: relative;
  min-height: 100vh; }
  .p-access--efin {
    background-color: transparent;
    padding-top: 0; }
  .p-access--container {
    max-width: 380px;
    margin: 0 auto; }
  .p-access--heading {
    color: #212121; }
    @media (min-width: 480px) {
      .p-access--heading {
        white-space: nowrap; } }
    .p-access--heading-register {
      position: absolute;
      right: 60px; }
  .p-access--forgot, .p-access--submit {
    display: inline-block;
    width: calc(50% - 3px); }
  .p-access--submit {
    text-align: right; }
  .p-access--footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }
  .p-access--menu {
    list-style: none; }
    .p-access--menu-list {
      display: inline-block;
      position: relative; }
      .p-access--menu-list:nth-child(2) {
        padding-left: 40px; }
        .p-access--menu-list:nth-child(2)::before {
          position: absolute;
          left: 18px;
          top: 9px;
          width: 4px;
          height: 4px;
          background-color: #B4B4B4;
          border-radius: 50%;
          content: ''; }
      .p-access--menu-list:last-child {
        float: right; }
        @media (max-width: 480px) {
          .p-access--menu-list:last-child {
            display: none; } }
        .p-access--menu-list:last-child::before {
          position: absolute;
          right: 0;
          top: 7px;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 5px solid #B4B4B4;
          content: ''; }
    .p-access--menu-link {
      text-decoration: none;
      color: #777777; }

.c-nps--survey {
  position: fixed;
  z-index: 9999;
  bottom: 20px;
  right: 20px;
  max-width: 625px;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 0 16px 0 rgba(33, 33, 33, 0.24);
  border-radius: 6px; }
  .c-nps--survey .sv_complete_btn {
    width: 100%; }
  .c-nps--survey .panel-footer {
    background-color: #FFFFFF; }
  .c-nps--survey .sv_q_title {
    line-height: 24px;
    font-size: 16px; }
  .c-nps--survey .sv_q_rating {
    margin-top: 20px; }
  .c-nps--survey .sv_q textarea {
    padding: 10px; }
  .c-nps--survey .sv_q_rating_item_text:last-child {
    padding: 7px 9px; }
  .c-nps--survey.is-popup:before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    content: ''; }

.c-nps--content-close {
  position: absolute;
  top: 15px;
  right: 30px;
  width: 16px;
  height: 16px;
  cursor: pointer; }
  .c-nps--content-close:before, .c-nps--content-close:after {
    position: absolute;
    top: 8px;
    left: 0;
    width: 16px;
    height: 1px;
    background-color: #777777;
    content: ''; }
  .c-nps--content-close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg); }
  .c-nps--content-close:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); }

.e-btn--bordered .icon-help {
  fill: #ff8844; }

.e-btn--bordered:hover .icon-help {
  fill: #FFF; }

.table-tax-related .e-form--group {
  margin-bottom: 0; }
  .table-tax-related .e-form--group .e-check--item {
    margin-bottom: 0; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  color: #1357FF;
  outline: none;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: underline;
    color: #1357FF; }

.clearfix:after, .e-header__primary:after, .e-header__menu-left:after, .e-header__menu-right:after, .e-header--connection:after {
  content: "";
  display: table;
  clear: both; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #E2E2E2; }

button {
  outline: none; }
  button:hover, button:focus, button:active {
    outline: none !important; }

span[data-toggle="dropdown"] {
  cursor: pointer; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
    background-color: #eee; }
  .dropdown-menu .dropdown-item.no-action {
    pointer-events: none; }
    .dropdown-menu .dropdown-item.no-action:hover {
      background-color: transparent; }

.display-block {
  display: block; }

article p {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

article li ul, article li ol {
  margin: 0 0 15px; }

article ul, article ol {
  margin: 0 15px 15px 15px; }

article ul {
  list-style-type: disc; }

article ol {
  list-style-type: decimal; }
  article ol ol {
    list-style: upper-alpha; }
    article ol ol ol {
      list-style: lower-roman; }
      article ol ol ol ol {
        list-style: lower-alpha; }

.box-scrolling {
  height: calc(100vh - 300px);
  padding: 20px;
  border: 1px solid #E2E2E2;
  overflow: scroll; }

.container--medium {
  margin: 0 auto;
  width: 50%; }

.u-ellipsis-200 {
  text-overflow: ellipsis;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden; }

.overflow-visible {
  overflow: visible !important; }

.c-box {
  background-color: #F2F4F7;
  border-radius: 4px;
  padding: 20px; }
  .c-box-tax-info-left {
    width: 60%; }
  .c-box-tax-info-right {
    width: 40%; }

.no-gutter {
  margin-right: 0;
  margin-left: 0; }

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.c-box {
  background-color: #F2F4F7;
  border-radius: 4px;
  padding: 20px; }
  .c-box-tax-info-left {
    width: 60%; }
  .c-box-tax-info-right {
    width: 40%; }

.c-table thead th, .c-table tbody th {
  text-transform: none; }

.c-table thead th, .c-table thead td, .c-table tbody th, .c-table tbody td {
  padding: 10px; }

.c-table--checkbox {
  width: 40px;
  text-align: center; }

.scroll-bar {
  max-height: 144px;
  overflow: auto;
  display: block; }

.progress-bg-green {
  background-color: #4CAF50; }

.progress-bg-orange {
  background-color: #FFB700; }

.progress-bg-red {
  background-color: #D74022; }

.progress-table-size {
  height: 4px;
  width: 249px;
  margin-top: 8px;
  border-radius: 2px;
  float: right;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.p-description {
  float: right;
  padding-right: 23px;
  color: #212121;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px;
  text-align: right;
  width: 125px; }
  .p-description-total {
    color: #777777;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 20px;
    text-align: center; }

#progressBar {
  display: inline-block;
  vertical-align: middle; }

.button-delete-nsfp {
  color: #D74022;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 20px;
  cursor: pointer; }

.msg--absolute {
  padding: 10px;
  position: absolute;
  left: 0px;
  top: 0px; }

.c-sorting {
  font-size: 14px;
  margin-left: 10px;
  color: #E2E2E2 !important;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px; }
  .c-sorting.is-active {
    color: #777777; }
  .c-sorting .svg-inline--fa {
    display: block;
    line-height: 0;
    margin-top: -10px;
    cursor: pointer; }
    .c-sorting .svg-inline--fa.is-active {
      color: #777777; }

.table-responsive::-webkit-scrollbar {
  display: none; }

/* Hide scrollbar for IE and Edge */
.table-responsive {
  -ms-overflow-style: none; }

.blankslate-table {
  border: thin solid #E2E2E2;
  border-top: 0 !important; }

.total-box {
  border: 1px solid #e2e2e2;
  margin-bottom: 30px; }
  .total-box span {
    display: block; }
  .total-box .total-box--top {
    padding: 8px 12px;
    border-bottom: 1px solid #e2e2e2; }
  .total-box .total-box--content {
    padding: 14px; }
    .total-box .total-box--content .total-box--content--label {
      color: grey;
      margin-bottom: 5px; }
    .total-box .total-box--content .total-box--content--price {
      font-weight: bold;
      font-size: 18px;
      vertical-align: text-bottom; }

.kp-input-radio--inner {
  margin-top: 5px; }
  .kp-input-radio--inner > div {
    padding-right: 40px; }

.VueCarousel-slide {
  max-width: 100%; }

.VueCarousel-dummy {
  width: 80%;
  height: auto;
  margin: 0 auto 30px;
  background-color: #D8D8D8;
  box-shadow: 0 6px 12px 0 rgba(180, 180, 180, 0.8); }

.VueCarousel-navigation-button {
  height: 24px;
  width: 24px;
  border-radius: 100%;
  background-color: #F2F4F7;
  position: relative;
  box-shadow: 0 1px 4px 0 rgba(119, 119, 119, 0.7);
  text-indent: -1000px;
  overflow: hidden; }
  .VueCarousel-navigation-button:before, .VueCarousel-navigation-button:after {
    width: 9px;
    height: 2px;
    border-radius: 5px;
    background-color: #777777;
    position: absolute;
    content: ''; }

.VueCarousel-navigation-next:before {
  top: 9px;
  left: 9px;
  transform: rotate(45deg); }

.VueCarousel-navigation-next:after {
  top: 14px;
  left: 9px;
  transform: rotate(-45deg); }

.VueCarousel-navigation-prev:before {
  top: 9px;
  right: 9px;
  transform: rotate(136deg); }

.VueCarousel-navigation-prev:after {
  top: 14px;
  right: 9px;
  transform: rotate(-136deg); }

.VueCarousel-dot-container .VueCarousel-dot {
  -webkit-appearance: none;
  padding: 0 !important;
  width: 8px !important;
  height: 8px !important;
  background-color: #D8D8D8 !important;
  border-radius: 4px !important;
  background-clip: none !important;
  margin: 0 8px !important;
  transition: all .4s; }
  .VueCarousel-dot-container .VueCarousel-dot--active {
    width: 24px !important;
    background-color: #F96D01 !important; }

.e-btn .with-icon--left {
  display: flex;
  justify-content: space-around; }
  .e-btn .with-icon--left img {
    margin: 0 5px; }

.e-btn .with-icon--right {
  display: flex;
  justify-content: space-around;
  flex-direction: row-reverse; }
  .e-btn .with-icon--right img {
    margin: 0 5px; }

.e-btn--size-slim {
  padding: 2px 8px;
  min-width: 0; }

.e-btn--size-tiny {
  padding: 0px 4px; }

.kp-input-search .e-input .base-search--icon:focus .base-search--icon, .kp-input-search #table-kap_wrapper .dataTables_filter label > input .base-search--icon:focus .base-search--icon, #table-kap_wrapper .dataTables_filter .kp-input-search label > input .base-search--icon:focus .base-search--icon,
.kp-input-search #table-kjs_wrapper .dataTables_filter label > input .base-search--icon:focus .base-search--icon,
#table-kjs_wrapper .dataTables_filter .kp-input-search label > input .base-search--icon:focus .base-search--icon,
.kp-input-search #table-kpp_wrapper .dataTables_filter label > input .base-search--icon:focus .base-search--icon,
#table-kpp_wrapper .dataTables_filter .kp-input-search label > input .base-search--icon:focus .base-search--icon {
  background-color: red; }

.kp-input-search .e-input, .kp-input-search #table-kap_wrapper .dataTables_filter label > input, #table-kap_wrapper .dataTables_filter .kp-input-search label > input,
.kp-input-search #table-kjs_wrapper .dataTables_filter label > input,
#table-kjs_wrapper .dataTables_filter .kp-input-search label > input,
.kp-input-search #table-kpp_wrapper .dataTables_filter label > input,
#table-kpp_wrapper .dataTables_filter .kp-input-search label > input {
  padding-left: 35px;
  padding-right: 35px; }

.kp-input-search button {
  background: transparent; }

.kp-input-search .base > button {
  border: 0;
  margin: 0; }

.kp-input-search .base-search {
  border: 0px;
  line-height: 16px;
  position: absolute;
  top: 10px;
  left: 9px; }

.kp-input-search .base-cancel {
  border: 0px;
  line-height: 16px;
  position: absolute;
  top: 10px;
  right: 11px; }

.kp-input-search .base--icon span, .kp-input-search .base--icon img {
  opacity: 0.4; }

.kp-input-search .base--active span, .kp-input-search .base--active img {
  opacity: 1; }

.multiselect {
  width: 200px;
  position: relative; }
  .multiselect.full-width {
    width: 100%; }

.select-box {
  position: relative; }

.select-box select {
  width: 100%; }

.over-select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

div.selection {
  position: absolute;
  user-select: none;
  border-width: 1px;
  border-color: #E2E2E2;
  border-style: solid;
  border-radius: 4px;
  background-color: #FFFFFF;
  width: 200px;
  top: calc(100% + 3px);
  z-index: 8;
  overflow: auto; }
  div.selection input[type=checkbox] {
    display: inline-block;
    margin: 0 10px -4px 0; }

div.selection label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  cursor: pointer;
  margin-bottom: 0;
  font-weight: 400;
  color: #212121;
  padding: 7px 15px;
  line-height: 16px; }
  div.selection label span {
    vertical-align: middle; }

#checkboxes label:hover {
  background-color: #f5f5f5; }

.kp-select-multiple {
  position: relative; }
  .kp-select-multiple .c-select--arrow {
    top: 11px; }
  .kp-select-multiple--placeholder {
    padding-right: 30px; }
  .kp-select-multiple--value {
    padding-right: 30px; }
  .kp-select-multiple--lists {
    display: block;
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    min-width: 100%;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    z-index: 2;
    max-height: 150px;
    overflow: auto; }
    .kp-select-multiple--lists::-webkit-scrollbar {
      width: 12px; }
    .kp-select-multiple--lists::-webkit-scrollbar-track {
      background: #fff; }
    .kp-select-multiple--lists::-webkit-scrollbar-track:hover {
      background: #e9ecef; }
    .kp-select-multiple--lists::-webkit-scrollbar-thumb {
      background: #ced4da; }
    .kp-select-multiple--lists::-webkit-scrollbar-thumb:hover {
      background: #adb5bd; }
    .kp-select-multiple--lists:hover::-webkit-scrollbar-thumb {
      background: #ced4da; }
    .kp-select-multiple--lists .is-checkbox {
      margin: 0; }
    .kp-select-multiple--lists label {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      width: 100%;
      cursor: pointer;
      margin-bottom: 0;
      font-weight: 400;
      color: #212121;
      padding: 7px 15px;
      line-height: 16px; }
      .kp-select-multiple--lists label input[type=checkbox], .kp-select-multiple--lists label input[type=radio] {
        margin: 0;
        pointer-events: none; }

.rectangle {
  height: 40px;
  width: 40px;
  border-radius: 30px;
  background-color: #F96D01; }

.number {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 40px;
  text-align: center; }

.progress-step {
  display: flex;
  align-items: center;
  justify-content: center; }
  .progress-step--item {
    display: flex;
    align-items: center;
    justify-content: center; }
    .progress-step--item-inner {
      text-align: center;
      position: relative;
      margin: 0 15px; }
    .progress-step--item-circle {
      display: inline-block;
      width: 32px;
      height: 32px;
      line-height: 30px;
      border: 1px solid;
      border-color: #E2E2E2;
      border-radius: 50%;
      color: #B4B4B4;
      margin-bottom: 10px; }
      .progress-step--item-circle span {
        font-size: 14px; }
      .progress-step--item-circle.is-active {
        background-color: #0060BF;
        border-color: #0060BF;
        color: #FFFFFF; }
      .progress-step--item-circle.is-complete {
        border: 0; }
    .progress-step--item-title {
      position: absolute;
      bottom: -15px;
      left: calc(50% - 100px);
      width: 200px;
      font-size: 12px;
      line-height: 16px;
      color: #B4B4B4; }
      .progress-step--item-title.is-active {
        color: #212121; }
    .progress-step--item-divider {
      position: relative;
      top: -5px;
      width: 120px;
      height: 2px;
      background-color: #E2E2E2;
      border-radius: 2px; }
      .progress-step--item-divider.is-active {
        background-color: #0060BF; }

.background-base {
  position: relative;
  box-sizing: border-box;
  width: 1226px;
  border: thin solid #E2E2E2;
  border-radius: 4px;
  background-color: #FFFFFF;
  margin: auto;
  padding: 24px; }
  .background-base.container-fluid {
    width: 100%; }
  .background-base .flex--between {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .background-base .text-wrap {
    word-break: break-word; }

.u-smb-16 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; }

.u-p-fixed {
  z-index: 8;
  position: fixed; }

.preview-efaktur-out--card {
  background-color: white;
  padding: 20px;
  max-width: 820px;
  width: 100%;
  margin: 0 auto; }

.preview-efaktur-out__header {
  top: 0;
  left: 0;
  padding: 10px;
  width: 100%;
  background-color: white; }
  .preview-efaktur-out__header__container {
    width: 820px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }

.preview-efaktur-out__content__title {
  text-align: center; }

.preview-efaktur-out__content__table table {
  width: 100%;
  margin-bottom: 8px;
  border: 0;
  border-collapse: collapse; }
  .preview-efaktur-out__content__table table th, .preview-efaktur-out__content__table table td {
    padding: 8px;
    border: thin solid #ddd; }

.preview-efaktur-out__content__table__footnote {
  font-size: 11px;
  line-height: 14px;
  font-size: grey; }

.preview-efaktur-out__content__bottom-info {
  display: flex;
  align-items: flex-start; }
  .preview-efaktur-out__content__bottom-info .col-4 {
    width: 33.33%;
    margin-left: 20px;
    margin-right: 20px;
    box-sizing: border-box; }
  .preview-efaktur-out__content__bottom-info__qr img {
    margin: 30px 0;
    width: 150px; }
  .preview-efaktur-out__content__bottom-info__note {
    border: thin solid #ddd;
    padding: 12px;
    margin-top: 40px;
    font-size: 14px;
    height: auto; }
  .preview-efaktur-out__content__bottom-info__signature-box {
    float: right;
    width: 200px;
    margin-top: 40px; }

.preview-efaktur-out__footer {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  color: grey;
  background-color: white;
  width: 100%;
  padding: 20px 0; }
  .preview-efaktur-out__footer__container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .preview-efaktur-out__footer__image {
    margin-left: 5px;
    height: 30px; }

.preview-efaktur-out--card.watermark--diganti {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 400px !important;
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("/assets/img/svg/watermark-diganti-18d18037b9ec6d439cdc302c37ba85d2.svg") !important; }

.preview-efaktur-out--card.watermark--batal {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 400px !important;
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("/assets/img/svg/watermark-batal-61dd6093b2c256d71912b3bb0a09f755.svg") !important; }

.preview-efaktur-out--card.watermark--draft {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 400px !important;
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("/assets/img/svg/watermark-draft-e54db3cb9626cca647db0e4ecd193829.svg") !important; }

.table__data--field {
  width: 105px;
  padding-right: 20px;
  position: relative;
  display: inline-block; }
  .table__data--field:before {
    content: ':';
    position: absolute;
    right: 10px; }

.table__data--content {
  display: inline-block;
  width: calc(100% - 105px); }

@media print {
  #App {
    padding: 0; }
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important; }
  body * {
    visibility: hidden; }
  .print, .print * {
    visibility: visible; }
  .preview-efaktur-out__content {
    margin: 0px; } }

#admin__configuration__service--page .section--header {
  display: flex;
  justify-content: space-between; }

#admin__configuration__service--page table {
  font-size: 14px; }
  #admin__configuration__service--page table thead {
    background-color: #f3f3f3; }

.kp-box {
  border: 1px solid #E2E2E2;
  border-radius: 4px; }
  .kp-box.is-error {
    border-color: #d74022;
    text-align: left;
    font-size: 14px;
    color: #212121; }
  .kp-box--header {
    padding: 8px 12px;
    border-bottom: 1px solid #E2E2E2;
    background-color: #FBFBFB;
    font-weight: 500;
    border-radius: 4px 4px 0 0; }
    .kp-box--header .c-tooltip {
      float: right; }
  .kp-box--body {
    padding: 16px 12px;
    background-color: #FFFFFF;
    border-radius: 0 0 4px 4px; }
    .kp-box--body-add {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      width: 10px;
      height: 10px;
      margin-right: 4px; }
      .kp-box--body-add:before, .kp-box--body-add:after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #1357FF;
        content: ''; }
      .kp-box--body-add:before {
        transform: rotate(90deg);
        top: 4px; }
      .kp-box--body-add:after {
        top: 4px; }
    .kp-box--body .row {
      display: flex;
      align-items: center; }

.kp-progress-banner {
  width: 100%;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  transform: translateY(-200px); }
  .kp-progress-banner--link {
    color: white;
    text-decoration: underline; }
    .kp-progress-banner--link:hover, .kp-progress-banner--link:focus, .kp-progress-banner--link:active {
      color: white;
      text-decoration: none; }
  .kp-progress-banner--close {
    position: absolute;
    top: 14px;
    right: 30px;
    width: 16px;
    height: 16px;
    cursor: pointer; }
    .kp-progress-banner--close:before, .kp-progress-banner--close:after {
      position: absolute;
      top: 8px;
      left: 0;
      width: 16px;
      height: 1px;
      background-color: white;
      content: ''; }
    .kp-progress-banner--close:before {
      transform: rotate(45deg); }
    .kp-progress-banner--close:after {
      transform: rotate(-45deg); }
  .kp-progress-banner.is-success {
    background-color: #009F61;
    color: white; }
    .kp-progress-banner.is-success .kp-progress-banner--close:before, .kp-progress-banner.is-success .kp-progress-banner--close:after {
      background-color: white; }
    .kp-progress-banner.is-success .is-small:before {
      width: 12px;
      height: 12px; }
  .kp-progress-banner.is-warning {
    background-color: #FFB700; }
    .kp-progress-banner.is-warning .kp-progress-banner--close:before, .kp-progress-banner.is-warning .kp-progress-banner--close:after {
      background-color: #212121; }
    .kp-progress-banner.is-warning .is-loading:before {
      border-color: #212121;
      border-top-color: transparent; }
  .kp-progress-banner.is-show {
    transform: translateY(0); }

.body {
  font-family: "Roboto-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.box {
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3); }

#register {
  color: #97989B; }
  #register #register-box {
    min-width: 615px; }
    #register #register-box .form-group {
      margin-bottom: 0;
      height: 65px; }
    #register #register-box .logo {
      width: 150px; }
  #register #form-register-table {
    width: 100%;
    border-collapse: collapse; }
    #register #form-register-table td {
      line-height: 10px; }
    #register #form-register-table .field-name {
      width: 35%;
      vertical-align: top;
      padding-top: 10px;
      font-size: small; }
  #register .center-100 {
    width: 100%;
    text-align: center; }
  #register .a-green {
    color: #58AF7F; }

/*
 * Character between HR lines
 * e.g ----- AND ----
 *
 * Usage = <div class="strike">AND</div>
 */
.strike {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
  margin-bottom: 5px; }

.strike > span {
  position: relative;
  display: inline-block;
  font-size: 11px; }

.strike > span:before,
.strike > span:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 9999px;
  height: 1px;
  background: #97989B; }

.strike > span:before {
  right: 100%;
  margin-right: 15px; }

.strike > span:after {
  left: 100%;
  margin-left: 15px; }

.tax-subject .parsley-errors-list {
  position: absolute;
  right: 0; }

/*# sourceMappingURL=../../../../application.css.map */