@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: top;
  background: transparent;
}

html {
  touch-action: manipulation;
  -ms-touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

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

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Black.eot");
  src: url("../fonts/Lato-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Black.woff2") format("woff2"), url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.ttf") format("truetype"), url("../fonts/Lato-Black.svg#Lato-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Bold.eot");
  src: url("../fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype"), url("../fonts/Lato-Bold.svg#Lato-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Heavy.eot");
  src: url("../fonts/Lato-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Heavy.woff2") format("woff2"), url("../fonts/Lato-Heavy.woff") format("woff"), url("../fonts/Lato-Heavy.ttf") format("truetype"), url("../fonts/Lato-Heavy.svg#Lato-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Light.eot");
  src: url("../fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Light.woff2") format("woff2"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype"), url("../fonts/Lato-Light.svg#Lato-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Medium.eot");
  src: url("../fonts/Lato-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Medium.woff2") format("woff2"), url("../fonts/Lato-Medium.woff") format("woff"), url("../fonts/Lato-Medium.ttf") format("truetype"), url("../fonts/Lato-Medium.svg#Lato-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Regular.eot");
  src: url("../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype"), url("../fonts/Lato-Regular.svg#Lato-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Semibold.eot");
  src: url("../fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato-Semibold.woff") format("woff"), url("../fonts/Lato-Semibold.ttf") format("truetype"), url("../fonts/Lato-Semibold.svg#Lato-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: Lato, sans-serif, YuGothic, "游ゴシック体", "Yu Gothic Medium", Meiryo, "游ゴシック Medium", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic";
  color: #585E68;
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-size: 14px;
  word-wrap: break-word;
  line-height: 1.2;
}

/** --a-- **/
a {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  text-decoration: none;
  color: #565C67;
}
a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media (max-width: 767px) {
  .sp-only {
    display: block;
  }
}

/** --img-- **/
img {
  max-width: 100%;
  vertical-align: middle;
}

/** --ul-- **/
ul {
  margin: 0;
  list-style: none;
}

iframe {
  width: 100%;
}

/** common ***/
.wrapper {
  height: 100%;
  min-width: 1024px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wrap {
  padding: 0 16px;
  margin: 0 auto;
}

.main {
  width: calc(100% - 283px);
  -webkit-transition: 400ms all;
  transition: 400ms all;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content {
  height: 100%;
  overflow: hidden;
  padding: 12px 0;
}

.scrollbar-body {
  height: 100%;
  position: relative;
  padding: 12px 1.5%;
  overflow: auto;
  scrollbar-width: thin;
}
.scrollbar-body::-webkit-scrollbar-track {
  background: #ECEDEF;
  border-radius: 8px;
}
.scrollbar-body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #ECEDEF;
  border-radius: 8px;
}
.scrollbar-body::-webkit-scrollbar-thumb {
  background: #D5D8DC;
  border-radius: 8px;
}

/***/
.flex-direction {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-direction .content-group {
  height: 100%;
  overflow: hidden;
  padding-top: 20px;
}
.flex-direction .pagin {
  padding-top: 12px;
}

.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.title .title-info {
  font-size: 18px;
  font-weight: 700;
  color: #343E98;
  line-height: 30px;
  text-transform: uppercase;
}
.title .title-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.title .title-btn .btn-choose {
  min-width: 150px;
  margin-right: 16px;
}
.title .title-btn .btn {
  font-size: 13px;
  margin-right: 16px;
}
.title .title-btn .btn:last-child {
  margin-right: 0;
}
.title .title-btn .btn.btn-primary, .title .title-btn .btn.btn-secondary, .title .title-btn .btn.btn-outline-primary {
  min-width: 150px;
}
.title .title-btn .report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: #343E98;
}
.title .title-btn .report span {
  min-width: 18px;
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -1px 4px 0 0;
}

.tableBox {
  border: 1px solid #E3E5E8;
  border-radius: 24px 24px 8px 8px;
  height: 100%;
  overflow: hidden;
}

.tableScroll {
  height: 100%;
  overflow: auto;
  position: relative;
  border-radius: 24px 24px 8px 8px;
  scrollbar-width: thin;
}
.tableScroll::-webkit-scrollbar-track {
  background: #ECEDEF;
  border-radius: 8px;
}
.tableScroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #ECEDEF;
  border-radius: 8px;
}
.tableScroll::-webkit-scrollbar-thumb {
  background: #D5D8DC;
  border-radius: 8px;
}

.required {
  color: #D93526;
  font-size: 16px;
  padding-left: 2px;
}

.no-data {
  padding: 80px 0;
  text-align: center;
  color: #8A97AA;
  font-size: 16px;
}

.navTabs {
  border-bottom: 1px solid #ecedef;
  margin-bottom: 20px;
}
.navTabs li {
  width: 33.333333%;
}
.navTabs li a {
  padding: 10px;
  display: block;
  color: #878E9B;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  position: relative;
}
.navTabs li a.active {
  color: #343E98;
}
.navTabs li a.active::after {
  background: #6771CB;
}
.navTabs li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
}

table {
  width: 100%;
}
table tr th,
table tr td {
  padding: 10px 10px;
  line-height: 20px;
  font-size: 16px;
  border: 1px solid #E3E5E8;
  vertical-align: middle;
}
table tr th {
  color: #37393D;
}

.table-sticky thead tr th {
  position: sticky;
  z-index: 1;
  top: 0;
  border: none;
  background: #F2F3F5;
  white-space: nowrap;
}
.table-sticky thead tr th::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #E3E5E8;
}
.table-sticky tbody tr td {
  border: none;
  padding-top: 16px;
  padding-bottom: 16px;
  background: #fff;
}
.table-sticky tfoot tr td {
  position: sticky;
  z-index: 1;
  bottom: 0;
  border: none;
  background: #EEEFF9;
  color: #37393D;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px;
}

button {
  cursor: pointer;
}
button:focus {
  outline: none;
}

.btn {
  font-weight: 500;
  border-radius: 6px;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}
.btn.btn-radius100 {
  border-radius: 100px;
}
.btn.btn-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn.btn-hg38 {
  height: 38px;
}
.btn.btn-hg48 {
  height: 48px;
}
.btn.btn-hg40 {
  height: 40px;
}
.btn.btn-hg56 {
  height: 56px;
}
.btn.btn-primary {
  background: #343E98;
}
.btn.btn-outline-primary {
  background: #fff;
  color: #343E98;
  border: 1px solid #6771CB;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active {
  background: #F2F3F5;
  color: #343E98;
}
.btn.btn-light {
  background: #F2F3F5;
  color: #2E3138;
}
.btn.btn-secondary {
  background: #EEEFF9;
  color: #343E98;
}
.btn.btn-secondary:not(:disabled):not(.disabled):active {
  background: #dddff1;
  color: #343E98;
}
.btn.btn-danger {
  background: #FCEDEB;
  color: #D93526;
}
.btn .btn-item {
  margin-right: 8px;
  margin-top: -2px;
  min-width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}

input[type=text]::-webkit-search-decoration,
input[type=text]::-webkit-search-cancel-button,
input[type=text]::-webkit-search-results-button,
input[type=text]::-webkit-search-results-decoration,
input[type=password]::-webkit-search-decoration,
input[type=password]::-webkit-search-cancel-button,
input[type=password]::-webkit-search-results-button,
input[type=password]::-webkit-search-results-decoration,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
}

select.form-control:not([size]):not([multiple]) {
  height: 42px;
}

.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0 12px;
  color: #2E3138;
  font-weight: 400;
  font-size: 14px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #D0D2D8;
}
.form-control::-webkit-input-placeholder {
  color: #BABDC5;
}
.form-control::-webkit-input-placeholder {
  color: #BABDC5;
}
.form-control::-moz-placeholder {
  color: #BABDC5;
}
.form-control:-ms-input-placeholder {
  color: #BABDC5;
}
.form-control::-ms-input-placeholder {
  color: #BABDC5;
}
.form-control::placeholder {
  color: #BABDC5;
}
.form-control.form-control-radius100 {
  border-radius: 100px;
}
.form-control.form-control-hg36 {
  height: 36px;
}
.form-control.form-control-hg38 {
  height: 38px;
}
.form-control.form-control-hg48 {
  height: 48px;
  font-size: 15px;
}
.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #6771CB;
}
.form-control:disabled, .form-control .form-control[readonly] {
  background-color: #F2F3F5;
  color: #2E3138;
  border: 1px solid #D0D2D8;
  opacity: 1;
}
.form-control.is-invalid {
  border: 1px solid #D93526;
}
.form-control.is-invalid:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*// select {
//   &.form-control {
//     background: url(../images/common/icon-selectBox.svg) no-repeat scroll right 6px center #F2F3F5;
//     padding-right: 20px;
//     &:focus {
//       background: url(../images/common/icon-selectBox.svg) no-repeat scroll right 6px center #F2F3F5;
//     }
//     &:disabled {
//       background: url(../images/common/icon-selectBox.svg) no-repeat scroll right 6px center #F2F2F2;
//     }
//   }
// }*/
select::-ms-expand {
  display: none;
}

textarea.form-control {
  resize: none;
  min-height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
}
textarea.form-control.form-control-hg188 {
  min-height: 188px;
}

/****/
.select-control .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.select-control.select-control-radius100 .btn.dropdown-toggle {
  border-radius: 100px;
}
.select-control.select-control-hg30 .btn {
  height: 30px;
  font-size: 14px;
}
.select-control.select-control-hg30 .filter-option-inner-inner {
  padding: 4px 0;
}
.select-control.select-control-hg38 .btn {
  height: 38px;
}
.select-control.select-control-hg38 .filter-option-inner-inner {
  padding: 8px 0;
}
.select-control.select-control-hg48 .btn {
  height: 48px;
  font-size: 15px;
}
.select-control.select-control-hg48 .filter-option-inner-inner {
  padding: 13px 0;
}
.select-control select {
  display: none;
}
.select-control .btn.dropdown-toggle {
  padding: 0 24px 0 12px;
  color: #2A3F54;
  font-size: 14px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #C0C4CC;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.select-control .btn.dropdown-toggle:hover {
  color: #2A3F54;
}
.select-control .btn.dropdown-toggle.bs-placeholder {
  color: #C0C4CC;
}
.select-control .btn.dropdown-toggle:active {
  background: #fff;
  border: 1px solid #80bdff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select-control .btn.dropdown-toggle:focus {
  outline: none !important;
  border: 1px solid #6771CB;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select-control .btn.dropdown-toggle::after {
  position: absolute;
  top: calc(50% - 4px);
  right: 10px;
  content: "";
  background: url(../images/common/icon-selectBox.svg) no-repeat;
  width: 12px;
  height: 8px;
  border: none;
}
.select-control .btn.dropdown-toggle.disabled {
  background-color: #F2F3F5;
  color: #2E3138;
  border: 1px solid #D0D2D8;
  opacity: 1;
}
.select-control .btn.dropdown-toggle.disabled::after {
  opacity: 0.5;
}
.select-control .btn.dropdown-toggle.disabled::active {
  background: #F2F3F5;
  border: 1px solid #D0D2D8;
}
.select-control .btn.dropdown-toggle.disabled:focus {
  border: 1px solid #D0D2D8;
}
.select-control .filter-option-inner-inner {
  text-overflow: ellipsis;
}
.select-control .dropdown-menu {
  border: none;
  -webkit-box-shadow: 0 0 8px rgba(46, 49, 46, 0.2);
          box-shadow: 0 0 8px rgba(46, 49, 46, 0.2);
  border-radius: 8px;
  width: 100%;
  padding: 12px 16px;
}
.select-control .dropdown-menu div.inner.show {
  max-height: 300px;
  overflow: auto;
  scrollbar-width: thin;
}
.select-control .dropdown-menu div.inner.show::-webkit-scrollbar-track {
  background: #ECEDEF;
  border-radius: 8px;
}
.select-control .dropdown-menu div.inner.show::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #ECEDEF;
  border-radius: 8px;
}
.select-control .dropdown-menu div.inner.show::-webkit-scrollbar-thumb {
  background: #D5D8DC;
  border-radius: 8px;
}
.select-control .dropdown-menu .inner ul li {
  margin-bottom: 8px;
}
.select-control .dropdown-menu .inner ul li:last-child {
  margin-bottom: 0;
}
.select-control .dropdown-menu .inner ul li.active a {
  background: #F2F2F2;
  color: #2E3138;
}
.select-control .dropdown-menu .inner ul li.selected a {
  background: #F2F2F2;
  color: #2E3138;
}
.select-control .dropdown-menu .inner ul li.selected a .bs-ok-default {
  display: none;
}
.select-control .dropdown-menu .inner ul li a {
  font-size: 14px;
  color: #565C67;
  padding: 10px 8px;
  border-radius: 8px;
}
.select-control .dropdown-menu .inner ul li a:hover {
  background: #F2F2F2;
}
.select-control .dropdown-menu .inner ul li a:active {
  background: transparent;
}
.select-control .dropdown-menu .inner ul li a span.text {
  white-space: normal;
}
.select-control .bs-searchbox {
  padding: 0 0 8px;
}
.select-control .bs-searchbox .form-control {
  height: 36px;
  background: url(../images/common/icon-search-gray.svg) no-repeat 8px 50% #fff;
  padding-left: 36px;
}

