body, html {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
}

#header {
  position: relative;
}
#header:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
}
#header .inner {
  width: 100%;
  background-color: #F4F4F4;
}
#header .inner::after {
  content: "";
  clear: both;
  display: block;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  float: left;
}
.menu > a, .menu a.dropdown-toggle {
  position: relative;
  -webkit-box-flex: 180px;
      -ms-flex: 180px;
          flex: 180px;
  max-width: 180px;
  min-width: 180px;
  width: 100%;
  color: #424242;
  font-size: 16px;
  line-height: 40px;
  display: block;
  text-align: center;
  text-decoration: none;
}
.menu > a:hover, .menu a.dropdown-toggle:hover {
  color: #424242;
  font-weight: bold;
}
.menu > a::before, .menu a.dropdown-toggle::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #D74B00;
  opacity: 0;
}
.menu > a:hover::before, .menu > a.active::before, .menu a.dropdown-toggle:hover::before, .menu a.dropdown-toggle.active::before {
  font-weight: bold;
  opacity: 1;
}

.dropdown-menu li.divider {
  border-top: 1px solid #707070;
}

.logo {
  display: block;
  float: left;
  width: 126px;
  height: 40px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url('data:image/svg+xml,<svg width="126" height="40" viewBox="0 0 126 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L108.71 0L126 40H0V0Z" fill="%23D74B00"/></svg>');
  margin-right: 60px;
}
.logo h1 {
  color: white;
  font-size: 24px;
  line-height: 40px;
  font-weight: bold;
  margin: 0;
}
.logo a {
  color: white;
  font-size: 24px;
  line-height: 40px;
  text-decoration: none;
}

.user-tool {
  float: right;
  width: auto;
  padding: 5px 0;
}
.user-tool ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.user-tool li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  border-right: 1px solid #CCCCCC;
  padding: 0 6px;
}
.user-tool li:nth-child(1) {
  padding: 0;
}
.user-tool li:last-child {
  border-right: none;
}
.user-tool a {
  display: block;
}

.tag {
  display: inline-block;
  border-radius: 5px;
  background-color: #D74B00;
  color: white;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  padding: 3px 10px;
  margin-right: 25px;
}

.ico-search {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/icon-search.svg) no-repeat center top;
}

.ico-user {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/icon-user.svg) no-repeat center top;
}

a.dropdown-toggle:hover .ico-user {
  background-image: url(../images/icon-user-hover.svg);
}

.ico-report {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/icon-report.svg) no-repeat center top;
}

a.dropdown-toggle:hover .ico-report {
  background-image: url(../images/icon-report-hover.svg);
}

.full-container {
  padding: 0 22px;
}
.full-container.h-30 {
  height: 30px;
}

.main-header {
  padding: 11px 0;
  border-bottom: 1px solid #D9D9D9;
}

.ico-step {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

div.clear::after {
  display: inline-block;
  content: "";
  clear: both;
}

.title-box {
  float: left;
  width: calc(100% - 643px);
}
.title-box h2 {
  margin: 0;
  display: inline-block;
  margin-right: 20px;
  color: #424242;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  vertical-align: middle;
}

.steps-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  width: 643px;
}
.steps-box .step-box--group {
  position: relative;
  padding: 0 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.steps-box .step-box--group::after {
  content: "";
  display: block;
  width: 14px;
  position: absolute;
  top: 50%;
  right: -20px;
  border-top: 1px dotted #707070;
}
.steps-box .step-box--group:first-child {
  padding-left: 0;
}
.steps-box .step-box--group:last-child {
  padding-right: 30px;
}
.steps-box .step-box--group:last-child::after {
  display: none;
}
.steps-box .step-box--group:last-child .count {
  right: 0;
}
.steps-box .step-box--group.last-step {
  background-color: #fff;
}
.steps-box .step-box--group.last-step::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 15px;
  width: 1px;
  height: 24px;
  background-color: #707070;
}
.steps-box .step-box--group .step-box--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.steps-box .step-box--group span.title {
  display: inline-block;
  margin-left: 5px;
  color: #707070;
  font-size: 14px;
  line-height: 30px;
  vertical-align: middle;
}
.steps-box .step-box--group:hover span.title {
  color: #D74B00;
}
.steps-box .step-box--group:hover .ico-step.line svg path {
  fill: #D74B00;
}
.steps-box .step-box--group:hover .ico-step.storke svg path {
  fill: #D74B00;
  stroke: #D74B00;
}
.steps-box .step-box--group.active span.title {
  color: #D74B00;
  font-weight: bold;
}
.steps-box .step-box--group.active .ico-step.line svg path {
  fill: #D74B00;
}
.steps-box .step-box--group.active .ico-step.storke svg path {
  fill: #D74B00;
  stroke: #D74B00;
}
.steps-box .count {
  position: absolute;
  top: 3px;
  right: 0;
  width: 24px;
  height: 24px;
  background-color: #D74B00;
  border-radius: 50%;
  color: white;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}

input.switch {
  position: relative;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 46px !important;
  height: 24px;
  border-radius: 30px;
  cursor: pointer;
  background: #fff;
  -webkit-transition: padding 0.25s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: padding 0.25s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, padding 0.25s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, padding 0.25s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  -webkit-transition-delay: 0.1s, 0s;
          transition-delay: 0.1s, 0s;
  border: 1px solid #707070;
  margin: 0;
  vertical-align: middle;
}
input.switch:focus {
  outline: 0;
}
input.switch:checked {
  -webkit-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
  -webkit-box-shadow: inset 0 0 0 60em #D74B00 !important;
          box-shadow: inset 0 0 0 60em #D74B00 !important;
  padding-left: 22px;
  border-color: #D74B00;
}
input.switch:checked::before {
  background-color: white;
}
input.switch:before {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 3px;
  background-color: #424242;
  border-radius: 50%;
  -webkit-transition: all 0.1s ease 0.1s;
  transition: all 0.1s ease 0.1s;
}

input.switch:before, input.switch:after {
  content: "";
  display: block;
}

input.switch:active::before {
  -webkit-transition: all 0.1s ease 0.05s;
  transition: all 0.1s ease 0.05s;
}

.switch-button {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.switch-button span {
  display: inline-block;
  color: #424242;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
  padding-left: 8px;
}

.main-contentbox {
  padding: 0 22px;
}

*.float-right {
  float: right;
}

@media (min-width: 576px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1520px;
  }
}
body {
  min-width: 1300px;
}
body.max-height2-scroll {
  overflow: hidden;
}
body.max-height2-scroll .side-contentbox {
  height: calc(100dvh - 94px);
}
body.max-height2-scroll .side-left, body.max-height2-scroll .side-right {
  overflow-y: auto;
}