/****/
.select-dropdown {
  position: relative;
}
.select-dropdown .overload-dropdown {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.select-dropdown .btn-dropdown {
  background: #fff;
  border: 1px solid #C7CAD1;
  width: 100%;
  text-align: left;
  color: #2E3138;
  font-size: 14px;
  padding: 0 36px 0 12px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-dropdown .btn-dropdown.btn-dropdown-bgGray {
  background: url(../images/common/icon-selectBox.svg) no-repeat right 10px center #E3E5E8;
  border: 1px solid #E3E5E8;
}
.select-dropdown .btn-dropdown:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #6771CB;
}
.select-dropdown .btn-itemArrow {
  background: url(../images/common/icon-selectBox.svg) no-repeat right 10px center #fff;
}
.select-dropdown .btn-itemCalendar {
  background: url(../images/common/icon-calendar.svg) no-repeat right 10px center #fff;
}
.select-dropdown .dropdown-select {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  background: #fff;
  -webkit-box-shadow: 0 0 8px rgba(46, 49, 46, 0.2);
          box-shadow: 0 0 8px rgba(46, 49, 46, 0.2);
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  display: none;
}
.select-dropdown .dropdown-select.dropdown-select--right {
  left: initial;
  right: 0;
}
.select-dropdown .dropdown-select.dropdown-select--mw375 {
  /*min-width: 375px;*/
  min-width: 334px;
}
.select-dropdown .dropdown-select .dropdown-menu li a {
  text-align: center;
}

.period-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 12px 0;
}
.period-head .period-choose {
  min-width: 70px;
}
.period-head .period-choose .select-control .btn.dropdown-toggle {
  border: none;
}
.period-head .period-choose .select-control .btn.dropdown-toggle:focus {
  border: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.period-head .period-choose .select-control .btn.dropdown-toggle {
  padding-left: 0;
}
.period-head .period-choose .dropdown-menu {
  padding: 6px;
}
.period-head .period-choose .dropdown-menu .inner {
  max-height: 300px;
  overflow: auto;
  scrollbar-width: thin;
}
.period-head .period-choose .dropdown-menu .inner::-webkit-scrollbar-track {
  background: #ECEDEF;
  border-radius: 8px;
}
.period-head .period-choose .dropdown-menu .inner::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #ECEDEF;
  border-radius: 8px;
}
.period-head .period-choose .dropdown-menu .inner::-webkit-scrollbar-thumb {
  background: #D5D8DC;
  border-radius: 8px;
}
.period-head .period-choose .dropdown-menu .inner ul li a {
  padding: 10px 2px;
}
.period-head .period-choose .dropdown-menu.inner {
  padding: 0;
  overflow: initial;
}
.period-head .period-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.period-head .period-btn .btn {
  border: 1px solid #E3E5E8;
  border-radius: 5px;
  background: #fff;
  padding: 0;
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.period-head .period-btn .btn.btn-next {
  margin-left: 16px;
}
.period-head .period-btn .btn.btn-next img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.period-head .period-btn .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.datepicker {
  max-width: 334px;
  background: #fff;
  -webkit-box-shadow: 0 0 8px rgba(46, 49, 46, 0.2);
          box-shadow: 0 0 8px rgba(46, 49, 46, 0.2);
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  border: none;
  overflow: hidden;
}
.datepicker::after, .datepicker::before {
  display: none;
}
.datepicker .table-condensed thead {
  height: 40px;
}
.datepicker .table-condensed thead tr:nth-child(2) {
  position: relative;
  height: 32px;
}
.datepicker .table-condensed thead tr:nth-child(2) th {
  position: absolute;
  top: 0;
  height: 32px;
  cursor: pointer;
  padding: 0;
  font-weight: 400;
}
.datepicker .table-condensed thead tr:nth-child(2) th.prev, .datepicker .table-condensed thead tr:nth-child(2) th.next {
  width: 32px;
  border: 1px solid #E3E5E8;
  border-radius: 5px;
  background: #fff;
  background: url(../images/common/icon-arrow-calendar.svg) no-repeat center;
  text-indent: -9999px;
}
.datepicker .table-condensed thead tr:nth-child(2) th.prev {
  right: 61px;
}
.datepicker .table-condensed thead tr:nth-child(2) th.next {
  right: 12px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.datepicker .table-condensed thead tr:nth-child(2) th.datepicker-switch {
  position: absolute;
  left: 0;
  top: 10px;
  text-align: left;
  padding: 0 26px 0 10px;
  color: #2A3F54;
  font-size: 14px;
  height: 16px;
  /*width: 122px;*/
  white-space: nowrap;
  background: url(../images/common/icon-selectBox.svg) no-repeat right 12px center;
}
.datepicker .table-condensed thead tr th.dow {
  font-size: 15px;
  color: #878E9B;
  font-weight: 400;
  text-align: center;
  padding: 20px 4px 4px;
}
.datepicker .table-condensed thead tr:first-of-type {
  display: none;
}
.datepicker .table-condensed tbody td {
  width: inherit;
  height: inherit;
  /*padding: 0 0 0 24px;*/
  color: #2E3138;
}
.datepicker .table-condensed tbody td.highlighted {
  background: #EEEFF9;
  border-radius: 0;
}
.datepicker .table-condensed tbody td.active {
  background: #414EBE;
  color: #fff;
}
.datepicker .table-condensed tbody td.active.highlighted {
  border-radius: 5px;
}
.datepicker .table-condensed tbody td.active:hover {
  background: #414EBE;
}
.datepicker .table-condensed tbody td.day {
  font-size: 15px;
}
.datepicker .table-condensed tbody td[colspan="7"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.datepicker .table-condensed tbody .month,
.datepicker .table-condensed tbody .century,
.datepicker .table-condensed tbody .decade,
.datepicker .table-condensed tbody .year {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #2E3138;
  font-size: 15px;
  line-height: 20px;
}
.datepicker .table-condensed tbody .month.active,
.datepicker .table-condensed tbody .century.active,
.datepicker .table-condensed tbody .decade.active,
.datepicker .table-condensed tbody .year.active {
  background: #EEEFF9;
  text-shadow: none;
}
.datepicker .table-condensed tbody .old,
.datepicker .table-condensed tbody .new {
  color: #BABDC5;
}

.period-monthly {
  padding-top: 4px;
}
.period-monthly ul li {
  margin-top: 24px;
  border-radius: 32px;
  text-align: center;
  font-size: 15px;
  line-height: 24px;
  padding: 40px 10px;
  cursor: pointer;
}
.period-monthly ul li.active {
  background: #EEEFF9;
}

.period-quarterly ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -24px;
}
.period-quarterly ul li {
  width: calc(50% - 24px);
  margin: 24px 0 0 24px;
  text-align: center;
  padding: 40px 10px;
  border-radius: 32px;
  color: #2E3138;
  font-size: 15px;
  line-height: 24px;
  cursor: pointer;
}
.period-quarterly ul li.active {
  background: #EEEFF9;
}

.datepicker-month,
.period-year {
  max-width: 285px;
  margin: 0 auto;
  padding-top: 14px;
}
.datepicker-month ul,
.period-year ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.datepicker-month ul li,
.period-year ul li {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  font-size: 15px;
  color: #2E3138;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.datepicker-month ul li.active,
.period-year ul li.active {
  background: #EEEFF9;
}

.period-year ul li:first-of-type, .period-year ul li:last-child {
  color: #BABDC5;
}
.period-year ul li.active {
  background: #EEEFF9;
  color: #2E3138;
}

.listFile ul li {
  margin-bottom: 8px;
}
.listFile ul li:last-child {
  margin-bottom: 0;
}
.listFile ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  border-radius: 8px;
  color: #2E3138;
  font-size: 15px;
}
.listFile ul li a:hover {
  background: #f2f3f5;
}
.listFile ul li a span.listFile-item {
  margin-right: 8px;
  margin-top: -2px;
  min-width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.listFile .custom-file {
  margin: 0;
  padding: 0;
  min-height: inherit;
  height: initial;
}
.listFile .custom-file .custom-file-input {
  opacity: 0;
  display: none;
}
.listFile .custom-file .custom-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px 16px;
  border-radius: 8px;
  color: #2E3138;
  font-size: 15px;
  cursor: pointer;
}
.listFile .custom-file .custom-box:hover {
  background: #f2f3f5;
}
.listFile .custom-file .custom-box span.listFile-item {
  margin-right: 8px;
  margin-top: -2px;
  min-width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dropdown-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px 0;
  position: relative;
}
.dropdown-button::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: calc(50% - 40px);
  /*left: calc(50% - 66px);*/
  /*width: 132px;*/
  width: 80px;
  height: 4px;
  border-radius: 5px;
  background: #2E3138;
}
.dropdown-button .btn {
  padding-left: 20px;
  padding-right: 20px;
}
.dropdown-button .btn.btn-cancel {
  color: #878E9B;
}
.dropdown-button .btn.btn-confirm {
  color: #343E98;
}

.choose-check .choose-all {
  padding: 10px 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid #DEE1E7;
}
.choose-check ul {
  max-height: 234px;
  overflow: auto;
  scrollbar-width: thin;
}
.choose-check ul::-webkit-scrollbar-track {
  background: #ECEDEF;
  border-radius: 8px;
}
.choose-check ul::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #ECEDEF;
  border-radius: 8px;
}
.choose-check ul::-webkit-scrollbar-thumb {
  background: #D5D8DC;
  border-radius: 8px;
}
.choose-check ul li {
  margin-bottom: 8px;
  padding: 10px 16px;
  border-radius: 8px;
}
.choose-check ul li:hover {
  background: #F2F3F5;
}

.search {
  position: relative;
}
.search .btn {
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
  width: 36px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.search .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search .form-control {
  padding-left: 36px;
}

.form-icon {
  position: relative;
}
.form-icon.form-icon-left .icon {
  left: 1px;
}
.form-icon.form-icon-left .form-control {
  padding-left: 50px;
}
.form-icon.form-icon-right .icon {
  right: 1px;
}
.form-icon.form-icon-right .form-control {
  padding-right: 50px;
}
.form-icon .icon {
  position: absolute;
  height: calc(100% - 2px);
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 1px;
  z-index: 2;
  cursor: pointer;
}
.form-icon .icon img {
  max-height: 100%;
}

.invalid-error {
  font-size: 13px;
  color: #D93526;
  padding-top: 3px;
}

.select2-control.select2-control-hg48 .select2-selection--multiple {
  height: 48px;
}
.select2-control.select2-control-hg48 .select2-selection__rendered .select2-search__field {
  margin: 0;
  height: 47px;
}
.select2-control.select2-control-hg38 .select2-selection--multiple {
  height: 38px;
}
.select2-control.select2-control-hg38 .select2-selection__rendered .select2-search__field {
  margin: 0;
  height: 37px;
}
.select2-control.select2-control-radius100 .select2-selection--multiple {
  border-radius: 100px !important;
  padding-left: 16px;
}
.select2-control.select2-control-radius100 .select2-container--focus .select2-selection--multiple {
  border-radius: 100px !important;
}
.select2-control .select2 {
  /*&.select2-container {
    width: 100% !important;
  }*/
}
.select2-control .select2 .select2-selection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select2-control .select2-selection--multiple {
  padding: 0 54px 0 12px;
  color: #2A3F54;
  font-size: 14px;
  background: #fff;
  border-radius: 5px !important;
  border: 1px solid #C0C4CC;
  position: relative;
}
.select2-control .select2-selection--multiple::after {
  position: absolute;
  top: calc(50% - 11px);
  right: 5px;
  content: "";
  width: 22px;
  height: 22px;
  background: url(../images/common/icon-selectBox.svg) no-repeat center;
}
.select2-control .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-overflow: inherit;
}
.select2-control .select2-selection--multiple .select2-selection__rendered li {
  float: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin-top: 0;
  background: #F2F3F5;
  border: none;
  border-radius: 100px;
  padding: 2px 10px 0;
  color: #2E3138;
  font-size: 15px;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  margin: 0;
  padding: 0;
  background: url(../images/common/icon-remove.svg) no-repeat center;
  background-size: 8px;
  width: 13px;
  min-height: 13px;
  height: 13px;
  text-indent: -9999px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 2px 0 0 4px;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-search__field {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin: 0;
  color: #2E3138;
  font-weight: 400;
  font-size: 14px;
  background: #fff;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-search__field[type=search] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-search__field:not([type=search]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-search__field::-webkit-input-placeholder {
  color: #BABDC5;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-search__field::-webkit-input-placeholder {
  color: #BABDC5;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-search__field::-moz-placeholder {
  color: #BABDC5;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-search__field:-ms-input-placeholder {
  color: #BABDC5;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-search__field::-ms-input-placeholder {
  color: #BABDC5;
}
.select2-control .select2-selection--multiple .select2-selection__rendered .select2-search__field::placeholder {
  color: #BABDC5;
}
.select2-control .select2-container--focus .select2-selection--multiple {
  border: 1px solid #6771CB !important;
  border-radius: 5px !important;
}
.select2-control .select2-selection__clear {
  background: url(../images/common/icon-remove.svg) no-repeat center;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  right: 28px !important;
  top: calc(50% - 11px) !important;
}
.select2-control .select2-selection__clear:hover {
  background-color: transparent;
}
.select2-control .select2-container--disabled.select2-container--focus .select2-selection--multiple {
  border: 1px solid #C0C4CC !important;
}
.select2-control .select2-container--disabled .select2-selection--multiple::after {
  opacity: 0.5;
}
.select2-control .select2-container--disabled .select2-selection__clear {
  display: none;
}
.select2-control .select2-search {
  color: #BABDC5;
}
.select2-control .select2-selection__choice ~ .select2-search {
  display: none !important;
  color: #BABDC5;
}

.select2-dropdown {
  border: none;
  -webkit-box-shadow: 0 0 8px rgba(46, 49, 46, 0.2);
          box-shadow: 0 0 8px rgba(46, 49, 46, 0.2);
  border-radius: 8px !important;
  width: 100%;
  padding: 12px 16px;
}
.select2-dropdown .select2-results {
  overflow: auto;
  scrollbar-width: thin;
}
.select2-dropdown .select2-results::-webkit-scrollbar-track {
  background: #ECEDEF;
  border-radius: 8px;
}
.select2-dropdown .select2-results::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #ECEDEF;
  border-radius: 8px;
}
.select2-dropdown .select2-results::-webkit-scrollbar-thumb {
  background: #D5D8DC;
  border-radius: 8px;
}
.select2-dropdown .select2-results__options {
  overflow: initial !important;
}
.select2-dropdown .select2-results__options li {
  font-size: 14px;
  color: #565C67;
  padding: 10px 12px 10px 46px;
  border-radius: 8px;
  margin-bottom: 8px;
  position: relative;
}
.select2-dropdown .select2-results__options li::after {
  position: absolute;
  left: 16px;
  top: calc(50% - 10px);
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/common/icon-checkBox.svg) no-repeat;
}
.select2-dropdown .select2-results__options li:last-child {
  margin-bottom: 0;
}
.select2-dropdown .select2-results__options li:hover {
  background: #F2F2F2 !important;
  color: #2E3138 !important;
}
.select2-dropdown .select2-results__option[aria-selected=true] {
  background: transparent !important;
}
.select2-dropdown .select2-results__option[aria-selected=true]::after {
  background: url(../images/common/icon-checkBox-checked.svg) no-repeat;
}
.select2-dropdown .select2-results__option[aria-selected=true]:hover {
  background: #F2F2F2 !important;
  color: #2E3138 !important;
}
.select2-dropdown .select2-results__option--highlighted,
.select2-dropdown .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
  background: transparent;
  color: #2E3138 !important;
}
.select2-dropdown .select2-results__option--highlighted::after,
.select2-dropdown .select2-results__option--highlighted.select2-results__option[aria-selected=true]::after {
  background: url(../images/common/icon-checkBox-checked.svg) no-repeat;
}
.select2-dropdown .select2-results__option[aria-selected=true] {
  color: #565C67;
}

/**** radio checkbox ****/
.custom-control {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 20px;
  padding-left: 20px;
  position: relative;
}
.custom-control .custom-control-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.custom-control .custom-control-input:disabled ~ .custom-control-indicator {
  cursor: not-allowed;
}
.custom-control .custom-control-input:disabled ~ .custom-control-description {
  cursor: not-allowed;
}
.custom-control .custom-control-description {
  cursor: pointer;
  font-size: 15px;
  line-height: 20px;
  color: #2E3138;
  padding-left: 16px;
}
.custom-control .custom-control-indicator {
  display: block;
  left: 0;
  position: absolute;
  cursor: pointer;
}
.custom-control.custom-checkbox .custom-control-indicator {
  width: 20px;
  height: 20px;
  background: url(../images/common/icon-checkBox.svg) no-repeat;
  top: calc(50% - 10px);
}
.custom-control.custom-checkbox .custom-control-input {
  /*&:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    border-radius: 4px;
  }*/
}
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background: url(../images/common/icon-checkBox-checked.svg) no-repeat;
  top: calc(50% - 10px);
}
.custom-control.custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-indicator {
  background: url(../images/common/icon-checkBox-checked-disabled.svg) no-repeat;
}
.custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-indicator {
  background: url(../images/common/icon-checkBox-disabled.svg) no-repeat;
}
.custom-control.custom-radio .custom-control-indicator {
  background: url(../images/common/icon-radio.svg) no-repeat 50%;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
}
.custom-control.custom-radio .custom-control-input {
  /*&:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    border-radius: 50%;
  }*/
}
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background: url(../images/common/icon-radio-checked.svg) no-repeat 50%;
  top: calc(50% - 10px);
}
.custom-control.custom-radio .custom-control-input:checked:disabled ~ .custom-control-indicator {
  background: url(../images/common/icon-radio-checked-disabled.svg) no-repeat;
}
.custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-indicator {
  background: url(../images/common/icon-radio-disabled.svg) no-repeat 50%;
}

/*****/
.switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.switch .switch-label {
  cursor: pointer;
  margin: 0;
}
.switch .switch-checkbox {
  opacity: 0;
  position: absolute;
}
.switch .switch-checkbox:checked + .switch-toggle:before {
  left: calc(100% - 16px);
  background: #fff;
}
.switch .switch-checkbox:checked + .switch-toggle {
  background: #2D6FD2;
  border: 2px solid #2D6FD2;
}
.switch .switch-toggle {
  border-radius: 100px;
  display: inline-block;
  background: #fff;
  border: 2px solid #E3E5E8;
  width: 44px;
  height: 24px;
  position: relative;
}
.switch .switch-toggle:before {
  background: #E3E5E8;
  border-radius: 50%;
  content: "";
  display: block;
  left: 2px;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.53, 1) 0s;
  transition: all 0.3s cubic-bezier(0.17, 0.67, 0.53, 1) 0s;
}

.breadcrumb {
  background: none;
  padding: 0;
  margin: 0;
}
.breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.breadcrumb ul li {
  font-size: 20px;
  color: #2E3138;
  font-weight: 700;
  padding-right: 40px;
  position: relative;
}
.breadcrumb ul li:first-of-type {
  text-transform: uppercase;
}
.breadcrumb ul li::after {
  position: absolute;
  top: 3px;
  right: 12px;
  content: "";
  width: 10px;
  height: 16px;
  background: url(../images/common/icon-arrow-breadcrumb.svg) no-repeat;
}
.breadcrumb ul li:last-child {
  padding-right: 0;
}
.breadcrumb ul li:last-child::after {
  display: none;
}
.breadcrumb ul li a {
  color: #2E3138;
}

.pagin .pagin-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pagin .pagin-wrap .pagin-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #878E9B;
  font-size: 14px;
  padding-top: 10px;
}
.pagin .pagin-wrap .pagin-total span {
  min-width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
}
.pagin .pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pagin .pagination ul li {
  padding-left: 8px;
}
@media (max-width: 1365px) {
  .pagin .pagination ul li {
    padding-left: 4px;
  }
}
.pagin .pagination ul li.pre-all img, .pagin .pagination ul li.pre-for img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pagin .pagination ul li.disabled a {
  pointer-events: none;
  opacity: 0.5;
}
.pagin .pagination ul li a {
  min-width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 3px;
  border: 1px solid #D0D2D8;
  border-radius: 6px;
  color: #565C67;
}
.pagin .pagination ul li a.active {
  border: 1px solid #6771CB;
  color: #343E98;
}

.modal {
  padding: 0 16px;
}
.modal .modal-dialog--mw1200 {
  max-width: 1200px;
}
.modal .modal-dialog--mw1148 {
  max-width: 1148px;
}
.modal .modal-dialog--mw650 {
  max-width: 650px;
}
.modal .modal-dialog--mw600 {
  max-width: 600px;
}
.modal .modal-content {
  border-radius: 12px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal .modal-body {
  border-top: none;
  padding: 36px;
}
.modal .modal-header {
  padding: 36px 36px 0;
  border: none;
}
.modal .modal-header .modal-title {
  font-size: 18px;
  font-weight: 700;
  color: #252C6D;
  text-transform: uppercase;
}
.modal .modal-header .close {
  margin: 0;
  padding: 0;
  opacity: 1;
}

.title-modal .tlt {
  color: #252C6D;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.btnFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 664px;
  margin: 0 auto;
  padding-top: 36px;
}
.btnFooter .btn {
  width: 320px;
  margin-right: 24px;
}
.btnFooter .btn:last-child {
  margin-right: 0;
}

.gNav {
  height: 100%;
  width: calc(100% + 48px);
  margin-left: -24px;
  padding-top: 60px;
  overflow: hidden;
  /*****/
}
.gNav > ul {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 24px;
  scrollbar-width: thin;
}
.gNav > ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
}
.gNav > ul::-webkit-scrollbar {
  width: 8px;
}
.gNav > ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.4);
}
.gNav > ul > li {
  padding-bottom: 16px;
  position: relative;
}
.gNav > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 32px 16px 16px;
  color: #fff;
  font-size: 15px;
  border-radius: 8px;
  position: relative;
  min-height: 52px;
}
.gNav > ul > li > a::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 16px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  -webkit-transition: 400ms all;
  transition: 400ms all;
}
.gNav > ul > li > a.active {
  background: rgba(255, 255, 255, 0.1);
}
.gNav > ul > li > a.active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.gNav .gNav-item {
  min-width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 16px;
  margin-top: -2px;
}
.gNav .gNav-text {
  white-space: nowrap;
}
.gNav .gNav-sub {
  overflow: hidden;
  display: none;
}
.gNav .gNav-sub ul {
  padding-left: 16px;
}
.gNav .gNav-sub ul li {
  padding: 8px 0 0 14px;
  position: relative;
}
.gNav .gNav-sub ul li::after, .gNav .gNav-sub ul li::before {
  position: absolute;
  content: "";
  left: 0;
}
.gNav .gNav-sub ul li::after {
  top: -16px;
  height: 100%;
  width: 14px;
  background: url(../images/data/line-menu.svg) no-repeat bottom left;
}
.gNav .gNav-sub ul li::before {
  top: -24px;
  height: 100%;
  width: 2px;
  background: #3D578F;
}
.gNav .gNav-sub ul li a {
  padding: 8px;
  border-radius: 6px;
  color: #fff;
  font-size: 15px;
  display: block;
}
.gNav .gNav-sub ul li a:hover, .gNav .gNav-sub ul li a.active {
  background: rgba(255, 255, 255, 0.1);
}