.side-contentbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.side-contentbox.full .side-left {
  padding: 24px 22px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.side-contentbox.style1 .side-left {
  width: calc(100% - 351px);
  min-height: calc(100vh - 94px);
  padding: 24px 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
}
.side-contentbox.style1 .side-right {
  width: 350px;
  border-left: 1px solid #D9D9D9;
  background-color: #F9F3EA;
  min-height: calc(100vh - 94px);
  padding: 20px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.side-contentbox.style2 {
  padding-left: 20px;
  padding-right: 20px;
}
.side-contentbox.style2 .side-left {
  width: 375px;
  min-height: calc(100vh - 100px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F5F5F5;
  padding: 15px;
}
.side-contentbox.style2 .side-left.auto-height {
  min-height: auto;
}
.side-contentbox.style2 .side-right {
  width: calc(100% - 375px);
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.side-contentbox.style3 {
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.side-contentbox.style3 .side-left {
  width: 270px;
  min-height: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F9F3EA;
  padding: 15px;
}
.side-contentbox.style3 .side-right {
  width: calc(100% - 270px);
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.side-contentbox.style4 .side-left {
  width: 375px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  padding: 15px;
}
.side-contentbox.style4 .side-left.auto-height {
  min-height: auto;
}
.side-contentbox.style4 .side-right {
  width: calc(100% - 375px);
  height: 100%;
  padding-left: 20px;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.msg-innerbox {
  border: 1px solid #D9D9D9;
  -webkit-box-shadow: 2px 2px 4px rgba(112, 112, 112, 0.3);
          box-shadow: 2px 2px 4px rgba(112, 112, 112, 0.3);
  background-color: #fff;
  min-height: 500px;
}
.msg-innerbox p.msg {
  color: #949494;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.msg-innerbox p.msg.bold {
  font-weight: bold;
}
.msg-innerbox .border-title {
  position: relative;
  color: #424242;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
  padding-left: 10px;
  display: block;
  margin-bottom: 10px;
  border-bottom: 1px solid #D9D9D9;
  padding-left: 25px;
  padding-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
}
.msg-innerbox .border-title:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 10px;
  width: 4px;
  height: 18px;
  background-color: #D74B00;
}

.info-msg {
  padding: 10px;
}

.info-title {
  color: #424242;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 0 10px;
}

.info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
}
.info-row .info-col {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  max-width: 100%;
  padding: 0 10px;
}
.info-row .info-col.w-50 {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  max-width: 50%;
}
.info-row .info-col.w-120 {
  -webkit-box-flex: calc(100% - 120px);
      -ms-flex: calc(100% - 120px);
          flex: calc(100% - 120px);
  max-width: calc(100% - 120px);
}
.info-row .info-col.w-120:nth-child(1) {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  max-width: 120px !important;
}
.info-row h3, .info-row span {
  display: inline-block;
  margin: 0;
  color: #424242;
  font-size: 14px;
  line-height: 1.6;
}
.info-row h3.text-hightlight, .info-row span.text-hightlight {
  color: #D74B00;
  font-weight: bold;
}
.info-row h3 {
  font-weight: bold;
  margin-bottom: 5px;
}
.info-row span {
  word-break: break-all;
}
.info-row span + .btn-text {
  margin-left: 5px;
}
.info-row span + .btn-text.disabled {
  pointer-events: none;
}
.info-row .btn-blank {
  display: inline-block;
  vertical-align: middle;
}

.modal-dialog.sz-sm {
  max-width: 450px;
}

.modal-dialog.sz-md {
  max-width: 520px;
}

.modal-dialog.sz-md2 {
  max-width: 740px;
}

.modal-dialog.sz-xl {
  max-width: 850px;
}

.modal-dialog.sz-xl2 {
  max-width: 940px;
}

.modal-dialog.sz-full {
  max-width: 1200px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div.float-right {
  float: right;
}

div.float-left {
  float: left;
}

div.vertical-center {
  vertical-align: middle;
}

.multi-select {
  width: 300px;
  position: relative;
  display: inline-block;
}

.select-wrap {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.select-wrap.full {
  width: 100%;
  max-width: 192px;
}
.select-wrap.full-auto {
  width: 100%;
  max-width: 100%;
}
.select-wrap.flow-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.select-wrap.flow-column span {
  -webkit-box-flex: 80px;
      -ms-flex: 80px;
          flex: 80px;
  min-width: 80px;
  margin-right: 10px;
}
.select-wrap.flow-column span.sz-md {
  -webkit-box-flex: 120px;
      -ms-flex: 120px;
          flex: 120px;
  min-width: 120px;
}
.select-wrap.flow-column select {
  width: calc(100% - 90px);
  min-width: 126px;
}
.select-wrap.max-width-md .form-select {
  width: 194px;
}
.select-wrap.full-width {
  display: block !important;
  width: 100%;
}
.select-wrap.full-width .form-select {
  width: 100% !important;
}
.select-wrap.mr-0 {
  margin-right: 0;
}
.select-wrap span {
  display: inline-block;
  margin-right: 10px;
  color: #424242;
  font-size: 15px;
  line-height: 30px;
  float: left;
}
.select-wrap .form-select {
  float: left;
  min-width: 126px;
  width: 100%;
  color: #424242;
  font-size: 14px;
  line-height: 17.5px;
  padding: 7px 10px;
  padding-right: 40px;
  border-color: #707070;
}
.select-wrap .form-select.sz-md {
  width: auto;
  min-width: 236px;
}

.multi-select .custom-checkbox {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
}
.multi-select .custom-checkbox input {
  display: none;
}
.multi-select .custom-checkbox input:checked + .checkbox {
  background-color: #D74B00;
  border-color: #D74B00;
}
.multi-select .custom-checkbox .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: #424242 1px solid;
  background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 3.44281L5 7.13188L11 1.04492" stroke="white" stroke-width="2"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  margin: 0;
}

.multi-select {
  width: 200px;
  margin-right: 15px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.multi-select-dropdown {
  border: 1px solid #ccc;
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
  z-index: 1000;
  background: #fff;
  width: 175%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 10px;
  border-radius: 5px;
}

.multi-select-dropdown label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 8px 5px;
  cursor: pointer;
  font-size: 15px;
  border-radius: 3px;
}

.multi-select-dropdown label input {
  accent-color: #d9534f;
  margin-right: 10px;
}

.multi-select-dropdown div > div {
  margin-left: 20px;
}

.multi-select-input {
  width: 100%;
  padding: 0 10px;
  border: 1px solid #707070;
  border-radius: 5px;
  cursor: pointer;
  color: #424242;
  font-size: 14px;
  line-height: 30px;
  background-color: #fff;
  background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 8L0.937823 0.5L13.0622 0.500001L7 8Z" fill="%23424242"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}
.multi-select-input:foucs {
  outline: none;
}

.multi-select-dropdown .group-label {
  font-weight: bold;
  margin: 10px 0 5px;
  padding-left: 5px;
  color: #333;
}

.input-wrap {
  display: inline-block;
  margin-right: 15px;
}
.input-wrap.mt-2 {
  margin-top: 0.5rem;
}
.input-wrap.full-auto {
  width: 100%;
  max-width: 100%;
}
.input-wrap.mr-0 {
  margin-right: 0;
}
.input-wrap span {
  display: inline-block;
  margin-right: 10px;
  color: #424242;
  font-size: 14px;
  line-height: 30px;
  float: left;
}
.input-wrap.max-width-md .form-control {
  width: 194px;
}
.input-wrap.full-width {
  width: 100%;
}
.input-wrap.has-btn input.form-control {
  width: calc(100% - 71px) !important;
  margin-right: 10px;
}
.input-wrap.has-btn .btn-text {
  display: inline-block;
  margin: 0 !important;
}
.input-wrap .form-control {
  display: inline-block;
  width: 100%;
  color: #424242;
  font-size: 14px;
  line-height: 1;
  padding: 7px 10px;
  border-color: #707070;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid;
}
.input-wrap .form-control.full-width {
  display: block;
  width: 100% !important;
}
.input-wrap .form-control[readonly] {
  color: #949494;
  border-color: #707070;
  background-color: #EEEEEE;
}
.input-wrap .form-control ~ .btn-text {
  margin-left: 10px;
  vertical-align: middle;
}
.input-wrap + p.form-text {
  margin-top: 5px;
}

.table-wrap .thead {
  background-color: #D9D9D9;
}
.table-wrap .tbody {
  background-color: #fff;
}
.table-wrap .tbody a {
  display: inline-block;
  color: #333;
  text-decoration: underline;
}
.table-wrap .tbody a td, .table-wrap .tbody a th {
  text-decoration: none;
  color: #333;
}
.table-wrap .tbody a.btn-text, .table-wrap .tbody a.btn-default {
  text-decoration: none !important;
}
.table-wrap .tbody a.tgroup {
  display: block;
}
.table-wrap .tbody .tr {
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;
}
.table-wrap .tbody .tr .th.gray-bg {
  background-color: #D9D9D9 !important;
  position: relative;
  border-top: 2px solid #fff;
}
.table-wrap .tbody .tr.active {
  background-color: #F9F3EA;
}
.table-wrap .tbody .tr:hover {
  background-color: #EEEEEE;
}
.table-wrap .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.table-wrap .tr[data-href] {
  cursor: pointer;
}
.table-wrap .th {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  border-left: 2px solid #fff;
  color: #424242;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  padding: 8.5px 10px;
}
.table-wrap .td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  color: #424242;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px 10px;
  word-break: break-word;
}
.table-wrap .td span {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}
.table-wrap .th[data-width] {
  -webkit-box-flex: attr(data-width);
      -ms-flex: attr(data-width);
          flex: attr(data-width);
}
.table-wrap .th:nth-child(1), .table-wrap .td:nth-child(1) {
  border-left: none;
}
.table-wrap .th.align-center, .table-wrap .td.align-center {
  text-align: center;
}
.table-wrap .th.max-width-xs, .table-wrap .td.max-width-xs {
  max-width: 40px !important;
  min-width: 40px;
}
.table-wrap .th.max-width-sm, .table-wrap .td.max-width-sm {
  max-width: 50px !important;
  min-width: 50px;
}
.table-wrap .th.max-width-sm1, .table-wrap .td.max-width-sm1 {
  max-width: 60px !important;
  min-width: 60px;
}
.table-wrap .th.max-width-sm2, .table-wrap .td.max-width-sm2 {
  max-width: 90px !important;
  min-width: 90px !important;
}
.table-wrap .th.max-width-sm3, .table-wrap .td.max-width-sm3 {
  max-width: 70px !important;
  min-width: 70px !important;
}
.table-wrap .th.max-width-sm4, .table-wrap .td.max-width-sm4 {
  max-width: 110px !important;
  min-width: 110px !important;
}
.table-wrap .th.max-width-sm5, .table-wrap .td.max-width-sm5 {
  max-width: 100px !important;
  min-width: 100px !important;
}
.table-wrap .th.max-width-md3, .table-wrap .td.max-width-md3 {
  max-width: 140px !important;
  min-width: 140px !important;
}
.table-wrap .th.max-width-md4, .table-wrap .td.max-width-md4 {
  max-width: 160px !important;
  min-width: 160px;
}
.table-wrap .th.max-width-md2, .table-wrap .td.max-width-md2 {
  max-width: 180px !important;
  min-width: 180px;
}
.table-wrap .th.max-width-md, .table-wrap .td.max-width-md {
  max-width: 320px !important;
  min-width: 320px;
}
.table-wrap .th.align-right, .table-wrap .td.align-right {
  text-align: right;
}
.table-wrap .th.btns, .table-wrap .td.btns {
  max-width: 120px;
  min-width: 120px;
  text-align: left;
}
.table-wrap .th.btns-xs, .table-wrap .td.btns-xs {
  min-width: 85px;
  max-width: 85px;
}
.table-wrap .th.btns-xl, .table-wrap .td.btns-xl {
  min-width: 140px;
  max-width: 140px;
}
.table-wrap .th.btns-xxl, .table-wrap .td.btns-xxl {
  min-width: 170px;
  max-width: 170px;
}
.table-wrap .th.btns a, .table-wrap .td.btns a {
  font-weight: normal;
  text-transform: none;
}

.w-col-1 {
  -webkit-box-flex: 12% !important;
      -ms-flex: 12% !important;
          flex: 12% !important;
  max-width: 12% !important;
}

.w-col-2 {
  -webkit-box-flex: 24% !important;
      -ms-flex: 24% !important;
          flex: 24% !important;
  max-width: 24% !important;
}

.w-col-3 {
  -webkit-box-flex: 36% !important;
      -ms-flex: 36% !important;
          flex: 36% !important;
  max-width: 36% !important;
}

.w-col-4 {
  -webkit-box-flex: 48% !important;
      -ms-flex: 48% !important;
          flex: 48% !important;
  max-width: 48% !important;
}

.w-col-5 {
  -webkit-box-flex: 60% !important;
      -ms-flex: 60% !important;
          flex: 60% !important;
  max-width: 60% !important;
}

.w-col-6 {
  -webkit-box-flex: 72% !important;
      -ms-flex: 72% !important;
          flex: 72% !important;
  max-width: 72% !important;
}

.w-col-7 {
  -webkit-box-flex: 84% !important;
      -ms-flex: 84% !important;
          flex: 84% !important;
  max-width: 84% !important;
}

.w-col-8 {
  -webkit-box-flex: 96% !important;
      -ms-flex: 96% !important;
          flex: 96% !important;
  max-width: 96% !important;
}

.w-col-9 {
  -webkit-box-flex: 108% !important;
      -ms-flex: 108% !important;
          flex: 108% !important;
  max-width: 108% !important;
}

.w-col-10 {
  -webkit-box-flex: 120% !important;
      -ms-flex: 120% !important;
          flex: 120% !important;
  max-width: 120% !important;
}

.w-col-11 {
  -webkit-box-flex: 132% !important;
      -ms-flex: 132% !important;
          flex: 132% !important;
  max-width: 132% !important;
}

.w-col-12 {
  -webkit-box-flex: 144% !important;
      -ms-flex: 144% !important;
          flex: 144% !important;
  max-width: 144% !important;
}

.form-group div.max-width-md2 {
  max-width: 130px !important;
}
.form-group.mt-10 {
  margin-top: 10px;
}

.default-msg {
  padding-top: 100px;
}

a.btn-default {
  border-radius: 3px;
  background: #D74B00 !important;
  color: white !important;
  font-size: 14px;
  line-height: 25px !important;
  display: block;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  min-width: 53px;
  max-width: 100px;
  cursor: pointer;
  padding: 0 !important;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 5px;
}
a.btn-default:last-child {
  margin-right: 0;
}
a.btn-default + a {
  margin-bottom: 5px;
}
a.btn-default:hover {
  background: #DF6F33 !important;
}
a.btn-default:active {
  background: #B03E00 !important;
}
a.btn-default[disable] {
  background: #E9B193 !important;
  pointer-events: none;
}
a.btn-default.bg-solid {
  background: #fff !important;
  border: 1px solid #D74B00;
  color: #D74B00 !important;
  font-size: 14px;
  line-height: 25px !important;
}
a.btn-default.bg-solid:hover {
  background: #F9F3EA !important;
}
a.btn-default.bg-solid:active {
  background: #D74B00 !important;
  color: white !important;
}
a.btn-default.bg-solid[disable] {
  border-color: #E9B193 !important;
  color: #E9B193 !important;
  pointer-events: none;
}

a.btn-text-link {
  display: block;
  color: #424242;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  margin-bottom: 6px;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
a.btn-text-link:hover {
  color: #D74B00;
}
a.btn-text-link.inline-block {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
a.btn-text-link.color-org {
  color: #D74B00 !important;
}
a.btn-text-link.text-underline {
  text-decoration: underline;
}
a.btn-text-link.text-underline-none {
  text-decoration: none;
}

a.btn-text {
  border-radius: 4px;
  background-color: #fff;
  color: #D74B00 !important;
  border: 1px solid #D74B00;
  font-size: 14px;
  line-height: 25px !important;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 7.5px;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
}
a.btn-text.disabled {
  pointer-events: none;
  border-color: #E9B193 !important;
  color: #E9B193 !important;
}
a.btn-text.mr-0 {
  margin-right: 0;
}
a.btn-text .ico {
  margin-right: 10px;
  width: 16px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}
a.btn-text.sz-xs {
  min-width: 80px;
  line-height: 32px !important;
}
a.btn-text.sz-md {
  line-height: 32px !important;
}
a.btn-text:hover {
  background: #F9F3EA !important;
}
a.btn-text:active {
  background: #D74B00 !important;
  color: white !important;
}
a.btn-text:active svg, a.btn-text:active path, a.btn-text:active rect {
  fill: white !important;
}
a.btn-text.bg-fill {
  background-color: #D74B00;
  color: white !important;
  border: none !important;
}
a.btn-text.bg-fill:hover {
  background: #DF6F33 !important;
}
a.btn-text.bg-fill:hover svg, a.btn-text.bg-fill:hover path, a.btn-text.bg-fill:hover rect {
  fill: #D74B00 !important;
}
a.btn-text.bg-fill:active {
  background: #B03E00 !important;
}
a.btn-text.bg-fill:active svg, a.btn-text.bg-fill:active path, a.btn-text.bg-fill:active rect {
  fill: white !important;
}
a.btn-text.bg-fill[disable] {
  background: #E9B193 !important;
  pointer-events: none;
}
a.btn-text.bg-fill-gray {
  background-color: #D9D9D9;
  color: #303030 !important;
  border: none !important;
}
a.btn-text.bg-fill-gray:hover {
  background: #E7E7E7 !important;
}
a.btn-text.bg-fill-gray:active {
  background: #AEAEAE !important;
}
a.btn-text.bg-fill-gray[disable] {
  background: #f1f1f1 !important;
  color: #ccc !important;
  pointer-events: none;
}
a.btn-text.bg-fill-green {
  background-color: #20B802;
  color: #fff !important;
  border: none !important;
}
a.btn-text.bg-fill-green:hover {
  background: #20B802 !important;
}
a.btn-text.bg-fill-green:active {
  background: #20B802 !important;
}
a.btn-text.bg-fill-green[disable] {
  background: #f1f1f1 !important;
  color: #ccc !important;
  pointer-events: none;
}

a.btn-blankLink.block {
  display: block;
  max-width: 24px;
}
a.btn-blankLink .ico-blank {
  display: inline-block;
  vertical-align: middle;
}

.clipboardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.clipboardWrap .btn-blankLink {
  margin-left: 0;
}

a.btn-blank,
a.btn-blankLink {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  border-radius: 3px;
  margin-left: 5px;
}
a.btn-blank:hover .ico-blank, a.btn-blank:active .ico-blank, a.btn-blank[disable] .ico-blank,
a.btn-blankLink:hover .ico-blank,
a.btn-blankLink:active .ico-blank,
a.btn-blankLink[disable] .ico-blank {
  background-image: url(../images/icon-blank-hover.svg);
}
a.btn-blank:hover,
a.btn-blankLink:hover {
  background-color: #D74B00;
}
a.btn-blank:active,
a.btn-blankLink:active {
  background-color: #B03E00;
}
a.btn-blank[disable],
a.btn-blankLink[disable] {
  pointer-events: none;
  background-color: #D9D9D9;
}

.wrap-block {
  min-height: 30px;
  margin-bottom: 20px;
}
.wrap-block div.align-right {
  float: right;
}
.wrap-block::after {
  content: "";
  display: block;
  clear: both;
}

.ico-blank {
  width: 24px;
  height: 24px;
  background: url(../images/icon-blank.svg) no-repeat center;
  background-size: 120% auto;
  vertical-align: middle;
}

.clipboard {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  color: #424242;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  padding-left: 3px;
  padding-right: 2px;
  text-align: left;
  min-width: 100px;
}
.clipboard.clipped {
  -webkit-animation: clipped 0.8s ease;
          animation: clipped 0.8s ease;
}

@-webkit-keyframes clipped {
  0% {
    background-color: none;
  }
  20%, 60% {
    color: white;
    background-color: #D74B00;
  }
  100% {
    background-color: none;
  }
}

@keyframes clipped {
  0% {
    background-color: none;
  }
  20%, 60% {
    color: white;
    background-color: #D74B00;
  }
  100% {
    background-color: none;
  }
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li::after {
  display: inline-block;
  content: " > ";
  display: inline-block;
  margin: 0 10px;
}
.breadcrumb li:last-child::after {
  display: none;
}
.breadcrumb a:hover {
  color: #D74B00;
  text-decoration: underline;
}
.breadcrumb a, .breadcrumb span {
  color: #424242;
  font-size: 18px;
  line-height: 27px;
  text-decoration: none;
}
.breadcrumb li.active a {
  color: #D74B00;
  font-weight: bold;
}
.breadcrumb li.active a:hover {
  text-decoration: underline;
}

.collapse-gorup {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #D9D9D9;
}
.collapse-gorup:last-child {
  margin-bottom: 0;
  border-color: transparent;
}
.collapse-gorup .collapse-tool {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 20;
}
.collapse-gorup.has-btn {
  padding-right: 100px;
}
.collapse-gorup .collapse-tool {
  position: absolute;
  top: 10px;
  right: 0;
}

a.collapse-btn {
  position: relative;
  padding: 10px 0;
  display: block;
  color: #424242;
  font-size: 16px;
  line-height: 27px;
  font-weight: bold;
  text-decoration: none;
}
a.collapse-btn.has-btns {
  padding-right: 100px;
}
a.collapse-btn .ico-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
a.collapse-btn[aria-expanded=true] .ico-arrow {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}

.ico-arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 14.5L10.1702 6.5L2 14.5" stroke="%23424242" stroke-width="2"/></svg>') no-repeat center top;
  vertical-align: top;
  margin-top: 3px;
}

.collapse-content {
  overflow: hidden;
}
.collapse-content .info-row {
  padding: 0;
  margin-left: -10px;
  margin-right: -10px;
}

main {
  display: block;
  width: 100%;
}
main.body-y-padding1 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.form-group div.border-left {
  position: relative;
}
.form-group div.border-left:before {
  display: block;
  content: "";
  position: absolute;
  top: -20px;
  left: -12px;
  bottom: -45px;
  width: 1px;
  background-color: #D9D9D9;
}
.form-group div.border-left.color-black::before {
  background-color: #707070;
}
.form-group div.modal-border-left {
  position: relative;
}
.form-group div.modal-border-left:before {
  display: block;
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  bottom: -45px;
  width: 1px;
  background-color: #D9D9D9;
}
.form-group div.modal-border-left.color-black::before {
  background-color: #707070;
}

.main-container {
  padding: 0 30px;
  margin-top: 25px;
}
.main-container.p-0 {
  padding: 0;
}
.main-container > .row {
  width: 100%;
}
.main-container div.border-left {
  position: relative;
}
.main-container div.border-left:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  width: 1px;
  height: 100%;
  background-color: #D9D9D9;
}
.main-container div.border-left.color-black::before {
  background-color: #707070;
}
.main-container div.space-line {
  position: relative;
  margin-left: -18px;
  margin-right: -18px;
}
.main-container div.space-line > * {
  position: relative;
  padding: 0 18px;
  padding-bottom: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-container div.space-line > * .form-btns {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-container div.space-line:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #707070;
}

.main-header.border-bottom-none {
  border-bottom: none;
}

.checkbox-button {
  display: block;
}
.checkbox-button input[type=checkbox] {
  width: 20px;
  height: 20px;
  border-color: #707070;
  border-radius: 4px;
}

.custom-tabs .nav-link {
  color: #949494 !important;
  background: #D9D9D9 !important;
  border-color: #ccc !important;
  border-bottom: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-transform: none !important;
  padding: 10px 15px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  min-width: 100px;
}
.custom-tabs .nav-link.sz-min-sm {
  min-width: 200px;
}
.custom-tabs .nav-item.show .nav-link, .custom-tabs .nav-link.active {
  color: #424242 !important;
  font-weight: bold;
  border: 1px solid #ccc;
  border-color: #ccc !important;
  border-bottom: none !important;
  background-color: #fff !important;
}
.custom-tabs .nav-item.show .nav-link:not(:first-child), .custom-tabs .nav-link.active:not(:first-child) {
  border-left: none !important;
}

.custom-tab-content {
  border: 1px solid #ccc;
  padding: 30px;
}

.custom-tabs-fill {
  margin-bottom: 20px;
}
.custom-tabs-fill .nav-link {
  color: #949494 !important;
  background: #D9D9D9 !important;
  border: 1px solid #ccc !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 24px !important;
  text-transform: none !important;
  padding: 0 15px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  min-width: 100px;
}
.custom-tabs-fill .nav-item.show .nav-link, .custom-tabs-fill .nav-link.active {
  color: #fff !important;
  background: #D74B00 !important;
}
.custom-tabs-fill .nav-item.show .nav-link:not(:first-child), .custom-tabs-fill .nav-link.active:not(:first-child) {
  border-left: none !important;
}

.custom-tabs-fill-content {
  border: none;
  padding: 0;
}

.mainTitle {
  margin-bottom: 8px;
}
.mainTitle:not(.mainTitle.remove-line)::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 18px;
  background-color: #D74B00;
  vertical-align: middle;
}
.mainTitle h3 {
  display: inline-block;
  color: #424242;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  margin: 0;
  vertical-align: middle;
}
.mainTitle:not(.mainTitle.remove-line) h3 {
  margin-left: 5px;
}
.mainTitle span {
  font-weight: normal !important;
}
.mainTitle span.desc {
  padding-left: 10px;
}
.mainTitle .ico-arrow {
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.mainDesc {
  margin-bottom: 8px;
  color: #424242;
  font-size: 15px;
  line-height: 1.5;
  vertical-align: middle;
}
.mainDesc p {
  margin-bottom: 10px;
}
.mainDesc p.error-msg, .mainDesc b.error-msg {
  display: inline-block;
  color: #FB0909;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  margin-left: 8px;
  margin-right: 10px;
}

.table-overflow-scrollbox {
  overflow-x: scroll;
  overflow-y: auto;
  height: 240px;
}
.table-overflow-scrollbox.empty {
  height: auto !important;
}
.table-overflow-scrollbox.hidden {
  overflow: hidden;
}
.table-overflow-scrollbox.height-auto {
  height: auto;
}
.table-overflow-scrollbox.height-500 {
  height: 500px;
}
.table-overflow-scrollbox.height-sm {
  height: 120px;
}
.table-overflow-scrollbox.height-md {
  height: 160px;
}
.table-overflow-scrollbox.height-xl {
  height: 200px;
}

.main-block {
  margin-bottom: 30px;
}
.main-block.mb-0 {
  margin-bottom: 0;
}

.main-group div.align-right {
  text-align: right;
}

.bottom-navigation {
  position: relative;
  z-index: 200;
  padding: 10px 15px;
  padding-top: 10px;
  text-align: left;
  overflow: hidden;
  background: #fff;
}
.bottom-navigation.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 70px;
  z-index: 200;
}
.bottom-navigation a.btn-text {
  line-height: 24px !important;
  min-width: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottom-navigation .hr-line {
  margin-left: -25px;
  margin-right: -25px;
}
.bottom-navigation div.align-right {
  text-align: right;
}

.hr-line {
  margin: 20px 0;
  height: 1px;
  background-color: #D9D9D9;
}
.hr-line.mt-10 {
  margin-top: 10px;
}
.hr-line.mb-0 {
  margin-bottom: 0;
}
.hr-line.style-black {
  background-color: #707070;
}
.hr-line.overstep-30 {
  margin-left: -30px;
  margin-right: -30px;
}

.btns-group.align-right {
  text-align: right;
}
.btns-group a {
  margin-left: 10px;
}
.btns-group .border-right-line {
  position: relative;
  margin-right: 15px;
  padding-right: 15px;
}
.btns-group .border-right-line::after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  width: 1px;
  height: 30px;
  background-color: #797979;
}
.btns-group .border-right-line-sm {
  position: relative;
  margin-right: 15px;
}
.btns-group .border-right-line-sm::after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  width: 1px;
  height: 25px;
  background-color: #797979;
}

.form-group.mb-0 {
  margin-bottom: 0;
}
.form-group.mb-2 {
  margin-bottom: 30px;
}
.form-group .px-10 {
  padding: 0 10px;
}
.form-group .row {
  margin-bottom: 13px !important;
}
.form-group .row.mb-0 {
  margin-bottom: 0 !important;
}
.form-group .form-title {
  font-weight: bold;
  color: #424242;
  font-size: 14px;
  line-height: 25px;
}
.form-group .form-title.pt-2 {
  padding-top: 10px;
}
.form-group .form-title.weight-normal {
  font-weight: normal;
}
.form-group .form-title.highlight {
  color: red;
}
.form-group .form-title p {
  margin: 0;
}
.form-group .form-txt {
  color: #303030;
  font-size: 14px;
  line-height: 1.5;
}

strong.highlight {
  color: red;
}

.custom-radio {
  display: inline-block;
  margin-right: 5px;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
}
.custom-radio .icon {
  position: absolute;
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  background-color: #fff;
  border-radius: 50%;
}
.custom-radio .icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
}
.custom-radio input {
  display: none;
}
.custom-radio input:checked + .icon::before {
  border: none;
}
.custom-radio input:checked + .icon {
  background-color: #D74B00;
  border-color: #D74B00;
}
.custom-radio input:checked ~ .input-wrap {
  display: inline-block;
  min-width: 110px;
  max-width: 180px;
  vertical-align: middle;
}
.custom-radio .input-wrap {
  display: none;
}

.custom-textarea {
  width: 100%;
  max-height: 80px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  border-width: 1px;
  border-color: #707070;
}

.form-group > .row {
  margin-bottom: 10px;
}

.custom-radioGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.custom-radioGroup.fixed-5 .group {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.custom-radioGroup > .group:nth-child(1) {
  min-width: 130px;
}

.btns-inlineblock {
  position: relative;
  z-index: 20;
  display: inline-block;
  margin-bottom: -5px;
  vertical-align: middle;
}
.btns-inlineblock.full-width {
  display: block;
  width: 100%;
}
.btns-inlineblock.align-center {
  text-align: center;
}
.btns-inlineblock a.btn-text {
  display: inline-block;
  margin: 0 5px 5px;
}

.btn-primary {
  --mdb-btn-bg: #D74B00 !important;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #D74B00 !important;
  --mdb-btn-hover-bg: #DF6F33 !important;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #DF6F33 !important;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #B03E00 !important;
  --mdb-btn-active-color: #B03E00 !important;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(#E9B193,0.3),0 4px 18px 0 rgba(#E9B193,0.2) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-transform: none !important;
  font-size: 14px !important;
  padding: 5px 10px !important;
  line-height: 22px !important;
}
.btn-primary.h25 {
  font-size: 14px;
  line-height: 1 !important;
  height: 25px;
}

.btn-secondary {
  --mdb-btn-bg: #D9D9D9 !important;
  --mdb-btn-color: #303030 !important;
  --mdb-btn-box-shadow: 0 4px 9px -4px #E7E7E7 !important;
  --mdb-btn-hover-bg: #E7E7E7 !important;
  --mdb-btn-hover-color: #303030 !important;
  --mdb-btn-focus-bg: #AEAEAE !important;
  --mdb-btn-focus-color: #AEAEAE !important;
  --mdb-btn-active-bg: #F9F3EA !important;
  --mdb-btn-active-color: #AEAEAE !important;
  text-transform: none !important;
  font-size: 14px !important;
  padding: 5px 10px !important;
  line-height: 22px !important;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: white !important;
}

.btn-close {
  opacity: 1 !important;
  width: 22px;
  height: 22px;
  background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.22168 18.7783L18.778 3.22197" stroke="%23303030" stroke-width="2"/><path d="M3.22168 3.22168L18.778 18.778" stroke="%23303030" stroke-width="2"/></svg>') no-repeat center center !important;
  background-size: contain;
}

.modal-header .btn-close {
  border-radius: 0;
}
.modal-header .btn-close:hover, .modal-header .btn-close:focus {
  background-color: #D74B00 !important;
  background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.22168 18.7783L18.778 3.22197" stroke="%23FFFFFF" stroke-width="2"/><path d="M3.22168 3.22168L18.778 18.778" stroke="%23FFFFFF" stroke-width="2"/></svg>') !important;
}
.modal-header .btn-close:active {
  background-color: #B03E00 !important;
}

.modal-body div.border-left {
  position: relative;
}
.modal-body div.border-left:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #D9D9D9;
}
.modal-body div.border-left.color-black::before {
  background-color: #707070;
}

.modal-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #000000;
}

.modal-header {
  border-bottom: none !important;
  padding: 24px 30px 10px !important;
}

.modal-footer-link {
  color: #424242;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  text-align: right;
  display: inline-block;
  padding: 8px 0;
}
.modal-footer-link:hover {
  color: #424242;
}

.overflow-btns {
  margin: 0 -15px;
}

.modal-footer {
  display: block !important;
  border-top: none !important;
  padding: 10px 20px 20px !important;
}
.modal-footer.style-2 {
  padding: 10px 10px 20px !important;
}
.modal-footer.pt-100 {
  padding-top: 100px !important;
}
.modal-footer.p-0 {
  padding: 0 !important;
}
.modal-footer.align-right {
  text-align: right;
}
.modal-footer .group {
  display: inline-block;
  vertical-align: middle;
}
.modal-footer .group.border-left::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 32px;
  background-color: #424242;
  vertical-align: middle;
  margin: 5px 0;
}
.modal-footer .group.border-right::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 32px;
  background-color: #424242;
  vertical-align: middle;
  margin: 5px 0;
}
.modal-footer .group::after {
  display: inline-block;
  content: "";
  clear: both;
}
.modal-footer::after {
  display: block;
  content: "";
  clear: both;
}
.modal-footer .btn {
  float: right;
  min-width: 80px;
  margin: 5px;
}
.modal-footer .btn.float-left {
  float: left;
}
.modal-footer .select-option {
  float: right;
  min-width: 120px;
  margin: 3px;
}
.modal-footer .select-option .select-wrap {
  width: 100%;
}
.modal-footer .select-option.float-left {
  float: left;
}

.modal-body {
  padding: 10px 30px 0 !important;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal-body.pb-30 {
  padding-bottom: 30px !important;
}

.modal-text {
  color: #303030;
  font-size: 14px;
  line-height: 18px;
}
.modal-text.mb-0 {
  margin-bottom: 0;
}
.modal-text.align-middle {
  vertical-align: middle;
}
.modal-text .highlight {
  color: #D74B00;
}
.modal-text a {
  color: #D74B00;
  text-decoration: underline;
}
.modal-text ol li, .modal-text ul li {
  padding-bottom: 8px;
}

.main-message-note {
  font-size: 14px;
  line-height: 1.5;
}
.main-message-note.text-right {
  text-align: right;
}

.form-message-note {
  padding: 15px 20px;
  background-color: #F9F3EA;
  margin-bottom: 20px;
  min-height: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-message-note.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.form-message-note b.highlight {
  color: red;
  font-weight: bold;
}
.form-message-note span.text-hightlight {
  color: #D74B00;
  font-weight: bold;
}
.form-message-note.remove-style {
  padding: 0;
  margin: 0;
  background: transparent;
  margin-bottom: 12px;
}
.form-message-note.mb-0 {
  margin-bottom: 0;
}
.form-message-note.min-height-auto {
  min-height: auto;
}
.form-message-note.min-height-xs {
  min-height: 30px;
  padding-bottom: 10px;
}
.form-message-note.min-height-sm {
  min-height: 100px;
}
.form-message-note.min-height-sm2 {
  min-height: 130px;
}
.form-message-note .title, .form-message-note .text, .form-message-note a {
  margin: 0;
  margin-bottom: 10px;
  color: #424242;
  font-size: 14px;
  line-height: 1.5;
}
.form-message-note a {
  display: inline-block;
  text-decoration: underline;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.form-message-note a:hover {
  color: #D74B00;
}
.form-message-note .title {
  font-weight: bold;
}

.form-btns.align-right {
  text-align: right;
}
.form-btns .btn-text-link {
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.form-btns .btn-text-link:hover {
  color: #D74B00;
}

.form-text {
  color: #424242 !important;
}
.form-text.inline-block {
  display: inline-block;
}

.form-group {
  margin-bottom: 14px;
}
.form-group .form-subTitle {
  color: #424242;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
}
.form-group .form-text {
  color: #424242;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.form-group .form-text + .form-text {
  margin-top: 10px;
}

.custom-datapicker {
  max-width: 194px;
  border-color: #424242 !important;
  color: #424242;
}

.datePickerWrap {
  max-width: 580px;
}
.datePickerWrap .row {
  margin-bottom: 0 !important;
}
.datePickerWrap .row > div::after {
  content: "";
  clear: both;
  display: block;
}
.datePickerWrap span.title {
  display: inline-block;
  font-weight: bold;
  float: left;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 14px;
  line-height: 30px;
}
.datePickerWrap label, .datePickerWrap .datepickerBox {
  display: inline-block;
  vertical-align: middle;
}
.datePickerWrap .datepickerBox {
  padding-right: 30px;
  position: relative;
}
.datePickerWrap .ico-calendar {
  position: absolute;
  top: 0;
  right: 0;
}

.datepickerBox {
  position: relative;
  max-width: 234px;
}
.datepickerBox span, .datepickerBox p {
  margin: 3px 0;
  display: block;
  font-size: 14px;
  line-height: 1.5;
}
.datepickerBox:after {
  content: "";
  clear: both;
  display: block;
}
.datepickerBox input {
  float: left;
  width: 100%;
  max-width: 194px;
  border: 1px solid #707070;
  border-radius: 4px;
  height: 30px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 10px;
  font-size: 14px;
}
.datepickerBox .icon-date {
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/icon-date.svg) no-repeat center;
  background-size: 18px auto;
}

.form-check {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.form-check .form-text {
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
}

.form-check-input[type=checkbox]:checked {
  background-color: #D74B00 !important;
  border-color: #D74B00 !important;
}

.form-check-input:checked:focus:before {
  -webkit-box-shadow: 0 0 0 13px #D74B00 !important;
          box-shadow: 0 0 0 13px #D74B00 !important;
}

.datepicker-top-left, .datepicker-top-right {
  border-top-color: #D74B00;
}

.datepicker-top-left:before, .datepicker-top-right:before {
  border-bottom-color: #D74B00;
}

.datepicker-bottom-left, .datepicker-bottom-right {
  border-bottom-color: #D74B00;
}

.datepicker-bottom-left:before, .datepicker-bottom-right:before {
  border-top-color: #D74B00;
}

.datepicker-panel > ul > li:hover {
  background-color: rgba(233, 177, 147, 0.3);
}

.datepicker-panel > ul > li.highlighted {
  background-color: rgba(233, 177, 147, 0.3);
}
.datepicker-panel > ul > li.highlighted:hover {
  background-color: #DF6F33;
}

.datepicker-panel > ul > li.picked {
  color: white;
  background-color: #DF6F33;
}

.datepicker-panel > ul > li.picked:hover {
  color: #333;
}

.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgba(233, 177, 147, 0.3);
}

.search-block {
  display: inline-block;
  vertical-align: middle;
  max-width: 260px;
}
.search-block.width-full {
  max-width: 100%;
  width: 100%;
  display: block;
}
.search-block.width-md {
  max-width: 170px;
}
.search-block.sz-sm .form-control {
  font-size: 14px !important;
  line-height: 20px !important;
}
.search-block input[type=search] {
  border-color: #707070;
  font-size: 15px;
  border-radius: 4px;
  padding-left: 30px;
  line-height: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M18.0742 17.3322L13.9871 13.2451C14.8358 12.2342 15.3474 10.9301 15.3474 9.50745C15.3474 6.28771 12.7267 3.66699 9.50696 3.66699C6.28722 3.66699 3.6665 6.28771 3.6665 9.50745C3.6665 12.7272 6.28722 15.3479 9.50696 15.3479C10.6863 15.3479 11.7783 14.9922 12.7017 14.3932L16.8575 18.5489C17.0259 18.7174 17.2443 18.7985 17.469 18.7985C17.6936 18.7985 17.912 18.7174 18.0805 18.5489C18.4174 18.212 18.4174 17.6629 18.0805 17.3322H18.0742ZM9.50696 13.6257C7.23567 13.6257 5.38869 11.7787 5.38869 9.50745C5.38869 7.23616 7.23567 5.38918 9.50696 5.38918C11.7783 5.38918 13.6252 7.23616 13.6252 9.50745C13.6252 11.7787 11.7783 13.6257 9.50696 13.6257Z" fill="%23D9D9D9"/></svg>') no-repeat 3px center;
}
.search-block input[type=search]::-webkit-input-placeholder {
  color: #D9D9D9;
}
.search-block input[type=search]::-moz-placeholder {
  color: #D9D9D9;
}
.search-block input[type=search]:-ms-input-placeholder {
  color: #D9D9D9;
}
.search-block input[type=search]::-ms-input-placeholder {
  color: #D9D9D9;
}
.search-block input[type=search]::placeholder {
  color: #D9D9D9;
}
.search-block input[type=search]:focus {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M18.0742 17.3322L13.9871 13.2451C14.8358 12.2342 15.3474 10.9301 15.3474 9.50745C15.3474 6.28771 12.7267 3.66699 9.50696 3.66699C6.28722 3.66699 3.6665 6.28771 3.6665 9.50745C3.6665 12.7272 6.28722 15.3479 9.50696 15.3479C10.6863 15.3479 11.7783 14.9922 12.7017 14.3932L16.8575 18.5489C17.0259 18.7174 17.2443 18.7985 17.469 18.7985C17.6936 18.7985 17.912 18.7174 18.0805 18.5489C18.4174 18.212 18.4174 17.6629 18.0805 17.3322H18.0742ZM9.50696 13.6257C7.23567 13.6257 5.38869 11.7787 5.38869 9.50745C5.38869 7.23616 7.23567 5.38918 9.50696 5.38918C11.7783 5.38918 13.6252 7.23616 13.6252 9.50745C13.6252 11.7787 11.7783 13.6257 9.50696 13.6257Z" fill="%23424242"/></svg>') no-repeat 3px center;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/></svg>') no-repeat 0 0 !important;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type=search]:focus::-webkit-search-cancel-button {
  opacity: 0.8;
  pointer-events: all;
}

.no-collapsable {
  pointer-events: none;
}
.no-collapsable .ico-arrow {
  display: none;
}

.ico-alert {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M25.6239 21.4712L15.9489 7.17949C15.4906 6.49616 14.4989 6.49616 14.0406 7.17949L4.3739 21.4628C3.84057 22.2545 4.3989 23.3378 5.34057 23.3378H24.6572C25.5989 23.3378 26.1572 22.2628 25.6239 21.4712ZM15.7989 20.2378H14.1906V18.6045H15.7989V20.2378ZM15.7989 16.9712H14.1906V11.2628H15.7989V16.9712Z" fill="%23FB0909"/></svg>') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin-top: -2px;
}

.sidebarContent {
  padding: 0 20px;
  padding-right: 30px;
  background-color: #F5F5F5;
  position: relative;
}
.sidebarContent .contentTitle {
  border-bottom: 1px solid #D9D9D9;
  color: #424242;
  vertical-align: middle;
  margin-left: -20px;
  margin-right: -50px;
}
.sidebarContent .contentTitle::after {
  content: "";
  clear: both;
}
.sidebarContent .contentTitle h2 {
  margin: 0;
  font-size: 16px !important;
  font-weight: bold;
  line-height: 40px !important;
}
.sidebarContent .contentTitle .ico-search {
  float: left;
  width: 40px;
  height: 40px;
  background-position: center center;
  margin-right: 5px;
}
.sidebarContent .contentInner {
  width: 100%;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-contentbox a.contentBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: #F5F5F5 url(../images/ico-switch.svg) no-repeat center center;
  background-size: 20px auto;
  z-index: 20;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.main-contentbox.has-sidebar {
  position: relative;
}
.main-contentbox.has-sidebar::after {
  content: "";
  clear: both;
}
.main-contentbox.has-sidebar .sidebarContentHidden {
  position: relative;
  float: left;
  width: 40px;
  min-height: calc(100vh - 95px);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-contentbox.has-sidebar .sidebarContent {
  width: 375px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.main-contentbox.has-sidebar .contentBox {
  float: left;
  width: calc(100% - 40px);
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-contentbox .form-select, .main-contentbox .form-control {
  width: 100% !important;
}
.main-contentbox .input-wrap, .main-contentbox .select-wrap {
  margin-right: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-contentbox .datepickerBox {
  position: relative;
}
.main-contentbox .datepickerBox .icon-date {
  position: absolute;
  top: 0;
  right: -35px;
}
.main-contentbox .datepickerBox input {
  margin-right: 0;
}
.main-contentbox .datepickerBox + .datepickerBox {
  margin-bottom: 10px;
  margin-top: 10px;
}
.main-contentbox.is-active .sidebarContentHidden {
  width: 375px;
}
.main-contentbox.is-active .contentBox {
  width: calc(100% - 375px);
}
.main-contentbox.is-active .sidebarContent {
  opacity: 1;
  visibility: unset;
}
.main-contentbox.is-active a.contentBtn {
  -webkit-transform: none;
          transform: none;
}
.main-contentbox.is-active .double-scroll-x:nth-child(1) {
  -webkit-box-flex: 70% !important;
      -ms-flex: 70% !important;
          flex: 70% !important;
}
.main-contentbox.is-active .double-scroll-x:nth-child(2) {
  -webkit-box-flex: 30% !important;
      -ms-flex: 30% !important;
          flex: 30% !important;
}

.devices-result .group {
  display: block;
  padding: 10px 20px 12px;
  border: 1px solid #424242;
  margin: 10px 0;
  background-color: #fff;
}
.devices-result .group:hover {
  background-color: #D74B00;
}
.devices-result .group:hover .model {
  color: #D9D9D9;
}
.devices-result .group:hover .number, .devices-result .group:hover .text {
  color: white;
}
.devices-result .group .model {
  color: #707070;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  margin: 0;
}
.devices-result .group .number {
  color: #424242;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  margin: 0;
  margin-bottom: 5px;
}
.devices-result .group .text {
  color: #424242;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  margin: 0;
}

.custom-checkbox {
  vertical-align: middle;
}
.custom-checkbox .form-check {
  position: relative;
  display: block;
  padding-left: 35px;
}

.file-upload input {
  display: none;
}
.file-upload .button {
  padding: 3px 10px;
  color: white;
  font-size: 14px;
  line-height: 25px;
  border-radius: 3px;
  background-color: #D74B00;
  display: inline-block;
  cursor: pointer;
}
.file-upload .button + .text {
  margin-left: 10px;
}
.file-upload .text {
  display: inline-block;
  color: #424242;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
}
.file-upload.h25 .button {
  line-height: 20px;
}
.file-upload.h25 .text {
  line-height: 1;
}

.titleBar .btn-icon {
  float: right;
  margin-right: 0 !important;
}
.titleBar::after {
  content: "";
  clear: both;
  display: block;
}
.titleBar .mainTitle {
  position: relative;
  display: inline-block;
}

.btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 36px;
  height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-icon img {
  display: block;
}

.scrollBox {
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 30px;
}
.scrollBox.height400 {
  height: 400px;
}

.menu a.dropdown-toggle.focus::before {
  opacity: 1;
}

.menu-dropdown .dropdown-toggle:after {
  display: none;
}
.menu-dropdown .dropdown-menu {
  min-width: 310px;
  border: 1px solid #707070;
  border-radius: 0;
}
.menu-dropdown .dropdown-menu li {
  border-radius: 0;
}
.menu-dropdown .dropdown-item {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6.5px 0;
  padding-left: 10px;
  padding-right: 50px;
  font-size: 16px;
  line-height: 32px;
}
.menu-dropdown .dropdown-item .count {
  position: absolute;
  top: 6.5px;
  right: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #D9D9D9;
  color: #424242;
  text-align: center;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}

.menu-small-dropdown .dropdown-toggle:after {
  display: none;
}
.menu-small-dropdown .dropdown-menu {
  min-width: 150px;
  border: 1px solid #707070;
  border-radius: 5px;
}
.menu-small-dropdown .dropdown-menu li {
  border-radius: 0;
  padding: 0;
}
.menu-small-dropdown .dropdown-item {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  padding: 10px;
}

.menu-dropdown.dropdown .dropdown-menu,
.menu-small-dropdown.dropdown .dropdown-menu {
  display: none;
}

.menu-dropdown .dropdown-toggle.focus {
  font-weight: bold;
}

.menu-dropdown .dropdown-toggle[aria-expanded=true] + .dropdown-menu.show {
  margin-top: -2px !important;
  margin-left: 2px !important;
}

.menu-small-dropdown .dropdown-toggle[aria-expanded=true] + .dropdown-menu.show {
  margin-top: 4px !important;
  margin-left: 5px !important;
}

.menu-dropdown.dropdown:hover > .dropdown-menu,
.menu-small-dropdown.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0;
  margin-left: 0.125em;
}

.menu-small-dropdown.dropdown .dropdown-menu {
  left: unset;
  right: -5px;
  margin-top: 6px !important;
}
.menu-small-dropdown.dropdown .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
}

.dropend:hover > .dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
}

.dropend .dropdown-toggle {
  margin-left: 0.5em;
}

.btn-sort {
  display: inline-block;
  float: right;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.btn-sort.asc path {
  fill: #a2a2a2;
}
.btn-sort.asc path.asc {
  fill: #707070 !important;
}
.btn-sort.desc path {
  fill: #a2a2a2;
}
.btn-sort.desc path.desc {
  fill: #707070 !important;
}

.tooltip-inner {
  font-size: 12px !important;
  padding: 5px 8px !important;
}

@media (-webkit-min-device-pixel-ratio: 1.5) {
  body {
    min-width: 1000px;
  }
  .side-contentbox.style1 .side-left {
    width: calc(100% - 301px);
    padding: 24px 15px;
  }
  .side-contentbox.style1 .side-right {
    width: 300px;
    padding: 20px 15px;
  }
  .table-wrap .td {
    padding: 8px 7px;
  }
}
.input-editbox.isOnlyRead .form-control {
  border: none;
  background: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.input-editbox.isOnlyRead .form-control:focus, .input-editbox.isOnlyRead .form-control:active {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-check-input {
  border-width: 1px !important;
  border-color: #707070 !important;
}

.form-check-input.disable {
  pointer-events: none;
  opacity: 0.5;
}

.form-check-input[type=checkbox] {
  position: absolute;
  top: 0.3rem;
  margin-top: 0;
}
.form-check-input[type=checkbox]:after {
  top: 1px;
  left: 1px;
}

.form-check-input.all[type=checkbox]:before {
  display: none;
}

.form-check-input.all[type=checkbox]:checked:after {
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 2px;
  margin-top: 2px;
  margin-left: 2px;
  -webkit-transform: none;
          transform: none;
}

.btn-upload-label {
  display: block;
}
.btn-upload-label input {
  display: none;
}
.btn-upload-label span {
  display: inline-block;
  color: white;
  font-size: 14px;
  line-height: 1;
  padding: 5px 8px;
  background-color: #D74B00;
  border-radius: 3px;
  cursor: pointer;
}

.upload-file {
  color: #D74B00;
  font-size: 14px;
  line-height: 27px;
  text-decoration: underline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.upload-file .file-delete {
  position: absolute;
  top: 3px;
  right: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.upload-file .file-delete:hover path {
  stroke: #D74B00;
}

.table-overflow-scrollbox.pl-300 {
  position: relative;
}

.table-wrap.two-columns-fixed .tr {
  cursor: pointer;
}
.table-wrap.two-columns-fixed .tr:hover, .table-wrap.two-columns-fixed .tr.highlight {
  background-color: #EEEEEE;
}
.table-wrap.two-columns-fixed .tr.bottom-line {
  border-bottom: 1px solid #D9D9D9;
}

.table-wrap.two-columns-fixed .tr.sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}

.table-wrap.two-columns-fixed .tr .th {
  border-color: #fff;
}

.table-wrap.two-columns-fixed .first-sticky {
  background-color: #D9D9D9;
  position: sticky;
  top: 0;
  z-index: 200;
}

.table-wrap.two-columns-fixed .first-sticky .th.w-sticky.fixed {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}

.table-wrap.two-columns-fixed .w-sticky {
  position: sticky;
  left: 0;
  z-index: 20;
}

.table-wrap.two-columns-fixed .icon-check {
  display: inline-block;
  vertical-align: middle;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.table-wrap.two-columns-fixed > .tr {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  vertical-align: middle;
  height: 100%;
}
.table-wrap.two-columns-fixed > .tr.first-sticky:hover div.w-sticky, .table-wrap.two-columns-fixed > .tr.first-sticky:hover div.th:not(.yellow-bg) {
  background-color: #D9D9D9 !important;
}
.table-wrap.two-columns-fixed > .tr:hover div.w-sticky {
  background-color: #EEEEEE;
}
.table-wrap.two-columns-fixed .table-wrap {
  height: 100%;
}
.table-wrap.two-columns-fixed .table-wrap > .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.table-wrap.two-columns-fixed div.w-sticky {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  max-width: 320px;
  min-width: 300px;
  padding: 0;
  background-color: #fff;
}
.table-wrap.two-columns-fixed div.w-sticky::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid #fff;
  -webkit-box-shadow: 1px 0 0 0 #AEAEAE, -1px 0 0 0 #AEAEAE;
          box-shadow: 1px 0 0 0 #AEAEAE, -1px 0 0 0 #AEAEAE;
}
.table-wrap.two-columns-fixed div.w-sticky .th, .table-wrap.two-columns-fixed div.w-sticky td {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table-wrap.two-columns-fixed div.w-sticky .th {
  background-color: #D9D9D9;
}
.table-wrap.two-columns-fixed div.w-sticky + .th {
  border-left: none;
}
.table-wrap.two-columns-fixed div.w-sticky + .th, .table-wrap.two-columns-fixed div.w-sticky + .td {
  padding-left: 12px;
  padding-right: 12px;
}

.table-wrap.first-columns-fixed .tr, .table-wrap.two-columns-fixed .tr {
  cursor: pointer;
}
.table-wrap.first-columns-fixed .tr:hover, .table-wrap.first-columns-fixed .tr.highlight, .table-wrap.two-columns-fixed .tr:hover, .table-wrap.two-columns-fixed .tr.highlight {
  background-color: #EEEEEE;
}

.table-wrap.first-columns-fixed .thead .tr > .th:nth-child(2) {
  border-left: none;
}

.table-wrap.first-columns-fixed .tr > .th.first-column {
  position: relative;
}
.table-wrap.first-columns-fixed .tr > .th.first-column:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 1px;
  width: 2px;
  height: 100%;
  background-color: #fff;
  z-index: 10;
}

.word-break-all {
  word-break: break-all;
  white-space: normal;
}

.table-wrap.first-columns-fixed .td {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  overflow: auto;
  min-width: 0;
}

.table-wrap.first-columns-fixed .tr.sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}

.table-wrap.first-columns-fixed .tr.sticky .th:nth-child(2) {
  border-color: #D9D9D9;
}

.tr.sticky,
.table-wrap.first-columns-fixed .th.sticky:not(.hideBorder),
.table-wrap.first-columns-fixed .tr.sticky {
  position: sticky;
  left: 0;
  background: #D9D9D9;
}

.table-wrap.first-columns-fixed .th.sticky {
  -webkit-box-shadow: 0 1px 1px #fff;
          box-shadow: 0 1px 1px #fff;
}

.th.yellow-bg,
.th.yellow-bg:nth-child(2),
.td.yellow-bg {
  background: #FFE9C8 !important;
  -webkit-box-shadow: 0 1px 1px #fff;
          box-shadow: 0 1px 1px #fff;
}
.th.yellow-bg:hover,
.th.yellow-bg:nth-child(2):hover,
.td.yellow-bg:hover {
  background: #FFE9C8;
}

.tr.th-style1 .th.yellow-bg:nth-child(1) {
  border-color: transparent !important;
}

.tr.th-style1 .th.yellow-bg:nth-child(2) {
  border-color: #fff !important;
}

.th.yellow-light-bg,
.td.yellow-light-bg {
  background: #F9F3EA !important;
  -webkit-box-shadow: 0 1px 1px #fff;
          box-shadow: 0 1px 1px #fff;
}

.th.green-bg,
.td.green-bg {
  background: #C3EFD7 !important;
  -webkit-box-shadow: 0 1px 1px #fff;
          box-shadow: 0 1px 1px #fff;
}

.th.green-light-bg,
.td.green-light-bg {
  background: #EDFAF2 !important;
  -webkit-box-shadow: 0 1px 1px #fff;
          box-shadow: 0 1px 1px #fff;
}

.table-wrap.first-columns-fixed .th.sticky {
  border-bottom: 1px solid #fff;
}

.table-wrap.first-columns-fixed .th.sticky.hideBorder {
  position: relative;
  border-bottom: none;
}

.table-wrap.first-columns-fixed .tr {
  border-bottom: 1px solid #D9D9D9;
}

.table-wrap.first-columns-fixed .tr:nth-child(1).th.sticky:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 1px;
  width: 2px;
  height: 100%;
  background-color: #fff;
  z-index: 10;
}

.table-wrap.first-columns-fixed .th.sticky:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #fff;
  z-index: 10;
}

.double-scroll-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 600px;
}

.double-scroll-x {
  white-space: nowrap;
  -webkit-box-flex: 50% !important;
      -ms-flex: 50% !important;
          flex: 50% !important;
}
.double-scroll-x:nth-child(1) {
  border-right: 1px solid #AEAEAE;
}
.double-scroll-x:nth-child(2) {
  border-left: 1px solid #AEAEAE;
  margin-left: 1px;
}

.resizable {
  resize: horizontal;
  overflow: auto;
}
.resizable:nth-child(1)::-webkit-scrollbar {
  -ms-overflow-style: none;
}

.card-container {
  margin: 15px;
}

.card-wrap {
  padding: 30px;
  border: 1px solid #CCCCCC;
}

.ms-choice > div.icon-caret {
  border-color: #424242 transparent transparent transparent;
  border-width: 7px 5px 0 5px;
}

.ms-choice > div.icon-caret.open {
  border-color: transparent transparent #424242 transparent;
  border-width: 0 5px 7px 5px;
}

.title-total {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  padding-right: 19.5px;
  border-right: 1px solid #707070;
  margin-right: 19.5px;
}

.main-header.fixed {
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}

.bottom-fixed {
  -webkit-box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.1);
}

.side-contentbox.style4 {
  height: calc(100vh - 167px);
  margin-bottom: 70px;
}
.side-contentbox.style4 .side-left .collapse-gorup {
  border-bottom: none;
}
.side-contentbox.style4 .side-left .collapse-btn {
  background-color: #707070;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 10px;
  color: white;
}
.side-contentbox.style4 .side-left .collapse-btn .ico-arrow {
  background: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 14.5L10.1702 6.5L2 14.5" stroke="%23FFFFFF" stroke-width="2"/></svg>') no-repeat center top;
}
.side-contentbox.style4 .side-left .info-row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.side-contentbox.style4 .side-left .info-row .info-col {
  padding: 5px 10px 5px 10px;
}
.side-contentbox.style4 .side-left .info-row .info-col:nth-child(1) {
  background-color: #F5F5F5;
}
.side-contentbox.style4 .side-left .info-row h3 {
  margin: 0;
}

.item-checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.item-checkbox-group .form-check-input {
  position: relative;
  margin-top: -10px;
}

.scrollbar-innerbox {
  margin-left: -15px;
  margin-right: -15px;
  height: 100%;
  overflow: hidden;
}

.scrollbar-inner {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.scrollbar-inner > .scroll-element.scroll-y {
  width: 4px;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #707070;
}

.scrollbar-inner > .scroll-element.scroll-y {
  right: 0;
}

.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 0;
}

.scrollbar-inner > .scroll-element.scroll-x {
  display: none;
}

.main-header.fixed {
  position: relative;
  z-index: 200;
}
.main-header.fixed .container {
  max-height: 30px;
}

.multipleSelect .ms-choice {
    position: relative;
    height: 30px;
    border-color: #707070;
}

.multipleSelect .placeholder {
    background: transparent;
    cursor: pointer !important;
}

.multipleSelect .ms-drop ul {
    display: inline-block;
    padding-top: 10px;
}

.multipleSelect .ms-drop li {
    display: block;
    position: relative;
    height: auto;
    min-height: 0;
    padding: 5px;
    vertical-align: middle;
}

.multipleSelect .ms-drop span {
    color: #303030;
    font-size: 15px;
    line-height: 16px;
}

.multipleSelect .ms-drop label {
    position: relative;
    padding-left: 35px;
    display: inline-block;
}

.multipleSelect input[type=checkbox] {
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    margin-left: -30px;
    margin-top: -2px;
}

    .multipleSelect input[type=checkbox]:checked {
        background-color: #D74B00;
        border-color: #D74B00;
    }

        .multipleSelect input[type=checkbox]:checked::before {
            content: " ";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3e%3cpath d='M6 10.3979L10 14.087L16 8' stroke='white' stroke-width='2'/%3e%3c/svg%3e");
            background-position: center;
            background-size: 120% autos;
        }

.ms-choice > div.icon-caret {
    border-color: #424242 transparent transparent transparent;
    border-width: 7px 5px 0 5px;
}

    .ms-choice > div.icon-caret.open {
        border-color: transparent transparent #424242 transparent;
        border-width: 0 5px 7px 5px;
    }

.title-total {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    padding-right: 19.5px;
    border-right: 1px solid #707070;
    margin-right: 19.5px;
}

.spinner {
    width: 90px;
    height: 90px;
    display: inline-block;
    border: 10px solid #FAFAFA;
    border-left-color: #F77530;
    border-radius: 50%;
    -webkit-animation: rotate 1000ms infinite linear;
    animation: rotate 1000ms infinite linear;
    margin: 0 auto 10px
}

.spinner-txt {
    display: block;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.5;
    text-align: center
}

.orange {
    color: #d74b00;
}

.gsslink {
    color: white !important;
}

.ico-btn {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

    .ico-btn:hover {
        text-decoration: none;
    }

.ico-close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.34302 13.6567L13.6567 2.34303' stroke='%23303030' stroke-width='1.4'/><path d='M2.34302 2.34326L13.6567 13.657' stroke='%23303030' stroke-width='1.4'/></svg>");
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: 90% auto;
}

.photo-group {
    font-size: 14px;
}