.overload-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.header {
  padding: 10px 1.5%;
  background: #fff;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.header .header-wrap {
  min-height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .header-account {
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .header-account .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .header-account .user .user-thumb {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 8px;
}
.header .header-account .user .user-name {
  color: #565C67;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100px;
}
.header .header-account .logout {
  padding-left: 12px;
}
.header .header-account .logout .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
}
.header .header-account .logout .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.aside {
  width: 283px;
  height: 100%;
  padding: 24px 24px 36px;
  background: #262d6e;
  background: -webkit-gradient(linear, left top, left bottom, from(#262d6e), to(#1b437e));
  background: linear-gradient(to bottom, #262d6e 0%, #1b437e 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 400ms all;
  transition: 400ms all;
  position: relative;
  z-index: 4;
}
.aside .logo {
  width: 94px;
  min-height: 66px;
  margin: 0 auto;
  padding-bottom: 30px;
  -webkit-transition: 400ms all;
  transition: 400ms all;
}
.aside .logo a {
  display: block;
  width: 94px;
  overflow: hidden;
}
.aside .button-toggle {
  height: 36px;
}
.aside .button-toggle .btn {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  padding-left: 16px;
}
.aside .button-toggle .btn.active img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.aside .button-toggle .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.aside .button-toggle .btn .toggle-collapse {
  font-size: 15px;
  color: #fff;
  padding: 6px 0 0 8px;
}
.aside .company {
  text-align: center;
  padding-top: 36px;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  white-space: nowrap;
}

.wrapper-toggle .aside {
  width: 68px;
  padding: 24px 16px 36px;
}
.wrapper-toggle .aside .button-toggle .btn {
  padding-left: 10px;
}
.wrapper-toggle .aside .button-toggle .btn .toggle-collapse {
  display: none;
}
.wrapper-toggle .aside .logo {
  width: 36px;
  overflow: hidden;
}
.wrapper-toggle .aside .gNav {
  width: calc(100% + 32px);
  margin-left: -16px;
  overflow: inherit;
}
.wrapper-toggle .aside .gNav > ul {
  padding: 0 10px;
  overflow: inherit;
}
.wrapper-toggle .aside .gNav > ul > li > a::after {
  display: none;
}
.wrapper-toggle .aside .gNav .gNav-item {
  margin-right: 0;
}
.wrapper-toggle .aside .gNav .gNav-text {
  display: none;
}
.wrapper-toggle .aside .gNav .gNav-sub {
  position: absolute;
  top: 0;
  left: calc(100% + 12px);
  z-index: 4;
  width: 210px;
  border-radius: 8px;
  padding: 10px 10px 10px 0;
  background: #262d6e;
  background: -webkit-gradient(linear, left top, left bottom, from(#262d6e), to(#1b437e));
  background: linear-gradient(to bottom, #262d6e 0%, #1b437e 100%);
}
.wrapper-toggle .aside .gNav .gNav-sub ul li {
  padding-left: 0;
}
.wrapper-toggle .aside .gNav .gNav-sub ul li::after, .wrapper-toggle .aside .gNav .gNav-sub ul li::before {
  display: none;
}
.wrapper-toggle .aside .company {
  display: none;
}
.wrapper-toggle .main {
  width: calc(100% - 68px);
}

/*** login ***/
.login {
  height: 100%;
  width: 100%;
  background: url(../images/data/body-login.png) no-repeat;
  background-size: cover;
  padding: 90px 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}
.login .login-wrap {
  width: 100%;
  height: 100%;
  max-width: 1600px;
  min-height: 500px;
  margin: 0 auto;
  background: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  overflow: hidden;
}
.login .login-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
}
.login .login-row .login-box {
  height: 100%;
  width: 100%;
  background: url(../images/data/bg-login.png) no-repeat left bottom;
  background-size: cover;
  width: 60%;
}
.login .login-row .login-box .slogan {
  padding: 70px 70px 0 10px;
  max-width: 573px;
  margin-left: auto;
}
.login .login-row .login-form {
  width: 40%;
  padding: 20px 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login .login-row .login-form .loginGroup {
  width: 100%;
}
.login .login-row .login-form .logo {
  padding-bottom: 16px;
}
.login .login-row .login-form .formGroup {
  padding-top: 40px;
}
.login .login-row .login-form .formGroup .formGroup-label {
  font-size: 15px;
  color: #2E3138;
  padding-bottom: 8px;
}
.login .login-row .login-form .formGroup .form-icon .icon {
  width: 32px;
}
.login .login-row .login-form .formGroup .form-icon .icon img {
  max-width: 16px;
}
.login .login-row .login-form .formGroup .form-icon .form-control {
  padding-right: 32px;
}
.login .login-row .login-form .formBtn {
  padding-top: 68px;
}
.login .login-row .login-form .formBtn .btn {
  width: 100%;
}
.login .omiGroup {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #8A9BB5;
  padding: 30px 0;
}

/*** page-individual ***/
.page-individual .individual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 500px;
}
.page-individual .individual .individual-row {
  height: 50%;
  overflow: hidden;
  padding-top: 20px;
}
.page-individual .table-project tr th,
.page-individual .table-project tr td {
  min-width: 150px;
  text-align: center;
}
.page-individual .table-project tr th:nth-child(1),
.page-individual .table-project tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-individual .table-project tr th:nth-child(3),
.page-individual .table-project tr td:nth-child(3) {
  width: 1rem;
  min-width: 200px;
}
.page-individual .table-project tr th:nth-child(2), .page-individual .table-project tr th:nth-child(3),
.page-individual .table-project tr td:nth-child(2),
.page-individual .table-project tr td:nth-child(3) {
  text-align: left;
}
.page-individual .table-individual tr th,
.page-individual .table-individual tr td {
  min-width: 150px;
  text-align: center;
}
.page-individual .table-individual tr th:nth-child(1),
.page-individual .table-individual tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-individual .table-individual tr th:nth-child(2),
.page-individual .table-individual tr td:nth-child(2) {
  text-align: left;
}

/*****/
.search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-wrap .search-col:nth-child(1) {
  width: 440px;
}
@media (max-width: 1365px) {
  .search-wrap .search-col:nth-child(1) {
    width: 100%;
  }
}
.search-wrap .search-col:nth-child(2) {
  width: calc(100% - 440px);
}
@media (max-width: 1365px) {
  .search-wrap .search-col:nth-child(2) {
    width: 100%;
  }
}
.search-wrap .search-period {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-wrap .search-period .search-period__col {
  width: 50%;
  margin-right: 10px;
}
@media (max-width: 1365px) {
  .search-wrap .search-period .search-period__col {
    margin-right: 5px;
  }
}
.search-wrap .search-period .search-period__col:last-child {
  margin-left: 10px;
  margin-right: 0;
}
@media (max-width: 1365px) {
  .search-wrap .search-period .search-period__col:last-child {
    margin-left: 5px;
  }
}
.search-wrap .search-dflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-wrap .search-department {
  width: calc(100% - 360px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 0;
}
@media (max-width: 1727px) {
  .search-wrap .search-department {
    width: 100%;
  }
}
@media (max-width: 1365px) {
  .search-wrap .search-department {
    width: calc(100% - 230px);
  }
}
@media (max-width: 1300px) {
  .search-wrap .search-department {
    width: 100%;
  }
}
.search-wrap .search-department .search-choose {
  width: 220px;
  padding-left: 20px;
}
@media (max-width: 1365px) {
  .search-wrap .search-department .search-choose {
    padding-left: 0;
    padding-right: 10px;
    width: 200px;
  }
}
@media (max-width: 1300px) {
  .search-wrap .search-department .search-choose {
    width: calc(33.333333% + 2px);
  }
}
.search-wrap .search-department .search-input {
  width: calc(100% - 440px);
  padding-left: 20px;
}
@media (max-width: 1365px) {
  .search-wrap .search-department .search-input {
    padding-left: 0;
    padding-right: 10px;
    width: calc(100% - 400px);
  }
}
@media (max-width: 1300px) {
  .search-wrap .search-department .search-input {
    width: calc(33.333333% - 4px);
    padding-right: 0;
  }
}
.search-wrap .search-btn {
  width: 360px;
  padding: 8px 0 8px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1727px) {
  .search-wrap .search-btn {
    width: calc(100% + 440px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 0;
    margin-left: -440px;
  }
}
@media (max-width: 1365px) {
  .search-wrap .search-btn {
    width: 230px;
    margin-left: 0;
  }
}
@media (max-width: 1300px) {
  .search-wrap .search-btn {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}
.search-wrap .search-btn .btn {
  margin-right: 20px;
  min-width: 160px;
  border-radius: 100px;
}
@media (max-width: 1365px) {
  .search-wrap .search-btn .btn {
    min-width: initial;
    width: 100%;
    margin-right: 10px;
    padding: 0 6px;
  }
}
.search-wrap .search-btn .btn:first-of-type {
  margin-right: 10px;
}
@media (max-width: 1365px) {
  .search-wrap .search-btn .btn:first-of-type {
    margin-right: 5px;
  }
}
.search-wrap .search-btn .btn:last-child {
  margin-left: 10px;
}
@media (max-width: 1365px) {
  .search-wrap .search-btn .btn:last-child {
    margin-left: 5px;
  }
}
.search-wrap .search-btn .btn:last-child {
  margin-right: 0;
}

/*** page-overview ***/
.page-overview .overview-flexDirection {
  min-height: 500px;
}
.page-overview .overview-flex {
  height: 100%;
}
.page-overview .search-overview {
  padding-bottom: 20px;
}
.page-overview .search-overview .search-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1234px;
}
.page-overview .search-overview .search-group .search-project {
  width: calc(100% - 852px);
  padding: 8px 20px 8px 0;
}
@media (max-width: 1365px) {
  .page-overview .search-overview .search-group .search-project {
    width: calc(100% - 722px);
    padding-right: 10px;
  }
}
@media (max-width: 1300px) {
  .page-overview .search-overview .search-group .search-project {
    width: 100%;
    padding: 0;
  }
}
.page-overview .search-overview .search-group .search-time {
  width: 492px;
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1365px) {
  .page-overview .search-overview .search-group .search-time {
    padding-right: 8px;
  }
}
@media (max-width: 1300px) {
  .page-overview .search-overview .search-group .search-time {
    width: calc(100% - 230px);
    padding-left: 0;
  }
}
.page-overview .search-overview .search-group .search-time .search-col:nth-child(1) {
  width: 208px;
}
@media (max-width: 1300px) {
  .page-overview .search-overview .search-group .search-time .search-col:nth-child(1) {
    width: 50%;
  }
}
.page-overview .search-overview .search-group .search-time .search-col:nth-child(2) {
  width: calc(100% - 208px);
  padding-left: 20px;
}
@media (max-width: 1365px) {
  .page-overview .search-overview .search-group .search-time .search-col:nth-child(2) {
    padding-left: 8px;
  }
}
@media (max-width: 1300px) {
  .page-overview .search-overview .search-group .search-time .search-col:nth-child(2) {
    width: 50%;
  }
}
.page-overview .search-overview .search-group .search-btn {
  width: 360px;
  padding: 8px 0 8px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1365px) {
  .page-overview .search-overview .search-group .search-btn {
    width: 230px;
    padding-left: 0;
  }
}
.page-overview .search-overview .search-group .search-btn .btn {
  min-width: 160px;
  border-radius: 100px;
}
@media (max-width: 1365px) {
  .page-overview .search-overview .search-group .search-btn .btn {
    min-width: initial;
    width: 100%;
    padding: 0 6px;
  }
}
.page-overview .search-overview .search-group .search-btn .btn:first-of-type {
  margin-right: 10px;
}
@media (max-width: 1365px) {
  .page-overview .search-overview .search-group .search-btn .btn:first-of-type {
    margin-right: 5px;
  }
}
.page-overview .search-overview .search-group .search-btn .btn:last-child {
  margin-left: 10px;
}
@media (max-width: 1365px) {
  .page-overview .search-overview .search-group .search-btn .btn:last-child {
    margin-left: 5px;
  }
}
.page-overview .overview-note {
  padding-bottom: 20px;
}
.page-overview .overview-note .title {
  padding-bottom: 20px;
}
.page-overview .overview-listNote {
  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;
}
.page-overview .overview-listNote .listNote {
  width: calc(100% - 316px);
  margin-top: -8px;
}
.page-overview .overview-listNote .listNote ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-overview .overview-listNote .listNote ul li {
  margin-right: 30px;
  margin-top: 8px;
  padding-left: 28px;
  color: #565C67;
  position: relative;
}
.page-overview .overview-listNote .listNote ul li.bg-red::after {
  background: #E05E52;
}
.page-overview .overview-listNote .listNote ul li.bg-yellow::after {
  background: #C99E1D;
}
.page-overview .overview-listNote .listNote ul li.bg-green::after {
  background: #60C3AD;
}
.page-overview .overview-listNote .listNote ul li.bg-blue::after {
  background: #578CDB;
}
.page-overview .overview-listNote .listNote ul li::after {
  position: absolute;
  top: -3px;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #D0D2D8;
  border-radius: 5px;
}
.page-overview .overview-listNote .listNote ul li:last-child {
  margin-right: 0;
}
.page-overview .overview-listNote .listMore {
  width: 316px;
}
.page-overview .overview-listNote .listMore ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-overview .overview-listNote .listMore ul li a {
  padding: 0 14px;
  border-radius: 100px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 500;
}
.page-overview .overview-listNote .listMore ul li a .listMore-item {
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -2px 10px 0 0;
}
.page-overview .overview-listNote .listMore ul li a.more {
  color: #343E98;
  padding-left: 0;
}
.page-overview .overview-listNote .listMore ul li a.dow {
  color: #2E3138;
  background: #F2F3F5;
  min-width: 160px;
  margin-left: 10px;
}
.page-overview .overview-project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.page-overview .overview-project .title-head {
  padding-bottom: 20px;
}
.page-overview .overview-project .content-group {
  padding-top: 0;
}
.page-overview .overview-project.overview-project--table01 .overview-table {
  padding-bottom: 12px;
}
.page-overview .overview-project.overview-project--table01 .overview-table:last-child {
  padding-bottom: 0;
}
.page-overview .overview-project.overview-project--table02 .overview-table {
  padding-bottom: 20px;
}
.page-overview .overview-project.overview-project--table02 .overview-table:last-child {
  padding-bottom: 0;
}
.page-overview .overview-table {
  height: 100%;
  overflow: hidden;
}
.page-overview .table-projectBu {
  max-height: 450px;
}
.page-overview .table-projectBu tr th,
.page-overview .table-projectBu tr td {
  text-align: center;
}
.page-overview .table-projectBu tr th:nth-child(1),
.page-overview .table-projectBu tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
  left: 0;
}
.page-overview .table-projectBu tr th:nth-child(2),
.page-overview .table-projectBu tr td:nth-child(2) {
  text-align: left;
  min-width: 130px;
  max-width: 130px;
  left: 60px;
}
.page-overview .table-projectBu tr th:nth-child(1), .page-overview .table-projectBu tr th:nth-child(2),
.page-overview .table-projectBu tr td:nth-child(1),
.page-overview .table-projectBu tr td:nth-child(2) {
  position: sticky;
  z-index: 2;
}
.page-overview .table-projectBu tr th:nth-child(1), .page-overview .table-projectBu tr th:nth-child(2) {
  z-index: 3;
}

.color-yellow {
  color: #C99E1D;
}

.color-bule {
  color: #578CDB;
}

.color-red {
  color: #E05E52;
}

.color-green {
  color: #60C3AD;
}

.color-bule-name {
  color: #2459A8;
}

/*** page-management ***/
.page-management .flex-direction {
  min-height: 500px;
}
.page-management .table-user tr th,
.page-management .table-user tr td {
  min-width: 150px;
}
.page-management .table-user tr th:nth-child(1),
.page-management .table-user tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-management .table-user tr th:nth-child(4),
.page-management .table-user tr td:nth-child(4) {
  width: 1rem;
}
.page-management .table-user tr th:nth-child(5),
.page-management .table-user tr td:nth-child(5) {
  width: 1rem;
}
.page-management .table-user tr th:nth-child(2),
.page-management .table-user tr td:nth-child(2) {
  min-width: 200px;
}
.page-management .table-user tr th:nth-child(3),
.page-management .table-user tr td:nth-child(3) {
  min-width: 300px;
}
.page-management .table-user tr th:nth-child(1), .page-management .table-user tr th:nth-child(4), .page-management .table-user tr th:nth-child(5),
.page-management .table-user tr td:nth-child(1),
.page-management .table-user tr td:nth-child(4),
.page-management .table-user tr td:nth-child(5) {
  text-align: center;
}
.page-management .table-userList tr th,
.page-management .table-userList tr td {
  min-width: 150px;
}
.page-management .table-userList tr th:nth-child(1),
.page-management .table-userList tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-management .table-userList tr th:nth-child(2), .page-management .table-userList tr th:nth-child(3), .page-management .table-userList tr th:nth-child(4),
.page-management .table-userList tr td:nth-child(2),
.page-management .table-userList tr td:nth-child(3),
.page-management .table-userList tr td:nth-child(4) {
  min-width: 200px;
}
.page-management .table-userList tr th:nth-child(5),
.page-management .table-userList tr td:nth-child(5) {
  width: 1rem;
}
.page-management .table-userList tr th:nth-child(1), .page-management .table-userList tr th:nth-child(5),
.page-management .table-userList tr td:nth-child(1),
.page-management .table-userList tr td:nth-child(5) {
  text-align: center;
}
.page-management .search-management {
  padding-bottom: 20px;
}
.page-management .search-management .search-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1120px;
}
.page-management .search-management .search-row .search-control {
  width: calc(100% - 340px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1365px) {
  .page-management .search-management .search-row .search-control {
    width: calc(100% - 230px);
  }
}
.page-management .search-management .search-row .search-control .search-form {
  width: 33.333333%;
  padding-right: 20px;
}
@media (max-width: 1365px) {
  .page-management .search-management .search-row .search-control .search-form {
    padding-right: 10px;
    width: 40%;
  }
  .page-management .search-management .search-row .search-control .search-form:nth-child(2), .page-management .search-management .search-row .search-control .search-form:nth-child(3) {
    width: 30%;
  }
}
.page-management .search-management .search-row .search-btn {
  width: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1365px) {
  .page-management .search-management .search-row .search-btn {
    width: 230px;
  }
}
.page-management .search-management .search-row .search-btn .btn {
  width: 100%;
  border-radius: 100px;
}
@media (max-width: 1365px) {
  .page-management .search-management .search-row .search-btn .btn {
    padding: 0 6px;
  }
}
.page-management .search-management .search-row .search-btn .btn:first-of-type {
  margin-right: 10px;
}
@media (max-width: 1365px) {
  .page-management .search-management .search-row .search-btn .btn:first-of-type {
    margin-right: 5px;
  }
}
.page-management .search-management .search-row .search-btn .btn:last-child {
  margin-left: 10px;
}
@media (max-width: 1365px) {
  .page-management .search-management .search-row .search-btn .btn:last-child {
    margin-left: 5px;
  }
}

.operation-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.operation-btn .btn {
  width: 32px;
  height: 32px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  margin: 0 2px;
}
.operation-btn .btn:hover {
  background: #ecedef;
}

/*** page-list ***/
.page-list .flex-direction {
  min-height: 500px;
}
.page-list .table-listDepartments tr th,
.page-list .table-listDepartments tr td {
  min-width: 200px;
}
.page-list .table-listDepartments tr th:nth-child(1),
.page-list .table-listDepartments tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-list .table-listDepartments tr th:nth-child(6), .page-list .table-listDepartments tr th:nth-child(7),
.page-list .table-listDepartments tr td:nth-child(6),
.page-list .table-listDepartments tr td:nth-child(7) {
  width: 1rem;
  min-width: 100px;
}
.page-list .table-listDepartments tr th:nth-child(1), .page-list .table-listDepartments tr th:nth-child(3), .page-list .table-listDepartments tr th:nth-child(6), .page-list .table-listDepartments tr th:nth-child(7),
.page-list .table-listDepartments tr td:nth-child(1),
.page-list .table-listDepartments tr td:nth-child(3),
.page-list .table-listDepartments tr td:nth-child(6),
.page-list .table-listDepartments tr td:nth-child(7) {
  text-align: center;
}
.page-list .table-listProject tr th,
.page-list .table-listProject tr td {
  min-width: 100px;
}
.page-list .table-listProject tr th:nth-child(1),
.page-list .table-listProject tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-list .table-listProject tr th:nth-child(2),
.page-list .table-listProject tr td:nth-child(2) {
  min-width: 150px;
}
.page-list .table-listProject tr th:nth-child(10),
.page-list .table-listProject tr td:nth-child(10) {
  min-width: 160px;
  max-width: 160px;
}
.page-list .table-listProject tr th:nth-child(1), .page-list .table-listProject tr th:nth-child(11), .page-list .table-listProject tr th:nth-child(12),
.page-list .table-listProject tr td:nth-child(1),
.page-list .table-listProject tr td:nth-child(11),
.page-list .table-listProject tr td:nth-child(12) {
  text-align: center;
}

.search-list {
  padding-bottom: 20px;
}
.search-list .search-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1520px;
}
.search-list .search-group .search-form {
  width: calc(100% - 360px);
}
@media (max-width: 1727px) {
  .search-list .search-group .search-form {
    width: calc(100% - 344px);
  }
}
@media (max-width: 1365px) {
  .search-list .search-group .search-form {
    width: 100%;
  }
}
.search-list .search-group .search-form > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
}
@media (max-width: 1727px) {
  .search-list .search-group .search-form > ul {
    margin-left: -12px;
  }
}
.search-list .search-group .search-form > ul > li {
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 1727px) {
  .search-list .search-group .search-form > ul > li {
    padding-left: 12px;
  }
}
.search-list .search-group .search-form > ul > li:nth-child(1), .search-list .search-group .search-form > ul > li:nth-child(2), .search-list .search-group .search-form > ul > li:nth-child(3) {
  width: 18%;
}
.search-list .search-group .search-form > ul > li:nth-child(4), .search-list .search-group .search-form > ul > li:nth-child(5) {
  width: 23%;
}
@media (max-width: 1300px) {
  .search-list .search-group .search-form > ul > li:nth-child(1), .search-list .search-group .search-form > ul > li:nth-child(2), .search-list .search-group .search-form > ul > li:nth-child(3) {
    width: 33.333333%;
  }
  .search-list .search-group .search-form > ul > li:nth-child(4), .search-list .search-group .search-form > ul > li:nth-child(5) {
    width: 50%;
  }
}
.search-list .search-group .search-btn {
  width: 360px;
  padding-left: 20px;
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1727px) {
  .search-list .search-group .search-btn {
    padding-left: 12px;
    width: 344px;
  }
}
@media (max-width: 1365px) {
  .search-list .search-group .search-btn {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 8px 0 0 0;
  }
}
.search-list .search-group .search-btn .btn {
  margin-right: 20px;
  min-width: 160px;
  border-radius: 100px;
}
@media (max-width: 1727px) {
  .search-list .search-group .search-btn .btn {
    margin-right: 12px;
  }
}
@media (max-width: 1365px) {
  .search-list .search-group .search-btn .btn {
    min-width: inherit;
    width: 100%;
  }
}
.search-list .search-group .search-btn .btn:last-child {
  margin-right: 0;
}

/*** modal ***/
.user-group {
  padding-top: 36px;
}
.user-group .user-name .user-label {
  color: #2E3138;
  font-size: 15px;
  padding-bottom: 8px;
}
.authorization {
  padding-top: 24px;
}
.authorization .authorization-title {
  border-bottom: 1px solid #D0D2D8;
  padding-bottom: 4px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.authorization .authorization-title .tlt {
  text-transform: uppercase;
  font-weight: 700;
  color: #565C67;
}
.authorization .authorization-title .obligatory {
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #565C67;
  font-size: 13px;
}
.authorization .authorization-title .obligatory span {
  min-width: 16px;
  margin-right: 4px;
  margin-top: -2px;
}
.authorization .authorization-table {
  border: 1px solid #E3E5E8;
  border-radius: 6px;
  min-height: 200px;
  overflow: hidden;
}
.authorization .authorization-table .tableScroll {
  border-radius: 6px;
}

.table-decentralization {
  max-height: 364px;
}
.table-decentralization tr th,
.table-decentralization tr td {
  width: 1rem;
  min-width: 150px;
  text-align: center;
}
.table-decentralization tr th:nth-child(1),
.table-decentralization tr td:nth-child(1) {
  min-width: 60px;
}
.table-decentralization tr th:nth-child(2),
.table-decentralization tr td:nth-child(2) {
  max-width: 250px;
  width: inherit;
  text-align: left;
}

.modal-confirm {
  padding: 12px 0;
}
.modal-confirm .confirm-title {
  padding-top: 20px;
  font-size: 24px;
  font-weight: 700;
  color: #37393D;
}
.modal-confirm .confirm-text {
  font-size: 18px;
  font-weight: 500;
  padding-top: 20px;
}

.form-modal {
  padding-top: 16px;
}
.form-modal .formGroup {
  padding-top: 20px;
}
.form-modal .formGroup .formGroup-label {
  color: #2E3138;
  font-size: 15px;
  padding-bottom: 8px;
}
.form-modal .formGroup .formGroup-label .span-mm {
  color: #878E9B;
  font-size: 14px;
  padding-left: 4px;
}
.form-modal .select-control .dropdown-menu {
  max-height: 83px;
}
.form-modal .select-control.select-control-mhDropdown160 .dropdown-menu {
  max-height: 172px;
}
.form-modal .form-col2 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
}
.form-modal .form-col2 > ul > li {
  width: 50%;
  padding-left: 20px;
}
.form-modal .form-col2 .custom-control {
  margin-top: 8px;
}
.form-modal .scrollbar-body {
  max-height: 590px;
  margin-left: -30px;
  width: calc(100% + 60px);
  padding: 0 30px;
  margin-top: 20px;
}
.form-modal .scrollbar-body .formPart:last-child {
  margin-bottom: 0;
}
.form-modal .btn-add {
  padding-top: 20px;
}
.form-modal .btn-add .btn {
  width: 100%;
  font-size: 15px;
}

.detailsNorm .boxNorm {
  border: 1px solid #E3E5E8;
  border-radius: 8px;
  overflow: hidden;
}
.detailsNorm .boxNorm .table-norm {
  max-height: 456px;
  min-height: 456px;
  border-radius: 8px;
}
.detailsNorm .boxNorm .table-norm tr th,
.detailsNorm .boxNorm .table-norm tr td {
  font-size: 14px;
  text-align: center;
}
.detailsNorm .boxNorm .table-norm tr th:nth-child(1),
.detailsNorm .boxNorm .table-norm tr td:nth-child(1) {
  min-width: 200px;
  max-width: 200px;
  text-align: left;
}
.detailsNorm .boxNorm .table-norm tr td {
  font-weight: 700;
}
.detailsNorm .boxNorm .table-norm tr td:nth-child(1) {
  font-weight: 400;
}

.formPart {
  background: #F7F7F8;
  border-radius: 8px;
  padding: 4px 20px 20px;
  margin-bottom: 20px;
  position: relative;
}
.formPart .btn-close {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 13px;
  right: 13px;
}
.formPart .btn-close .btn {
  padding: 0;
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formPart .btn-close img {
  max-width: 12px;
}

/*** page-bonus ***/
.page-bonus .flex-direction {
  min-height: 500px;
}
.page-bonus .table-approvalList tr th {
  white-space: normal;
}
.page-bonus .table-approvalList tr th,
.page-bonus .table-approvalList tr td {
  min-width: 130px;
}
.page-bonus .table-approvalList tr th:nth-child(1), .page-bonus .table-approvalList tr th:nth-child(5), .page-bonus .table-approvalList tr th:nth-child(8),
.page-bonus .table-approvalList tr td:nth-child(1),
.page-bonus .table-approvalList tr td:nth-child(5),
.page-bonus .table-approvalList tr td:nth-child(8) {
  text-align: center;
}
.page-bonus .table-approvalList tr th:nth-child(1),
.page-bonus .table-approvalList tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-bonus .table-approvalList tr th:nth-child(2),
.page-bonus .table-approvalList tr td:nth-child(2) {
  width: 1rem;
  min-width: 160px;
}
.page-bonus .table-approvalList tr th:nth-child(8),
.page-bonus .table-approvalList tr td:nth-child(8) {
  min-width: 200px;
}
.page-bonus .table-approvalListQam tr th,
.page-bonus .table-approvalListQam tr td {
  width: 1rem;
  min-width: 140px;
}
.page-bonus .table-approvalListQam tr th:nth-child(1), .page-bonus .table-approvalListQam tr th:nth-child(5), .page-bonus .table-approvalListQam tr th:nth-child(6), .page-bonus .table-approvalListQam tr th:nth-child(7), .page-bonus .table-approvalListQam tr th:last-child,
.page-bonus .table-approvalListQam tr td:nth-child(1),
.page-bonus .table-approvalListQam tr td:nth-child(5),
.page-bonus .table-approvalListQam tr td:nth-child(6),
.page-bonus .table-approvalListQam tr td:nth-child(7),
.page-bonus .table-approvalListQam tr td:last-child {
  text-align: center;
}
.page-bonus .table-approvalListQam tr th:nth-child(1),
.page-bonus .table-approvalListQam tr td:nth-child(1) {
  min-width: 60px;
}
.page-bonus .table-approvalListQam tr th:nth-child(2), .page-bonus .table-approvalListQam tr th:nth-child(5), .page-bonus .table-approvalListQam tr th:nth-child(6), .page-bonus .table-approvalListQam tr th:nth-child(7), .page-bonus .table-approvalListQam tr th:last-child,
.page-bonus .table-approvalListQam tr td:nth-child(2),
.page-bonus .table-approvalListQam tr td:nth-child(5),
.page-bonus .table-approvalListQam tr td:nth-child(6),
.page-bonus .table-approvalListQam tr td:nth-child(7),
.page-bonus .table-approvalListQam tr td:last-child {
  min-width: 160px;
}
.page-bonus .table-approvalListQam tr th:nth-child(10),
.page-bonus .table-approvalListQam tr td:nth-child(10) {
  min-width: 100px;
}
.page-bonus .tableBox--change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-bonus .tableBox--change .tableScroll {
  /*.table-approvalListCnb {
  	&:nth-child(1) {
  		height: 100%;
  	}
  	&:nth-child(2) {
  		position: sticky;
  		bottom: 0;
  		z-index: 2;
  	}
  }*/
}
.page-bonus .table-approvalListCnb tr {
  width: 100%;
}
.page-bonus .table-approvalListCnb tr th,
.page-bonus .table-approvalListCnb tr td {
  min-width: 130px;
  max-width: 130px;
  white-space: initial;
  /*&:nth-child(2),
  &:nth-child(5) {
  	min-width: 200px;
  	max-width: 200px;
  }
  &:nth-child(3) {
  	min-width: 226px;
  	max-width: 226px;
  }
  &:nth-child(4) {
  	min-width: 220px;
  	max-width: 220px;
  }
  &:last-child {
  	min-width: 170px;
  	max-width: 170px;
  }*/
}
.page-bonus .table-approvalListCnb tr th:nth-child(1), .page-bonus .table-approvalListCnb tr th:nth-child(3), .page-bonus .table-approvalListCnb tr th:nth-child(4), .page-bonus .table-approvalListCnb tr th:nth-child(5), .page-bonus .table-approvalListCnb tr th:last-child,
.page-bonus .table-approvalListCnb tr td:nth-child(1),
.page-bonus .table-approvalListCnb tr td:nth-child(3),
.page-bonus .table-approvalListCnb tr td:nth-child(4),
.page-bonus .table-approvalListCnb tr td:nth-child(5),
.page-bonus .table-approvalListCnb tr td:last-child {
  text-align: center;
}
.page-bonus .table-approvalListCnb tr th:nth-child(1),
.page-bonus .table-approvalListCnb tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
  max-width: 60px;
}
.page-bonus .table-approvalListCnb tfoot tr td:nth-child(1) {
  text-align: left;
}
.page-bonus .bonus-list {
  padding: 4px 24px 36px;
}
.page-bonus .bonus-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2%;
}
.page-bonus .bonus-list ul li {
  width: 33.333333%;
  padding: 20px 0 0 2%;
}
.page-bonus .bonus-list .bonus-label {
  color: #565C67;
  font-size: 16px;
}
.page-bonus .bonus-list .bonus-text {
  color: #2E3138;
  font-size: 16px;
  font-weight: 600;
  margin-top: 6px;
}
.page-bonus .bonus-nav {
  background: #fff;
  position: sticky;
  top: -18px;
  z-index: 3;
  border-bottom: 1px solid #ECEDEF;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(46, 49, 56, 0.05), 0px 0px 2px 0px rgba(46, 49, 56, 0.05);
          box-shadow: 0px 4px 10px 0px rgba(46, 49, 56, 0.05), 0px 0px 2px 0px rgba(46, 49, 56, 0.05);
}
.page-bonus .bonus-nav--col2 ul li {
  width: 50%;
}
.page-bonus .bonus-nav--col3 ul li {
  width: 33.333333%;
}
.page-bonus .bonus-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-bonus .bonus-nav ul li a {
  font-weight: 700;
  font-size: 18px;
  color: #878E9B;
  display: block;
  text-align: center;
  line-height: 40px;
  position: relative;
}
.page-bonus .bonus-nav ul li a.active {
  color: #343E98;
}
.page-bonus .bonus-nav ul li a.active::after {
  background: #6771CB;
}
.page-bonus .bonus-nav ul li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  -webkit-transition: 400ms all;
  transition: 400ms all;
}
.page-bonus .bonus-nav ul li a:hover {
  color: #343E98;
}
.page-bonus .bonus-nav ul li a:hover::after {
  background: #6771CB;
}
.page-bonus .bonus-note--change ~ .bonus-group {
  padding-top: 12px;
}
.page-bonus .bonus-group {
  padding: 20px 0 8px;
}
.page-bonus .bonus-group .bonus-box {
  margin-bottom: 20px;
}
.page-bonus .bonus-group .bonus-box:last-child {
  margin-bottom: 0;
}
.page-bonus .bonus-content {
  padding: 0 24px 24px;
}
.page-bonus .bonus-content .bonus-detail {
  padding: 44px 0 0;
}
.page-bonus .bonus-content .bonus-detail:last-child {
  padding-bottom: 0;
}
.page-bonus .bonus-title {
  padding-bottom: 4px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D0D2D8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-bonus .bonus-title .tlt {
  color: #565C67;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}
.page-bonus .bonus-title .bonus-total ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-bonus .bonus-title .bonus-total ul li {
  padding-right: 48px;
  font-size: 16px;
  position: relative;
}
@media (max-width: 1365px) {
  .page-bonus .bonus-title .bonus-total ul li {
    padding-right: 24px;
  }
}
.page-bonus .bonus-title .bonus-total ul li::after {
  position: absolute;
  top: 0;
  right: 24px;
  content: "";
  width: 1px;
  height: 19px;
  background: #DEE1E7;
}
@media (max-width: 1365px) {
  .page-bonus .bonus-title .bonus-total ul li::after {
    right: 12px;
  }
}
.page-bonus .bonus-title .bonus-total ul li:last-child {
  padding-right: 0;
}
.page-bonus .bonus-title .bonus-total ul li:last-child::after {
  display: none;
}
.page-bonus .bonus-title .bonus-total .bonus-tlt {
  color: #565C67;
  padding-right: 16px;
}
.page-bonus .bonus-title .bonus-total .bonus-number {
  color: #2E3138;
  font-weight: 600;
}
.page-bonus .table-statistical {
  max-height: 700px;
}
.page-bonus .table-statistical tr.statistical-one td {
  border: none;
}
.page-bonus .table-statistical tr.statistical-one td:nth-child(1), .page-bonus .table-statistical tr.statistical-one td:nth-child(2) {
  border-bottom: 1px solid #E3E5E8;
}
.page-bonus .table-statistical tr.statistical-two td {
  border: none;
}
.page-bonus .table-statistical tr.statistical-two td:nth-child(1), .page-bonus .table-statistical tr.statistical-father td:nth-child(1) {
  width: 1rem;
  min-width: 250px;
  text-align: left;
}
.page-bonus .table-statistical tr.statistical-two td:nth-child(2), .page-bonus .table-statistical tr.statistical-father td:nth-child(2) {
  width: initial;
  min-width: 300px;
}
.page-bonus .table-statistical tr.statistical-two td:nth-child(3), .page-bonus .table-statistical tr.statistical-two td:nth-child(4), .page-bonus .table-statistical tr.statistical-two td:nth-child(5), .page-bonus .table-statistical tr.statistical-father td:nth-child(3), .page-bonus .table-statistical tr.statistical-father td:nth-child(4), .page-bonus .table-statistical tr.statistical-father td:nth-child(5) {
  width: 1rem;
  min-width: 120px;
  text-align: center;
}
.page-bonus .table-statistical tr th,
.page-bonus .table-statistical tr td {
  border-bottom: 1px solid #E3E5E8;
}
.page-bonus .table-statistical tr th:nth-child(1), .page-bonus .table-statistical tr th:nth-child(5), .page-bonus .table-statistical tr th:nth-child(6), .page-bonus .table-statistical tr th:nth-child(7),
.page-bonus .table-statistical tr td:nth-child(1),
.page-bonus .table-statistical tr td:nth-child(5),
.page-bonus .table-statistical tr td:nth-child(6),
.page-bonus .table-statistical tr td:nth-child(7) {
  text-align: center;
}
.page-bonus .table-statistical tr th:nth-child(1),
.page-bonus .table-statistical tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-bonus .table-statistical tr th:nth-child(2),
.page-bonus .table-statistical tr td:nth-child(2) {
  width: 1rem;
  min-width: 200px;
}
.page-bonus .table-statistical tr th:nth-child(3),
.page-bonus .table-statistical tr td:nth-child(3) {
  width: 1rem;
  min-width: 280px;
}
.page-bonus .table-statistical tr th:nth-child(4),
.page-bonus .table-statistical tr td:nth-child(4) {
  min-width: 300px;
}
.page-bonus .table-statistical tr th:nth-child(5), .page-bonus .table-statistical tr th:nth-child(6), .page-bonus .table-statistical tr th:nth-child(7),
.page-bonus .table-statistical tr td:nth-child(5),
.page-bonus .table-statistical tr td:nth-child(6),
.page-bonus .table-statistical tr td:nth-child(7) {
  width: 1rem;
  min-width: 120px;
}
.page-bonus .table-statistical tr td {
  vertical-align: top;
}
.page-bonus .table-statistical .statistical-radio {
  text-align: left;
}
.page-bonus .table-statistical .statistical-radio ul li {
  padding: 5px 0;
}
.page-bonus .bonus-rowForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1058px;
  margin-left: -48px;
}
@media (max-width: 1365px) {
  .page-bonus .bonus-rowForm {
    margin-left: -24px;
  }
}
.page-bonus .bonus-rowForm.bonus-rowForm--change {
  max-width: 100%;
  margin-left: 0;
}
.page-bonus .bonus-rowForm.bonus-rowForm--change .bonus-col {
  width: 100%;
  padding-left: 0;
}
.page-bonus .bonus-rowForm .bonus-col {
  padding-top: 20px;
  width: 25%;
  padding-left: 48px;
}
@media (max-width: 1365px) {
  .page-bonus .bonus-rowForm .bonus-col {
    padding-left: 24px;
    width: 50%;
  }
}
.page-bonus .bonus-rowForm .bonus-form .bonus-form__label {
  font-size: 15px;
  color: #2E3138;
  padding-bottom: 8px;
}
.page-bonus .bonus-rowForm .bonus-form .bonus-form__label span {
  color: #878E9B;
  font-size: 14px;
  padding-left: 4px;
  vertical-align: baseline;
}
.page-bonus .bonus-rowForm .bonus-form .bonus-form__label span.required {
  color: #D93526;
  font-size: 16px;
  padding-left: 2px;
}
.page-bonus .bonus-rowForm .bonus-form .bonus-radio .custom-control {
  margin-top: 12px;
  margin-right: 20px;
}
.page-bonus .bonus-rowForm .bonus-form .bonus-radio .custom-control:last-child {
  margin-right: 0;
}
.page-bonus .bonus-rowForm .bonus-form .bonus-radio .custom-control .custom-control-description {
  padding-left: 8px;
}
.page-bonus .bonus-level {
  margin-top: -20px;
}
.page-bonus .table-evaluate {
  max-height: 700px;
  min-height: 320px;
}
.page-bonus .table-evaluate tr th,
.page-bonus .table-evaluate tr td {
  width: 1rem;
}
.page-bonus .table-evaluate tr th:nth-child(1), .page-bonus .table-evaluate tr th:nth-child(5), .page-bonus .table-evaluate tr th:nth-child(6), .page-bonus .table-evaluate tr th:nth-child(7), .page-bonus .table-evaluate tr th:nth-child(8),
.page-bonus .table-evaluate tr td:nth-child(1),
.page-bonus .table-evaluate tr td:nth-child(5),
.page-bonus .table-evaluate tr td:nth-child(6),
.page-bonus .table-evaluate tr td:nth-child(7),
.page-bonus .table-evaluate tr td:nth-child(8) {
  text-align: center;
}
.page-bonus .table-evaluate tr th:nth-child(1),
.page-bonus .table-evaluate tr td:nth-child(1) {
  min-width: 60px;
}
.page-bonus .table-evaluate tr th:nth-child(2),
.page-bonus .table-evaluate tr td:nth-child(2) {
  min-width: 100px;
}
.page-bonus .table-evaluate tr th:nth-child(3),
.page-bonus .table-evaluate tr td:nth-child(3) {
  min-width: 220px;
}
.page-bonus .table-evaluate tr th:nth-child(4),
.page-bonus .table-evaluate tr td:nth-child(4) {
  min-width: 150px;
}
.page-bonus .table-evaluate tr th:nth-child(5), .page-bonus .table-evaluate tr th:nth-child(6), .page-bonus .table-evaluate tr th:nth-child(7), .page-bonus .table-evaluate tr th:nth-child(8),
.page-bonus .table-evaluate tr td:nth-child(5),
.page-bonus .table-evaluate tr td:nth-child(6),
.page-bonus .table-evaluate tr td:nth-child(7),
.page-bonus .table-evaluate tr td:nth-child(8) {
  min-width: 150px;
}
.page-bonus .table-evaluate tr th:nth-child(9),
.page-bonus .table-evaluate tr td:nth-child(9) {
  min-width: 200px;
}
.page-bonus .table-evaluate .select-control .dropdown-menu {
  max-height: 200px;
}
.page-bonus .table-evaluateQam {
  max-height: 700px;
  min-height: 320px;
}
.page-bonus .table-evaluateQam tr th,
.page-bonus .table-evaluateQam tr td {
  width: 1rem;
}
.page-bonus .table-evaluateQam tr th:nth-child(1), .page-bonus .table-evaluateQam tr th:nth-child(5), .page-bonus .table-evaluateQam tr th:nth-child(6), .page-bonus .table-evaluateQam tr th:nth-child(7), .page-bonus .table-evaluateQam tr th:nth-child(8), .page-bonus .table-evaluateQam tr th:nth-child(9), .page-bonus .table-evaluateQam tr th:nth-child(10),
.page-bonus .table-evaluateQam tr td:nth-child(1),
.page-bonus .table-evaluateQam tr td:nth-child(5),
.page-bonus .table-evaluateQam tr td:nth-child(6),
.page-bonus .table-evaluateQam tr td:nth-child(7),
.page-bonus .table-evaluateQam tr td:nth-child(8),
.page-bonus .table-evaluateQam tr td:nth-child(9),
.page-bonus .table-evaluateQam tr td:nth-child(10) {
  text-align: center;
}
.page-bonus .table-evaluateQam tr th:nth-child(1),
.page-bonus .table-evaluateQam tr td:nth-child(1) {
  min-width: 60px;
}
.page-bonus .table-evaluateQam tr th:nth-child(2),
.page-bonus .table-evaluateQam tr td:nth-child(2) {
  min-width: 100px;
}
.page-bonus .table-evaluateQam tr th:nth-child(3),
.page-bonus .table-evaluateQam tr td:nth-child(3) {
  min-width: 220px;
}
.page-bonus .table-evaluateQam tr th:nth-child(4),
.page-bonus .table-evaluateQam tr td:nth-child(4) {
  min-width: 150px;
}
.page-bonus .table-evaluateBud {
  max-height: 700px;
  min-height: 320px;
}
.page-bonus .table-evaluateBud tr th,
.page-bonus .table-evaluateBud tr td {
  width: 1rem;
}
.page-bonus .table-evaluateBud tr th:nth-child(1), .page-bonus .table-evaluateBud tr th:nth-child(5), .page-bonus .table-evaluateBud tr th:nth-child(6), .page-bonus .table-evaluateBud tr th:nth-child(7), .page-bonus .table-evaluateBud tr th:nth-child(8), .page-bonus .table-evaluateBud tr th:nth-child(9), .page-bonus .table-evaluateBud tr th:nth-child(10),
.page-bonus .table-evaluateBud tr td:nth-child(1),
.page-bonus .table-evaluateBud tr td:nth-child(5),
.page-bonus .table-evaluateBud tr td:nth-child(6),
.page-bonus .table-evaluateBud tr td:nth-child(7),
.page-bonus .table-evaluateBud tr td:nth-child(8),
.page-bonus .table-evaluateBud tr td:nth-child(9),
.page-bonus .table-evaluateBud tr td:nth-child(10) {
  text-align: center;
}
.page-bonus .table-evaluateBud tr th:nth-child(1),
.page-bonus .table-evaluateBud tr td:nth-child(1) {
  min-width: 60px;
}
.page-bonus .table-evaluateBud tr th:nth-child(2),
.page-bonus .table-evaluateBud tr td:nth-child(2) {
  min-width: 100px;
}
.page-bonus .table-evaluateBud tr th:nth-child(3),
.page-bonus .table-evaluateBud tr td:nth-child(3) {
  min-width: 220px;
}
.page-bonus .table-evaluateBud tr th:nth-child(4),
.page-bonus .table-evaluateBud tr td:nth-child(4) {
  min-width: 150px;
}
.page-bonus .table-evaluateBud tr th:nth-child(8), .page-bonus .table-evaluateBud tr th:nth-child(9), .page-bonus .table-evaluateBud tr th:nth-child(13),
.page-bonus .table-evaluateBud tr td:nth-child(8),
.page-bonus .table-evaluateBud tr td:nth-child(9),
.page-bonus .table-evaluateBud tr td:nth-child(13) {
  min-width: 130px;
}
.page-bonus .table-evaluateBud .select-control .dropdown-menu {
  max-height: 200px;
}
.page-bonus .bonus-note {
  padding-bottom: 12px;
}
.page-bonus .bonus-note.bonus-note--change {
  padding-bottom: 0;
  padding-top: 20px;
}
.page-bonus .bonus-note .bonus-evaluation {
  font-size: 13px;
  color: #C99E1D;
}
.page-bonus .bonus-note .bonus-requests {
  border-radius: 8px;
  background: #FCEDEB;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(46, 49, 56, 0.1), 0px 2px 2px 0px rgba(46, 49, 56, 0.1);
          box-shadow: 0px 0px 4px 0px rgba(46, 49, 56, 0.1), 0px 2px 2px 0px rgba(46, 49, 56, 0.1);
  padding: 16px 24px;
  margin-top: 12px;
}
.page-bonus .bonus-note .bonus-requests .requests-title {
  color: #565C67;
  font-size: 16px;
}
.page-bonus .bonus-note .bonus-requests .requests-text {
  margin-top: 6px;
  color: #2E3138;
  font-size: 16px;
}
.page-bonus .period {
  padding-top: 20px;
}
.page-bonus .period ~ .content-group,
.page-bonus .period ~ .bonus-group {
  padding-top: 12px;
}
.page-bonus .period ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-bonus .period ul li {
  padding-right: 48px;
  position: relative;
}
@media (max-width: 1365px) {
  .page-bonus .period ul li {
    padding-right: 24px;
  }
}
.page-bonus .period ul li:last-child {
  padding-right: 0;
}
.page-bonus .period ul li:last-child::after {
  display: none;
}
.page-bonus .period ul li::after {
  position: absolute;
  top: 0;
  right: 24px;
  content: "";
  width: 1px;
  height: 18px;
  background: #DEE1E7;
}
@media (max-width: 1365px) {
  .page-bonus .period ul li::after {
    right: 12px;
  }
}
.page-bonus .period .period-title,
.page-bonus .period .period-date,
.page-bonus .period .period-summary {
  font-size: 16px;
}
.page-bonus .period .period-title {
  color: #565C67;
  padding-right: 16px;
}
.page-bonus .period .period-date {
  color: #2E3138;
  font-weight: 600;
}
.page-bonus .period .period-date--yellow {
  color: #C99E1D;
}
.page-bonus .period .period-date--red {
  color: #D93526;
}
.page-bonus .groupBud .reportBud {
  padding-bottom: 40px;
}
.page-bonus .groupBud .reportBud:last-child {
  padding-bottom: 0;
}
.page-bonus .groupBud .titleBud {
  padding-bottom: 4px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D0D2D8;
}
.page-bonus .groupBud .titleBud .tlt {
  color: #565C67;
  font-weight: 800;
  text-transform: uppercase;
}
.page-bonus .table-projectReward {
  max-height: 280px;
}
.page-bonus .table-projectReward tr th,
.page-bonus .table-projectReward tr td {
  min-width: 150px;
  white-space: normal;
}
.page-bonus .table-projectReward tr th:nth-child(1), .page-bonus .table-projectReward tr th:nth-child(6), .page-bonus .table-projectReward tr th:nth-child(7),
.page-bonus .table-projectReward tr td:nth-child(1),
.page-bonus .table-projectReward tr td:nth-child(6),
.page-bonus .table-projectReward tr td:nth-child(7) {
  text-align: center;
}
.page-bonus .table-projectReward tr th:nth-child(1),
.page-bonus .table-projectReward tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-bonus .table-projectReward tr th:nth-child(2),
.page-bonus .table-projectReward tr td:nth-child(2) {
  width: 1rem;
  min-width: 150px;
}
.page-bonus .table-projectReward tr th:nth-child(3),
.page-bonus .table-projectReward tr td:nth-child(3) {
  min-width: 220px;
}
.page-bonus .table-projectReward tr th:nth-child(7),
.page-bonus .table-projectReward tr td:nth-child(7) {
  min-width: 200px;
  max-width: 200px;
}
.page-bonus .table-projectReward .project-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-bonus .table-projectReward .project-info .project-item {
  margin-left: 8px;
  position: relative;
}
.page-bonus .table-projectReward .project-info .project-item .item {
  min-width: 18px;
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.page-bonus .table-projectReward .project-info .project-item .dropdown-menu {
  padding: 10px;
  min-width: 260px;
  border: none;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.page-bonus .table-projectReward .project-info .project-item .dropdown-menu ul li {
  position: relative;
  padding: 2px 0;
  font-size: 15px;
}
.page-bonus .table-staff {
  max-height: 320px;
  min-height: 200px;
}
.page-bonus .table-staff.table-staff--change tr th,
.page-bonus .table-staff.table-staff--change tr td {
  width: 20%;
}
.page-bonus .table-staff.table-staff--change tr th:nth-child(4), .page-bonus .table-staff.table-staff--change tr th:nth-child(5),
.page-bonus .table-staff.table-staff--change tr td:nth-child(4),
.page-bonus .table-staff.table-staff--change tr td:nth-child(5) {
  width: inherit;
}
.page-bonus .table-staff.table-staff--change tr th:nth-child(4) {
  max-width: 120px;
}
.page-bonus .table-staff.table-staff--change tr th:nth-child(5) {
  max-width: 140px;
}
.page-bonus .table-staff tr th,
.page-bonus .table-staff tr td {
  min-width: 100px;
  white-space: normal;
}
.page-bonus .table-staff tr th:nth-child(1),
.page-bonus .table-staff tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
  text-align: center;
}
.page-bonus .table-staff tr th:nth-child(2),
.page-bonus .table-staff tr td:nth-child(2) {
  width: 1rem;
  min-width: 80px;
}
.page-bonus .table-staff tr th:nth-child(3),
.page-bonus .table-staff tr td:nth-child(3) {
  width: 1rem;
  min-width: 200px;
}
.page-bonus .table-staff tr th:nth-child(4),
.page-bonus .table-staff tr td:nth-child(4) {
  width: 1rem;
  min-width: 120px;
}
.page-bonus .table-staff tr th:nth-child(5),
.page-bonus .table-staff tr td:nth-child(5) {
  width: 1rem;
  min-width: 140px;
}
.page-bonus .table-reward tr th,
.page-bonus .table-reward tr td {
  min-width: 120px;
}
.page-bonus .table-reward tr th:nth-child(1),
.page-bonus .table-reward tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
  text-align: center;
}
.page-bonus .table-reward tr th:nth-child(2),
.page-bonus .table-reward tr td:nth-child(2) {
  width: 1rem;
  min-width: 160px;
}
.page-bonus .table-reward tr th:last-child,
.page-bonus .table-reward tr td:last-child {
  width: 1rem;
  text-align: center;
}
.page-bonus .table-performance tr th,
.page-bonus .table-performance tr td,
.page-bonus .table-general tr th,
.page-bonus .table-general tr td {
  min-width: 120px;
}
.page-bonus .table-performance tr th:nth-child(1),
.page-bonus .table-performance tr td:nth-child(1),
.page-bonus .table-general tr th:nth-child(1),
.page-bonus .table-general tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
  text-align: center;
}
.page-bonus .table-performance tr th:last-child,
.page-bonus .table-performance tr td:last-child,
.page-bonus .table-general tr th:last-child,
.page-bonus .table-general tr td:last-child {
  width: 1rem;
  text-align: center;
}
.page-bonus .table-generalParameters tr th,
.page-bonus .table-generalParameters tr td {
  min-width: 120px;
  white-space: normal;
}
.page-bonus .table-generalParameters tr th:nth-child(1), .page-bonus .table-generalParameters tr th:nth-child(4), .page-bonus .table-generalParameters tr th:nth-child(5), .page-bonus .table-generalParameters tr th:nth-child(6), .page-bonus .table-generalParameters tr th:nth-child(7), .page-bonus .table-generalParameters tr th:last-child,
.page-bonus .table-generalParameters tr td:nth-child(1),
.page-bonus .table-generalParameters tr td:nth-child(4),
.page-bonus .table-generalParameters tr td:nth-child(5),
.page-bonus .table-generalParameters tr td:nth-child(6),
.page-bonus .table-generalParameters tr td:nth-child(7),
.page-bonus .table-generalParameters tr td:last-child {
  text-align: center;
}
.page-bonus .table-generalParameters tr th:nth-child(1),
.page-bonus .table-generalParameters tr td:nth-child(1) {
  width: 1rem;
  min-width: 60px;
}
.page-bonus .table-generalParameters tr th:nth-child(2),
.page-bonus .table-generalParameters tr td:nth-child(2) {
  min-width: 130px;
}
.page-bonus .table-generalParameters tr th:nth-child(6),
.page-bonus .table-generalParameters tr td:nth-child(6) {
  min-width: 156px;
}
.page-bonus .table-generalParameters tr th:nth-child(7),
.page-bonus .table-generalParameters tr td:nth-child(7) {
  min-width: 164px;
}
.page-bonus .table-generalParameters tr th:last-child,
.page-bonus .table-generalParameters tr td:last-child {
  width: 1rem;
}

.color-status-yellow {
  color: #C99E1D;
}

.color-status-green {
  color: #2D9F57;
}

.color-status-red {
  color: #D93526;
}

.back {
  padding: 0 0 20px;
}
.back .btn {
  font-size: 16px;
  font-weight: 500;
  color: #878E9B;
  padding: 0;
}
.back .btn .btn-item {
  min-width: 20px;
  margin-right: 4px;
}
.back .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bonus-box {
  border-radius: 8px;
  border: 1px solid #F2F3F5;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(46, 49, 56, 0.1), 0px 2px 2px 0px rgba(46, 49, 56, 0.1);
          box-shadow: 0px 0px 4px 0px rgba(46, 49, 56, 0.1), 0px 2px 2px 0px rgba(46, 49, 56, 0.1);
}

.search-general {
  padding: 8px 0;
  margin-bottom: 20px;
}
.search-general .search-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-general .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-general .search-form .search-col:nth-child(1) .select-dropdown .dropdown-select.dropdown-select--right {
  right: initial;
  left: 0;
}
.search-general .search-btn {
  width: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-general .search-btn .btn {
  width: 100%;
  border-radius: 100px;
}
.search-general .search-btn .btn:first-of-type {
  margin-right: 10px;
}
@media (max-width: 1365px) {
  .search-general .search-btn .btn:first-of-type {
    margin-right: 5px;
  }
}
.search-general .search-btn .btn:last-child {
  margin-left: 10px;
}
@media (max-width: 1365px) {
  .search-general .search-btn .btn:last-child {
    margin-left: 5px;
  }
}
.search-general--mw568 {
  max-width: 568px;
}
.search-general--mw568 .search-row .search-form {
  width: calc(100% - 340px);
}
.search-general--mw568 .search-row .search-form .search-col {
  width: 100%;
  padding-right: 20px;
}
@media (max-width: 1365px) {
  .search-general--mw568 .search-row .search-form .search-col {
    padding-right: 10px;
  }
}
.search-general--mw1230 {
  max-width: 1230px;
}
.search-general--mw1230 .search-row .search-form {
  width: calc(100% - 340px);
}
@media (max-width: 1365px) {
  .search-general--mw1230 .search-row .search-form {
    width: calc(100% - 230px);
  }
}
@media (max-width: 1300px) {
  .search-general--mw1230 .search-row .search-form {
    width: 100%;
  }
}
.search-general--mw1230 .search-row .search-form .search-col {
  width: 25%;
  padding-right: 20px;
}
@media (max-width: 1365px) {
  .search-general--mw1230 .search-row .search-form .search-col {
    padding-right: 10px;
  }
}
@media (max-width: 1365px) {
  .search-general--mw1230 .search-row .search-btn {
    width: 230px;
  }
}
@media (max-width: 1300px) {
  .search-general--mw1230 .search-row .search-btn {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding-top: 16px;
  }
}
@media (max-width: 1365px) {
  .search-general--mw1230 .search-row .search-btn .btn {
    padding: 0 6px;
  }
}
.search-general--mw1008 {
  max-width: 1008px;
}
.search-general--mw1008 .search-row .search-form {
  width: calc(100% - 340px);
}
@media (max-width: 1365px) {
  .search-general--mw1008 .search-row .search-form {
    width: calc(100% - 230px);
  }
}
@media (max-width: 1300px) {
  .search-general--mw1008 .search-row .search-form {
    width: 100%;
  }
}
.search-general--mw1008 .search-row .search-form .search-col {
  width: 33.333333%;
  padding-right: 20px;
}
@media (max-width: 1365px) {
  .search-general--mw1008 .search-row .search-form .search-col {
    padding-right: 10px;
  }
}
@media (max-width: 1365px) {
  .search-general--mw1008 .search-row .search-btn {
    width: 230px;
  }
}
@media (max-width: 1300px) {
  .search-general--mw1008 .search-row .search-btn {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding-top: 16px;
  }
}
@media (max-width: 1365px) {
  .search-general--mw1008 .search-row .search-btn .btn {
    padding: 0 6px;
  }
}