/*-------------------------------- Import Custom Font Monterrat */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Thin.woff2') format('woff2'),
         url('../fonts/Montserrat-Thin.woff') format('woff'),
         url('../fonts/Montserrat-Thin.ttf')  format('truetype'),
         url('../fonts/Montserrat-Thin.svg#Montserrat Thin') format('svg');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
         url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
         url('../fonts/Montserrat-ExtraLight.ttf')  format('truetype'),
         url('../fonts/Montserrat-ExtraLight.svg#Montserrat ExtraLight') format('svg');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Light.woff2') format('woff2'),
         url('../fonts/Montserrat-Light.woff') format('woff'),
         url('../fonts/Montserrat-Light.ttf')  format('truetype'),
         url('../fonts/Montserrat-Light.svg#Montserrat Light') format('svg');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Regular.woff2') format('woff2'),
         url('../fonts/Montserrat-Regular.woff') format('woff'),
         url('../fonts/Montserrat-Regular.ttf')  format('truetype'),
         url('../fonts/Montserrat-Regular.svg#Montserrat') format('svg');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Medium.woff2') format('woff2'),
         url('../fonts/Montserrat-Medium.woff') format('woff'),
         url('../fonts/Montserrat-Medium.ttf')  format('truetype'),
         url('../fonts/Montserrat-Medium.svg#Montserrat Medium') format('svg');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
         url('../fonts/Montserrat-SemiBold.woff') format('woff'),
         url('../fonts/Montserrat-SemiBold.ttf')  format('truetype'),
         url('../fonts/Montserrat-SemiBold.svg#Montserrat SemiBold') format('svg');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Bold.woff2') format('woff2'),
         url('../fonts/Montserrat-Bold.woff') format('woff'),
         url('../fonts/Montserrat-Bold.ttf')  format('truetype'),
         url('../fonts/Montserrat-Bold.svg#Montserrat') format('svg');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
         url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
         url('../fonts/Montserrat-ExtraBold.ttf')  format('truetype'),
         url('../fonts/Montserrat-ExtraBold.svg#Montserrat ExtraBold') format('svg');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Black.woff2') format('woff2'),
         url('../fonts/Montserrat-Black.woff') format('woff'),
         url('../fonts/Montserrat-Black.ttf')  format('truetype'),
         url('../fonts/Montserrat-Black.svg#Montserrat Black') format('svg');
}
/*-------------------------------- Setup BS */
:root {
    scroll-behavior: auto;
}
body.admin {
  position: relative;
}
body {
  background: #e3e8ee;
}
/* .content{
  padding: 10px 10px 25px 10px;
} */
.admin #side-menu {
  background: none;
}
.admin #menu,
.admin #setup-menu-wrapper {
  min-height: calc(100vh - 63px);
}
body.page-small.show-sidebar #wrapper {
  margin-left: 250px;
}
body.hide-sidebar:not(.show-sidebar) #menu {
  margin-left: -250px;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.form-group{margin-bottom: 1rem;}
.input-group-select .bootstrap-select>select+.btn-outline-secondary{border-color: #d8d6de !important;}
.input-group-select .bootstrap-select:focus-within>select+.btn-outline-secondary{
  background: #fff;
  border-color: var(--bs-primary) !important;
}
.bootstrap-select>select+.btn-outline-secondary{
  background: #fff !important;
  border: 1px solid #d8d6de !important;
  color: #2D3436 !important;
}
.bootstrap-select>select+.btn-outline-secondary:hover,
.bootstrap-select>select+.btn-outline-secondary:focus,
.bootstrap-select:focus-within>select+.btn-outline-secondary{
  background: #fff !important;
  border: 1px solid var(--bs-primary) !important;
  color: #2D3436 !important;
}
.bootstrap-select.select-in-item>select+.btn.dropdown-toggle{
  font-size: 1rem;
  padding: 0.571rem 1rem;
  line-height: 1.45;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.bootstrap-select>select[data-size][multiple]~.dropdown-menu{
  max-height: 250px !important;
}
.bootstrap-select>select[data-size][multiple]~.dropdown-menu .inner{
  max-height: 120px !important;
}

td.detail .input-group .bootstrap-select.form-control .dropdown-toggle{
  padding-top: 12px;
  padding-bottom: 11px;
}

.row-5px {
  margin: 0px -5px;
}
.col-5px {
  padding: 0px 5px;
}
.marlr-m5{
  margin-left: -5px;
  margin-right: -5px;
}
.mb-10{margin-bottom: 10px;}
.pr-20{
  padding-right: 20px !important;
}
.w-maxcontent{width: -webkit-max-content;width: -moz-max-content;width: max-content;}
.hide{display: none !important;}
@media (min-width: 1200px) {
  .c-col-lg-3 {
    width: 28%;
  }
  .c-col-lg-4 {
    width: 37%;
  }
}
@media (min-width: 1400px) {
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
}
.crmmobileheader {
  display: none;
}
.break-white-space {
  white-space: break-spaces;
}
.proposal-status-default-default {
  border-left: 2px solid #777;
}
.proposal-status-default-primary {
  border-left: 2px solid #337ab7;
}
.proposal-status-default-success {
  border-left: 2px solid #5cb85c;
}
.proposal-status-default-info {
  border-left: 2px solid #5bc0de;
}
.proposal-status-default-warning {
  border-left: 2px solid #f0ad4e;
}
.proposal-status-default-danger {
  border-left: 2px solid #d9534f;
}
body.admin .input-group {
  margin: 0px;
}
.btn-bottom-toolbar {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-bottom-toolbar{
  width: calc(100% - 35px);
  padding-right: 71px;
}
.btn-footer-bottom-toolbar,
.btn-toolbar-container-out{
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  margin-left: 0px;
  padding-right: 70px;
  right: 0px;
}
.hide-menu {
  color: #423939;
}
.logo-text{color: inherit !important;}
.hex-block-color{
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.flex-one-row{-webkit-box-flex: 0;-ms-flex: 0 1 100%;flex: 0 1 100%;}
.text-normalcase {text-transform: none!important;}
.no-shadow{
  -webkit-box-shadow: 0 0 0 0 transparent !important;
          box-shadow: 0 0 0 0 transparent !important;
}
.text-break-word{
  white-space: normal !important;
  word-break: break-word !important;
}
.td-text-break-word{
  white-space: break-spaces !important;
  word-break: break-word !important;
}
.task-reminder-body{
  -webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
          box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
  min-width: 0;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(34,41,47,.125);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.navbar-header-top{z-index: 999;}
#task_view_description.form-control{border-color: transparent;}
#task_view_description.form-control[contenteditable="true"]{border-color: #d8d6de;}
#task_view_description.task-no-description[contenteditable="true"]{
  border-color: #d8d6de;
  -webkit-box-shadow: 0 3px 10px 0 rgba(34,41,47,.1);
          box-shadow: 0 3px 10px 0 rgba(34,41,47,.1);
  border-radius: 0.375rem;
  padding: 1rem;
  outline: none;
  min-height: 150px;
}
#dashboard .widget-dragger{display: none;}
.z-index-0{z-index: 0 !important;}
.block-yesno-middle .form-check{margin-top: 0.875rem;}
.word-break-by-workd{word-break: break-word;}
.break-all-word{
  white-space: normal;
  word-break: break-word;
}
.apexcharts-menu-item.exportCSV{
  display: none !important;
}
.border-bottom-secondary{border-bottom-color: #9a9d9e !important}
.board-gradient-text{
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
}
.card-profile .wrapper-avatar{
  height: 100px;
  overflow: hidden;
}
.card-profile .wrapper-avatar>img{
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.card-profile .deleted-avatar,
.card-profile .position-button{
  position: absolute;
  top: 10px;
  right: 10px;
}
.card-overview-item{
  border-bottom: 3px solid;
  border-bottom-color: transparent;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.card-overview-item.active{
  border-bottom-color: inherit !important;
}
/* Clear eye in Edge Browser */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear{
    display: none;
}
/*------------------------------------ Leads Overview Summary */
.leads-overview .total-column>a.active{
  pointer-events: none;
}
.leads-overview .total-column>a.active .card{
  border-right-width: 7px !important;
}
/*------------------------------------ Layer Index Relative */
.layer-relative-index-1,
.layer-relative-index-2,
.layer-relative-index-3,
.layer-relative-index-4,
.layer-relative-index-5{position: relative;}
.layer-relative-index-1{z-index: 1;}
.layer-relative-index-2{z-index: 2;}
.layer-relative-index-3{z-index: 3;}
.layer-relative-index-4{z-index: 4;}
.layer-relative-index-5{z-index: 5;}
/*------------------------------------ Form Filter Report */
.form-filter-report{
  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;
}
.form-filter-report .filter-report-field{
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  width: calc(100% - 100px);
  margin-left: 15px;
}
/*------------------------------------ Scrollbar Flat */
.scrollbar-flat{
  padding-right: 15px;
  scrollbar-color: rgba(108, 108, 108, 0.5) rgba(246, 246, 246, 0.7) !important;
  scrollbar-width: thin !important;
}
.scrollbar-flat::-webkit-scrollbar{
    width: 7px;
    height: 7px;
}
.scrollbar-flat::-webkit-scrollbar-track{
    border-radius: 10px;
    background: rgb(246 246 246 / 50%);
}
.scrollbar-flat::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: rgb(108 108 108 / 70%);
}
/*------------------------------------ Spinning Load */
.spinningLoad{
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background-color: rgba(45,62,80,.79);
  z-index: 1050;
}
.spinningLoad>.-obj-icon{
  margin: auto;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: rgb(255 255 255 / 80%);
  border-radius: 0.5rem;
  text-align: center;
  font-size: 2rem;
  color: rgb(14 171 175);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
/*------------------------------------ Animation Loading Data */
.skeleton-data{-webkit-animation: skeleton-loading 1s linear infinite alternate;animation: skeleton-loading 1s linear infinite alternate;}
.skeleton-wrap{
  height: 10px;
  border-radius: 15px;
}
@-webkit-keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}
@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}
/*------------------------------------ Icon Call Center */
.icon_countdown{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* height: 63px; */
}
.icon_countdown .is-ready{
  float: left;
  margin-right: 10px;
  background: #008c88;
  text-align: center;
  color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 5px 13px;
  border-radius: 15px;
  font-size: 0.875rem;
}
.icon_countdown .time-countdown{
  float: left;
  margin: auto;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: 0 0 5px #757575;
          box-shadow: 0 0 5px #757575;
  background: #fff;
  z-index: 1000;
  border-radius: 50%;
  position: relative;
}
.icon_countdown .time-countdown>svg{
  position: relative;
  width: 32px !important;
  height: 32px !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
  z-index: 1000;
  margin-top: 0px;
}
.icon_countdown .time-countdown>svg>circle{
  width: 100%;
  height: 100%;
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  -webkit-transform: translate(1.5px, 1.5px);
          transform: translate(1.5px, 1.5px);
  -webkit-transition: 1s linear all;
  transition: 1s linear all;
}
.icon_countdown .time-countdown>svg>circle:nth-child(2) {
  -webkit-transform: rotate(-90deg) translate(1.5px, 1.5px);
          transform: rotate(-90deg) translate(1.5px, 1.5px);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.icon_countdown .time-countdown .number{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  border-radius: 50%;
}
.icon_countdown .time-countdown .number h2{
  color: #777;
  font-weight: 700;
  font-size: 13px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
  margin: 0px;
}
/*------------------------------------ Setup Checkbox */
.custom-checkbox {
    position: relative;
    display: inline-block;
}
.custom-checkbox input[type="checkbox"] {
  display: none;
}
.custom-checkbox label {
  text-transform: none;
  font-size: 13px;
  margin-left: 30px;
  margin-bottom: 0;
}
.custom-checkbox label:before {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}
.custom-checkbox label:after {
  content: " ";
  height: 20px;
  width: 20px;
  border: 1px solid #a7a7a7;
  position: absolute;
  border-radius: 4px;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-transition: 100ms ease-in-out;
  transition: 100ms ease-in-out;
}
.custom-checkbox input:checked ~ label:before {
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
}
.custom-checkbox input:checked ~ label:after {
  border-top-style: none;
  border-right-style: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  height: 5px;
  width: 10px;
  border-color: #008c88;
  border-radius: 0;
  border-width: 2px;
  top: 6px;
  left: 5px;
}
/*-------------------------------- Setup Group Input Inline */
.group-input{
  border: 1px solid #bfcbd9;
  color: #494949;
  border-radius: 4px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.group-input>div{
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.group-input input{
  width: 100%;
  border: none;
  padding: 6px 12px;
  border-right: 1px solid #bfcbd9;
  background: transparent;
}
.group-input>div:last-child input{border-right: none;}
/*-------------------------------- Setup Badge Color*/
.badge.badge-danger{
  background-color: #fc2d42 !important;
  color: #fff !important;
}
/*-------------------------------- Setup Tooltip UI */
[role="tooltip"].ui-widget-content{
  color: #fff;
  background: #1f2d3d;
  padding: 7px 10px;
}
[role="tooltip"].ui-widget.ui-widget-content {border: 1px solid #1f2d3d;}
[role="tooltip"].ui-widget {font-size: 12px;}
[role="tooltip"].ui-widget-shadow{
  -webkit-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
}
/*-------------------------------- Setup Button Main */
.btn.-round{
  border-radius: 18px !important;
}
.btn-primary-main{
  background-color: #008c88;
  border-color: #008c88;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary-main:hover{
  background-color: #037a77;
  border-color: #037a77;
  color: #fff;
}
/*-------------------------------- Setup Fontsize Button */
.btn-fs-11{
  font-size: 11px !important;
  padding: 5.5px 12px !important;
}
/*-------------------------------- Setup Datatable */
.mainstyle-datatable .label.s-status{
  font-size: 12px;
  padding: 6px 12px;
}
.mainstyle-datatable .td-custom>.checkbox{
  padding-left: 13px;
}
.table.dataTable thead > tr > th {
  text-align: center;
}
.table.dataTable thead > tr > th .checkbox {
  padding-left: 20px;
}
.table.dataTable.dtr-inline.collapsed thead > tr > th .checkbox{
  padding-left: 40px;
}
.table.dataTable td.white-space-normal{white-space: normal !important;}
.table.table-invoiceProducts.dataTable td.white-space-normal{
  white-space: break-spaces !important;
  word-break: break-all;
}
table.dataTable>tbody>tr.child ul.dtr-details{width: 100%;}
table.mainstyle-datatable.edit-f-l tr th:first-child{padding-left: 10px;}
table.mainstyle-datatable.edit-f-l tr th:last-child{padding-right: 10px;}
table.mainstyle-datatable.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.mainstyle-datatable.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{
  background-color: #008c88;
  border: 1px solid #1bb1ad;
  color: #fff;
}
table.mainstyle-datatable:not(.scroll-responsive):not(.table-in-modal):not(.responsive)>thead>tr{
  position: sticky;
  top: 34px;
  z-index: 1;
}
table.mainstyle-datatable:not(.scroll-responsive):not(.table-in-modal)>thead>tr::after{
  content: '';
  position: absolute;
  background: #fff;
  width: 100%;
  top: -41px;
  left: 0px;
  right: 0px;
  height: 41px;
  opacity: 0;
  visibility: hidden;
}
table.mainstyle-datatable.sticky:not(.scroll-responsive)>thead>tr::after{
  opacity: 1;
  visibility: visible;
}
table.mainstyle-datatable.dataTable thead>tr>th,
table.mainstyle-datatable.-basic thead>tr>th{
  background: #008c88;
  color: #fff;
  border-color: #dddddd !important;
}
table.mainstyle-datatable.-basic thead>tr>th{padding: 10px;}
table.mainstyle-datatable#expenses-report-table.table>thead>tr>th{
  background: #008c88 !important;
  color: #fff !important;
  border: 1px solid #dddddd!important;
}
table.mainstyle-datatable.dataTable thead>tr>td.sorting_asc,
table.mainstyle-datatable.dataTable thead>tr>td.sorting_desc,
table.mainstyle-datatable.dataTable thead>tr>th.sorting_asc,
table.mainstyle-datatable.dataTable thead>tr>th.sorting_desc{
  background: #1bb1ad;
}
table.mainstyle-datatable.dataTable thead .sorting:after {opacity: .3;}
table .row-options{
  display: inline-block;
  margin: 0px 0px 0px 10px;
}
.mainstyle-datatable.table>tbody>tr>td,
.mainstyle-datatable.table>tbody>tr>th,
.mainstyle-datatable.table>tfoot>tr>td,
.mainstyle-datatable.table>tfoot>tr>th,
.mainstyle-datatable.table>thead>tr>td,
.mainstyle-datatable.table>thead>tr>th{
  border-color: #dddddd;
}
.app_dt_empty .mainstyle-datatable.dataTables_length,
.app_dt_empty .mainstyle-datatable.dt-buttons,
.app_dt_empty table.mainstyle-datatable thead {
    opacity: 1;
}
table.table-basic-nowrap td,
table.table-basic-nowrap th{
  white-space: nowrap;
}
.table-responsive{
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0px;
}
.table-responsive.responsive-for-basic+.scrollable-top{
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  bottom: 43px;
  margin-top: 3rem;
  z-index: 2;
}
#_staff .table-responsive.responsive-for-basic+.scrollable-top,
#list-report-day .table-responsive.responsive-for-basic+.scrollable-top,
#call_handle_report .table-responsive.responsive-for-basic+.scrollable-top,
#hold_time_report .table-responsive.responsive-for-basic+.scrollable-top,
#service_report .table-responsive.responsive-for-basic+.scrollable-top,
body.omni_channel.report .table-responsive.responsive-for-basic+.scrollable-top{
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  bottom: 0px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
/* .table-responsive.responsive-for-basic table>thead tr>th:first-child,
.table-responsive.responsive-for-basic table>tbody tr>td:first-child{
  position: sticky;
  left: 0px;
  text-align: left !important;
  z-index: 1;
} */
.table-responsive.responsive-for-basic table.roles>tbody tr>td:first-child{
  background: #fbfbfb;
  border-bottom: 1px solid #f0f0f0;
}
.table-responsive.responsive-for-basic table.roles>tbody tr>td:first-child{
  min-width: 300px;
}
.table-responsive.responsive-for-basic table.roles>thead tr>th:first-child{
  width: 300px;
  min-width: 300px;
}
table.table-centered tr>th,
table.table-centered tr>td{
  text-align: center;
}

.dataTables_wrapper .table-responsive::-webkit-scrollbar,
.dataTables_wrapper .table-responsive>table::-webkit-scrollbar{display: none;}
/* For Firefox */
.dataTables_wrapper .table-responsive,
.dataTables_wrapper .table-responsive>table{scrollbar-width: none;}

.custom_move_paging_dt_table{

}
.custom_move_paging_dt_table .dt_table_paging_view_all{
  width: 130px;
}
.scrollable-top{
  width: 100%;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  position: sticky;
  bottom: 8px;
  overflow-x: scroll;
  margin-bottom: 2rem;
  scrollbar-color: rgba(108, 108, 108, 0.3) rgba(246, 246, 246, 0.5) !important;
  scrollbar-width: thin !important;
}
.scrollable-top>.obj-scroll{
  height: 1px;
}
.note-table-responsive{
  margin: auto;
  text-align: center;
  width: auto;
  -webkit-transform: translateY(0px) translateX(0);
          transform: translateY(0px) translateX(0);
  height: auto;
  color: #e92323;
  font-size: 0.875rem;
}
.table-responsive::-webkit-scrollbar,
.scrollable-top::-webkit-scrollbar{
  width: 4px;
  height: 10px;
}
.table-responsive::-webkit-scrollbar-track,
.scrollable-top::-webkit-scrollbar-track{
  border-radius: 10px;
  background: rgb(224 224 224 / 50%);
}
.table-responsive::-webkit-scrollbar-thumb,
.scrollable-top::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background: rgb(102 102 102 / 30%);
}
.dtr-data .label-status{display: inline-block;}
/*-------------------------------- Setup Menu Main */
.admin #menu{
  width: 35px !important;
  z-index: 210;
}
.admin #header{
  border-bottom: 1px solid #008c88;
  z-index: 201;
}
.admin #wrapper{margin: 0 0 0 35px;}
.admin #setup-menu-wrapper{
  overflow: initial;
}
.admin #side-menu{
  position: sticky;
  top: -1px;
}
.admin #setup-menu{
  position: sticky;
  top: 0px;
  height: 100vh;
  overflow: auto;
}
#side-menu .group-modules > li{
  position: relative;
}
#side-menu ul.group-modules > li{position: relative;}
#side-menu ul.group-modules > li > a{
  display: block;
  padding: 7.5px 10px 7.5px 7.5px;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
#side-menu ul.group-modules > li > a .icon-arrow{display: none;}
#side-menu ul.group-modules > li > a > i{
  margin-right: 15px;
  width: 20px;
  text-align: center;
}
#side-menu ul.group-modules > li > a.active{
  background: #008c88;
}
#side-menu ul.group-modules > li:hover > a,
#side-menu ul.group-modules > li > a.active{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #008c88;
}
#side-menu ul.group-modules > li > ul{
  position: absolute;
  top: 100%;
  left: 35px;
  width: 250px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
          box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#side-menu ul.group-modules > li > ul.show-up{
  bottom: 100%;
  top: initial;
}
#side-menu ul.group-modules > li > ul > li{
  position: relative;
  display: block;
}
#side-menu ul.group-modules > li > ul > li > a{
  padding: 9px 7px;
  font-size: 12px;
  display: block;
  color: #323a45;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#side-menu ul.group-modules > li > ul > li:hover > a{
  background: #008c88;
  color: #fff;
}
#side-menu ul.group-modules > li > ul  li  a  i.menu-icon{
  margin-right: 10px;
  width: 17px;
  font-size: 14px;
}
#side-menu ul.group-modules > li > ul > li > a span.arrow{
  -webkit-transform: rotate(180deg) translateY(-2px);
          transform: rotate(180deg) translateY(-2px);
}
#side-menu ul.group-modules > li > ul > li.active > a span.arrow{
  -webkit-transform: rotate(270deg) translateY(-2px);
          transform: rotate(270deg) translateY(-2px);
}
#side-menu ul.group-modules > li:hover ul.nav-first-level{
  opacity: 1;
  visibility: visible;
}
#side-menu ul.group-modules > li > ul > li > ul{
  position: absolute;
  top: 0px;
  left: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #fff;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
          box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
  opacity: 0;
  visibility: hidden;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#side-menu ul.group-modules > li > ul > li > ul.show-up{
  top: initial;
  bottom: 0px;
}
#side-menu ul.group-modules > li > ul > li:hover > ul.nav-second-level{
  opacity: 1;
  visibility: visible;
}
#side-menu ul.group-modules > li > ul > li > ul.nav-second-level li a {
  padding: 7px 10px;
  border-radius: 0px;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #323a45;
  line-height: 1.5;
}
#side-menu ul.group-modules > li > ul > li > ul.nav-second-level li a>i::before{
  display: block;
  margin-top: 3px;
}
#side-menu ul.group-modules > li > ul > li > ul.nav-second-level li a span::before{
  content: '';
  width: 5px;
  height: 2px;
  background: #0183bf;
  margin-right: 5px;
  margin-top: 8px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
/* .box-header-menu-w-aside{}
.box-header-menu-w-aside>ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box-header-menu-w-aside>ul>li{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  position: relative;
}
.box-header-menu-w-aside>ul>li>a{
  padding: 7px 15px;
  display: block;
  color: inherit;
  border-bottom: 1px solid transparent;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.box-header-menu-w-aside>ul>li>a>.menu-icon{
  font-size: 14px;
  margin-right: 10px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.box-header-menu-w-aside>ul>li>a .arrow{
  -webkit-transform: rotate(270deg) translateY(-2px);
          transform: rotate(270deg) translateY(-2px);
  margin-left: 10px;
}
.box-header-menu-w-aside>ul>li+li>a{border-left: 1px solid #ddd;}
.box-header-menu-w-aside>ul>li:hover>a,
.box-header-menu-w-aside>ul>li.active>a{
  color: #fff;
  background: #008c88;
}
.box-header-menu-w-aside>ul>li>ul{
  position: absolute;
  top: 100%;
  background: #fff;
  width: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  z-index: 5;
  left: 0px;
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);
          box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);
  display: none;
}
.box-header-menu-w-aside>ul>li:hover>ul{
  display: block;
}
.box-header-menu-w-aside>ul>li>ul>li>a{
  display: block;
  padding: 5px 15px;
  color: inherit;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.box-header-menu-w-aside>ul>li>ul>li>a>.menu-icon{
  font-size: 14px;
  margin-right: 10px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.box-header-menu-w-aside>ul>li>ul>li:hover>a,
.box-header-menu-w-aside>ul>li>ul>li.active>a{
  color: #fff;
  background: #008c88;
} */

.box-header-menu-w-aside{

}
/* .box-header-menu-w-aside ul{position: relative;} */
.box-header-menu-w-aside ul>li{
  position: relative;
  /* -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto; */
}
.box-header-menu-w-aside ul>i+li{margin-left: 0.25rem;}
.box-header-menu-w-aside ul>li>a{
  display: block;
  -webkit-transition: none;
  transition: none;
  white-space: nowrap;
  color: var(--bs-body-color);
  position: relative;
  padding: 1rem 0.375rem;
  font-weight: 500;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.box-header-menu-w-aside ul>li>a:hover{color: var(--bs-primary);}
.box-header-menu-w-aside ul>li:hover>a,
.box-header-menu-w-aside ul>li.active>a{
  color: var(--bs-primary);
  -webkit-box-shadow: inset 0 -2px 0 0 var(--bs-primary);
          box-shadow: inset 0 -2px 0 0 var(--bs-primary);
}
.box-header-menu-w-aside ul>li>a .arrow{
  -webkit-transform: rotate(270deg) translateY(-2px);
          transform: rotate(270deg) translateY(-2px);
  margin-left: 10px;
}
.box-header-menu-w-aside ul>li>ul{
  position: absolute;
  top: 100%;
  background: #fff;
  width: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  z-index: 5;
  left: 0px;
  border-radius: 0px 0px 0.5rem 0.5rem;
  border: 1px solid rgba(34, 41, 47, 0.05);
  -webkit-box-shadow: 0 5px 25px rgb(34 41 47 / 10%);
          box-shadow: 0 5px 25px rgb(34 41 47 / 10%);
  background-clip: padding-box;
  overflow: hidden;
  display: none;
}
.box-header-menu-w-aside ul>li>ul>li,
.box-header-menu-w-aside ul>li>ul>li+li{margin-left: 0px !important;}
.box-header-menu-w-aside ul>li>ul>li>a{
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  clear: both;
  font-weight: 400;
  color: var(--bs-body-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.box-header-menu-w-aside ul>li>ul>li>a>.sub-menu-text{margin-right: auto;}
.box-header-menu-w-aside ul>li>ul>li>a:hover,
.box-header-menu-w-aside ul>li>ul>li>a:focus{
  color: var(--bs-primary);
  background-color: rgba(14, 171, 175, 0.12);
  -webkit-box-shadow: inset 0 0 0 0 transparent;
          box-shadow: inset 0 0 0 0 transparent;
}
.box-header-menu-w-aside ul>li>ul>li.active>a,
.box-header-menu-w-aside ul>li>ul>li:active>a{
  color: #fff;
  background-color: var(--bs-primary);
}
.box-header-menu-w-aside ul>li:hover>ul{display: block;}

/* body.admin.supportboard .box-header-menu-w-aside{
  -webkit-transform: translateY(63px);
          transform: translateY(63px);
}
body.admin.supportboard.supportboard-setting .box-header-menu-w-aside{
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
} */
/*-------------------------------- Setup Margin */
.mb-0 {
  margin-bottom: 0px !important;
}
.my-3 {
  margin: 1rem 0px !important;
}
.ml-auto {
  margin-left: auto !important;
}
/*-------------------------------- Setup Ratio */
.ratio {
  position: relative;
  width: 100%;
}
.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio-1x1{--bs-aspect-ratio: 100%;}
.ratio-4x3{--bs-aspect-ratio: calc(3 / 4 * 100%);}
.ratio-16x9 {--bs-aspect-ratio: calc(9 / 16 * 100%);}
.ratio-21x9{--bs-aspect-ratio: calc(9 / 21 * 100%);}
/*-------------------------------- Setup Modal */
.modal-preview,
.modal-fullscreen{
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0px;
  overflow: hidden;
  background: #fff;
}
.modal-fullscreen .modal-content,
.modal-preview .modal-content{
  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;
}
.modal-fullscreen .modal-body,
.modal-preview .modal-body{
  overflow-y: auto;
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 15px;
}
.modal-preview .modal-body{
  overflow-y: hidden;
  padding: 20px;
}
.modal-preview .modal-content {
  height: calc(100% - 50px);
  width: calc(100% - 50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 25px auto;
}

.modal-header{
  background: #008c88;
  background: -webkit-gradient(linear,left top, right top,from(#008c88),color-stop(37%, #1c9693),to(#15cac5));
  background: linear-gradient(to right,#008c88,#1c9693 37%,#15cac5 100%);
}
.modal-header>.modal-title{color: var(--bs-white);}
.modal-dialog-centered{
  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;
  min-height: calc(100% - 1rem);
}
.box-delete-message{
  padding: 10px 5px;
  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;
}
.box-delete-message .message-icon{
  font-size: 42px;
  color: #c65144;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 55px;
}
.box-delete-message .message-text{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 55px);
  font-weight: normal;
  font-size: 15px;
  text-align: justify;
  color: #111;
  line-height: 24px;
}
@media (min-width: 576px){
  .modal-dialog-centered {
    min-height: calc(100% - 6rem);
  }
}
#modalPreview .modal-content>.btn{
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 1;
}
/*-------------------------------- Setup Custom Modal Overview */
.custom-mention-overview .btn-post-options-wrapper{display: none;}
.custom-mention-overview .post-content .row,
.custom-mention-overview .panel-footer {
  /* display: none; */
}
.custom-mention-overview .panel_s {
  margin-bottom: 0px;
}
.custom-mention-overview .modal-dialog,
.modal-mention-detail .modal-dialog{
  position: relative;
}
.custom-mention-overview .btn-close,
.modal-mention-detail .btn-close{
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  background: #f5f5f5;
  color: #555;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.custom-mention-overview .btn-close>svg,
.modal-mention-detail .btn-close>svg{
  width: 20px;
  height: 20px;
  fill: currentColor;
  margin-top: 3px;
}
.custom-mention-overview .btn-close:hover,
.modal-mention-detail .btn-close:hover{
  opacity: 0.7;
}
.custom-mention-overview .box-detail-post-mention{
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
.box-detail-post-mention .detail-post-image{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 55%;
  background: #000;
}
.box-detail-post-mention .modal-body{padding: 1rem 1.5rem !important;}
.box-detail-post-mention .post-detail-mention-heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.post-detail-mention-heading .heading-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
.post-detail-mention-heading .heading-avatar img{
  max-width: 100%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-detail-mention-heading .heading-info{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 32px);
  padding-left: 10px;
}
.post-detail-mention-heading .heading-info .info-username{
  font-weight: 600;
  font-size: 14px;
}
.post-detail-mention-heading .heading-info .info-username>a:hover{color: #008c88;}
.post-detail-mention-heading .heading-info .info-timepost{
  font-weight: 400;
  font-size: 12px;
}
.box-detail-post-mention .post-detail-mention-content{
  margin-bottom: 10px;
  font-size: 13px;
}
.box-detail-post-mention .post-detail-count{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px -5px 10px;
}
.box-detail-post-mention .post-detail-count>div{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  padding: 0px 5px;
}
.post-detail-count .count-react{
  text-align: left;
  font-size: 11px;
}
.post-detail-count .count-react svg{
  fill: #008c88;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 5px;
}
.post-detail-count .count-comment{
  text-align: right;
  font-size: 11px;
}
.box-detail-post-mention .post-detail-action{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 10px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box-detail-post-mention .post-detail-action>div{-webkit-box-flex: 1;-ms-flex: 1 0 0%;flex: 1 0 0%;}
.post-detail-action .action-react>a,
.post-detail-action .action-comment>a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  text-align: center;
  font-size: 12px;
}
.post-detail-action .action-react>a>svg,
.post-detail-action .action-comment>a>svg{
  width: 14px;
  height: 14px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-top;
}
.post-detail-action .action-react>a:hover,
.post-detail-action .action-comment>a:hover{
  background: #f5f5f5;
  color: #008c88;
}
.post-detail-action .action-react svg{fill: currentColor;}
.post-detail-action .action-comment svg{stroke: currentColor;}
.post-detail-action .action-react.active a{color: #EA5455;}
.box-detail-post-mention .post-detail--submit{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.post-detail--submit .submit-message,
.post-detail--submit .submit-send{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.post-detail--submit .submit-message{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 80px);
}
.post-detail--submit .submit-message>textarea{
  overflow: hidden;
  overflow-wrap: break-word;
  min-height: 38px;
  height: 38px;
  font-size: 14px;
  font-weight: 500;
  resize: none;
  padding: 0.5rem 1rem!important;
  color: #979797;
}
.post-detail--submit .submit-send{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 80px;
  text-align: right;
}
.post-detail--submit .submit-send .btn{
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
}
.modal-mention-detail .box-detail-post-mention .detail-post-image{width: 100%;}
.modal-mention-detail .box-detail-post-mention .detail-post-image>img{
  width: 50%;
  display: block;
  margin: auto;
}
/*-------------------------------- Setup Alert Register */
.content-register .form-group {
  margin-bottom: 18px;
}
.set-alert {
  position: relative;
}
.set-alert > p {
  position: absolute;
  bottom: -20px;
  left: 0px;
  margin: 0px;
  font-size: 11px;
}
/*-------------------------------- Setup Text Color */
.text-light {
  color: #fff !important;
}
/* .text-primary{color: #007bff!important;}
.text-secondary{color: #6c757d!important;}
.text-success{color: #28a745!important;}
.text-danger{color: #dc3545!important;}
.text-warning{color: #ffc107!important;}
.text-info{color: #17a2b8!important;}
.text-light{color: #f8f9fa!important;}
.text-dark{color: #343a40!important;}
.text-body{color: #212529!important;}
.text-muted{color: #6c757d!important;}
.text-white{color: #fff!important;}
.text-black-50{color: rgba(0,0,0,.5)!important;}
.text-white-50{color: rgba(255,255,255,.5)!important;} */
/*-------------------------------- Setup Login Pages */
.custom-layout-authen{
  background: url(../images/bg_overview.png) no-repeat center center;
  background-size: cover;
  position: relative;
}
.custom-layout-authen::before{
  content: '';
  background: #1C1D21;
  opacity: 0.4;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.custom-layout-authen>.container{
  position: relative;
  z-index: 1;
}
.custom-layout-authen>.container>.row{
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
}
.custom-layout-authen .company-logo{
  padding: 0px;
  margin-bottom: 25px;
  text-align: center;
  color: #fff;
}
.custom-layout-authen .company-logo img{
  width: 100px;
  margin: auto;
}
.custom-layout-authen .authentication-form{
  background: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px;
  font-family: 'Montserrat';
}
.custom-layout-authen .login-header-title,
.custom-layout-authen .login-header-subtitle{
  color: #fff;
  text-align: center;
}
.custom-layout-authen .login-header-title{
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 0px;
  text-transform: none;
}
.custom-layout-authen .login-header-subtitle{
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
}
.custom-layout-authen .alert{
  margin: 10px 0px;
  padding: 10px 15px;
}
.custom-layout-authen section{margin-top: 32px;}
.custom-layout-authen .form-group{
  position: relative;
  margin-bottom: 32px;
}
.custom-layout-authen .form-group::before{
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 20px;
	left: 12px;
}
.custom-layout-authen .form-group.form-username::before{
	background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20486%20486%22%20style%3D%22enable-background%3Anew%200%200%20486%20486%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23fff%22%3E%0A%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M451.6%2C388c-57.3-47.1-119.1-78.3-131.7-84.5c-1.4-0.7-2.3-2.1-2.3-3.7v-89.2c11.2-7.5%2C18.6-20.2%2C18.6-34.7V83.3%0A%09%09%09c0-46-37.3-83.3-83.3-83.3h-10h-10c-46%2C0-83.3%2C37.3-83.3%2C83.3v92.5c0%2C14.5%2C7.4%2C27.2%2C18.6%2C34.7v89.2c0%2C1.6-0.9%2C3-2.3%2C3.7%0A%09%09%09c-12.6%2C6.2-74.4%2C37.4-131.7%2C84.5C24%2C396.5%2C18%2C409.2%2C18%2C422.6V486h225h225v-63.4C468%2C409.2%2C462%2C396.5%2C451.6%2C388z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.custom-layout-authen .form-group.form-password::before{
	background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20330%20330%22%20style%3D%22enable-background%3Anew%200%200%20330%20330%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23fff%22%3E%0A%3Cg%20id%3D%22XMLID_486_%22%3E%0A%09%3Cpath%20id%3D%22XMLID_487_%22%20d%3D%22M165%2C330c63.411%2C0%2C115-51.589%2C115-115c0-29.771-11.373-56.936-30-77.379V85c0-46.869-38.131-85-85-85%0A%09%09S80.001%2C38.131%2C80.001%2C85v52.619C61.373%2C158.064%2C50%2C185.229%2C50%2C215C50%2C278.411%2C101.589%2C330%2C165%2C330z%20M180%2C219.986V240%0A%09%09c0%2C8.284-6.716%2C15-15%2C15s-15-6.716-15-15v-20.014c-6.068-4.565-10-11.824-10-19.986c0-13.785%2C11.215-25%2C25-25s25%2C11.215%2C25%2C25%0A%09%09C190%2C208.162%2C186.068%2C215.421%2C180%2C219.986z%20M110.001%2C85c0-30.327%2C24.673-55%2C54.999-55c30.327%2C0%2C55%2C24.673%2C55%2C55v29.029%0A%09%09C203.652%2C105.088%2C184.91%2C100%2C165%2C100c-19.909%2C0-38.651%2C5.088-54.999%2C14.028V85z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.custom-layout-authen .form-group>.form-control{
  border-radius: 0px;
  border: 1px solid;
  border-color: transparent transparent #fff transparent;
  background: transparent;
  padding: 16px 24px;
  padding-left: 45px;
  height: 56px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.custom-layout-authen .form-group>.form-control::-webkit-input-placeholder{color: #fff;}
.custom-layout-authen .form-group>.form-control:-ms-input-placeholde{color: #fff;}
.custom-layout-authen .form-group>.form-control::-webkit-input-placeholder{color: #fff;}
.custom-layout-authen .form-group>.form-control::-moz-placeholder{color: #fff;}
.custom-layout-authen .form-group>.form-control::-ms-input-placeholder{color: #fff;}
.custom-layout-authen .form-group>.form-control::placeholder{color: #fff;}
.custom-layout-authen .form-group>.form-control:-webkit-autofill,
.custom-layout-authen .form-group>.form-control:-webkit-autofill:hover,
.custom-layout-authen .form-group>.form-control:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.16) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.custom-layout-authen .row-forget-form{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 0px;
  margin-bottom: 32px;
}
.custom-layout-authen .col-memo-form{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70%;
}
.custom-layout-authen .col-forget-form{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30%;
}
.custom-layout-authen .col-memo-form .custom-checkbox label{
  font-weight: 700 !important;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.custom-layout-authen .col-memo-form .custom-checkbox label::before,
.custom-layout-authen .col-memo-form .custom-checkbox label::after{top: 2px;}
.custom-layout-authen .col-memo-form .custom-checkbox input:checked ~ label:before{background: #008c88;}
.custom-layout-authen .col-memo-form .custom-checkbox input:checked ~ label:after{
  top: 8px;
  border-color: #fff;
}
.custom-layout-authen .col-forget-form{text-align: right;}
.custom-layout-authen .col-forget-form>a{
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.3px;
}
.custom-layout-authen button[type="submit"]{
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  padding: 16px 10px;
  border-radius: 8px;
  text-transform: uppercase;
}
/*------------------------------------ Layout Authen - Group Language */
.custom-layout-authen.login_admin .-group-language{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-layout-authen.login_admin .-group-language .select2-container{width: 100% !important;}
.custom-layout-authen.login_admin .-group-language .select2-container .select2-selection--single{
  height: 39px;
  position: relative;
}
.custom-layout-authen.login_admin .-group-language .select2-container .select2-selection--single::after{
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 1.25rem;
  margin-top: -1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m24%2012c0-.002%200-.004%200-.006%200-3.551-1.546-6.74-4.001-8.933l-.012-.01c-.031-.033-.064-.062-.101-.087l-.002-.001c-2.095-1.84-4.859-2.962-7.886-2.962-3.032%200-5.8%201.126-7.91%202.984l.013-.011c-.026.02-.049.041-.07.065v.001c-2.478%202.205-4.031%205.403-4.031%208.963%200%203.55%201.544%206.739%203.997%208.933l.012.01c0%20.003.002.005.005.005.031.035.065.065.101.092l.002.001c2.094%201.837%204.857%202.958%207.881%202.958%203.032%200%205.801-1.126%207.911-2.984l-.013.011c.03-.022.056-.045.08-.07%202.475-2.202%204.026-5.395%204.026-8.951%200-.002%200-.005%200-.007zm-4.462%207.805c-.576-.468-1.223-.897-1.909-1.262l-.065-.032c.613-1.767.982-3.804%201.017-5.923v-.016h4.261c-.156%202.852-1.391%205.388-3.301%207.23zm-6.966-1.505c1.283.069%202.482.351%203.588.81l-.072-.026c-.886%202.02-2.133%203.408-3.516%203.713zm0-1.144v-4.584h4.868c-.043%201.961-.383%203.828-.976%205.578l.039-.131c-1.157-.484-2.498-.795-3.903-.862l-.027-.001zm0-5.728v-4.584c1.431-.069%202.772-.379%204.007-.891l-.079.029c.555%201.619.896%203.485.94%205.425v.021zm0-5.728v-4.495c1.383.305%202.63%201.687%203.516%203.713-1.034.43-2.233.711-3.487.781zm2.854-4c1.238.419%202.312%201.009%203.258%201.752l-.023-.018c-.443.348-.94.676-1.464.961l-.056.028c-.449-1.047-1.025-1.947-1.724-2.737l.009.011zm-4-.492v4.492c-1.283-.069-2.482-.35-3.588-.81l.072.026c.89-2.02%202.135-3.407%203.518-3.712zm-4.568%203.212c-.58-.315-1.077-.642-1.544-1.007l.024.018c.923-.726%201.996-1.315%203.158-1.712l.076-.023c-.689.778-1.265%201.678-1.689%202.658l-.025.065zm4.57%202.423v4.584h-4.868c.044-1.961.385-3.827.979-5.577l-.039.131c1.156.483%202.497.794%203.901.861zm0%205.728v4.584c-1.431.069-2.772.379-4.007.891l.079-.029c-.555-1.618-.896-3.485-.94-5.425v-.021zm0%205.728v4.495c-1.383-.305-2.63-1.687-3.516-3.713%201.034-.43%202.233-.71%203.487-.78l.029-.001zm-2.85%204c-1.238-.418-2.311-1.006-3.258-1.748l.024.018c.443-.348.94-.676%201.464-.961l.056-.028c.445%201.047%201.022%201.947%201.723%202.733l-.009-.01zm8.564-2.72c.58.315%201.077.642%201.544%201.007l-.024-.018c-.923.726-1.996%201.315-3.158%201.712l-.076.023c.689-.778%201.265-1.677%201.689-2.657l.025-.065zm5.7-8.151h-4.261c-.035-2.135-.404-4.172-1.058-6.078l.041.138c.751-.399%201.397-.828%201.997-1.312l-.024.018c1.913%201.845%203.148%204.381%203.303%207.205l.001.028zm-18.38-7.233c.576.468%201.223.897%201.909%201.262l.065.032c-.613%201.767-.982%203.804-1.017%205.923v.016h-4.262c.156-2.852%201.391-5.388%203.301-7.23l.003-.003zm-3.304%208.377h4.261c.035%202.135.404%204.172%201.058%206.078l-.041-.138c-.751.399-1.397.828-1.997%201.312l.024-.018c-1.913-1.845-3.148-4.381-3.303-7.205l-.001-.028z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.custom-layout-authen.login_admin .-group-language .select2-container--default .select2-selection--single{
  background-color: #fff;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
}
.custom-layout-authen.login_admin .-group-language .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 37px;}
.custom-layout-authen.login_admin .-group-language .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 45px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  pointer-events: none;
  color: #fff;
}
.custom-layout-authen.login_admin .-group-language .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 38px;
  width: 30px;
}
.custom-layout-authen.login_admin .select2-dropdown{
  border-radius: 0px 0px 8px 8px;
  border-color: #ddd;
  -webkit-box-shadow: 0px 4px 10px 0 rgb(0 0 0 / 20%);
          box-shadow: 0px 4px 10px 0 rgb(0 0 0 / 20%);
  padding: 8px 8px 16px;
}
.custom-layout-authen.login_admin .select2-container--default .select2-search--dropdown .select2-search__field{
  background: #eff2f5;
  border-color: transparent;
  border-radius: 7px;
  padding: 0.375rem 2rem 0.375rem 1rem;
  font-size: 16px;
}
.custom-layout-authen.login_admin .select2-container--default .select2-search--dropdown{
  position: relative;
  margin-bottom: 0.5rem;
}
.custom-layout-authen.login_admin .select2-container--default .select2-search--dropdown::after{
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.75rem;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20487.95%20487.95%22%20style%3D%22enable-background%3Anew%200%200%20487.95%20487.95%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%09%09%3Cpath%20fill%3D%22%239A9CA7%22%20d%3D%22M481.8%2C453l-140-140.1c27.6-33.1%2C44.2-75.4%2C44.2-121.6C386%2C85.9%2C299.5%2C0.2%2C193.1%2C0.2S0%2C86%2C0%2C191.4s86.5%2C191.1%2C192.9%2C191.1%0A%09%09%09c45.2%2C0%2C86.8-15.5%2C119.8-41.4l140.5%2C140.5c8.2%2C8.2%2C20.4%2C8.2%2C28.6%2C0C490%2C473.4%2C490%2C461.2%2C481.8%2C453z%20M41%2C191.4%0A%09%09%09c0-82.8%2C68.2-150.1%2C151.9-150.1s151.9%2C67.3%2C151.9%2C150.1s-68.2%2C150.1-151.9%2C150.1S41%2C274.1%2C41%2C191.4z%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.custom-layout-authen.login_admin .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible{
  outline: none;
  background: #fff;
  -webkit-box-shadow: 0 1px 10px 0 rgb(0 150 136 / 25%);
          box-shadow: 0 1px 10px 0 rgb(0 150 136 / 25%);
  border-color: rgb(0 116 113 / 60%);
}
.custom-layout-authen.login_admin .select2-results__option{
  padding: 9px 16px 9px 20px;
  line-height: 1.4;
  min-height: inherit;
  cursor: pointer;
  color: #111;
  border-radius: 5px;
  position: relative;
}
.custom-layout-authen.login_admin .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #eff2f5;
  color: #080808;
}
.custom-layout-authen.login_admin .select2-container--default .select2-results__option--selected{background-color: rgb(0 126 149 / 14%) !important;}
.custom-layout-authen.login_admin .select2-container--default .select2-results__option--selected::after{
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  right: 1rem;
  margin-top: -0.875rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23007471%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.03%205.72a.75.75%200%20010%201.06l-11.5%2011.5a.75.75%200%2001-1.072-.012l-5.5-5.75a.75.75%200%20111.084-1.036l4.97%205.195L19.97%205.72a.75.75%200%20011.06%200z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}


[class*="customers_"],
.customers.register{
  background: #607d8b;
  background-size: cover;
  position: relative;
}

[class*="customers_"] > #wrapper > #content > .container,
.customers.register > #wrapper > #content > .container {
  position: relative;
  z-index: 1;
}
[class*="customers_"] > #wrapper > #content > .container:nth-child(2) > .row,
.customers.register > #wrapper > #content > .container:nth-child(2) > .row {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
}

.customers > #wrapper > #content {
  padding-bottom: 0px;
  padding-top: 0px;
  min-height: calc(100vh - 122px);
}

[class*="customers_"] .authentication-form,
.customers.register .authentication-form {
  border-radius: 15px;
  border-color: transparent;
  background: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0 6px 43px 0 rgb(0 0 0 / 40%);
          box-shadow: 0 6px 43px 0 rgb(0 0 0 / 40%);
}

[class*="customers_"] .company-logo,
.customers.register .company-logo {
  padding: 0px;
}

[class*="customers_"] .company-logo img,
.customers.register .company-logo img{
  width: 110px;
  margin: auto;
  /* filter: brightness(0) invert(1); */
}

[class*="customers_"] .company-logo a.logo-text,
.customers.register .company-logo a.logo-text{
  color: #fff !important;
  display: block;
  text-align: center;
  font-size: 20px;
}
[class*="customers_"] .login-header-title,
.customers.register .login-header-title {
  margin: 15px 0px;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
}
[class*="customers_"] .login-header-title,
.customers.register .login-header-title,
[class*="customers_"] .control-label,
.customers.register .control-label {
  color: #fff;
  text-shadow: 3px 3px 4px #000;
}
.customers.register .login-header-title {
  text-align: left;
  margin: 0px;
}
[class*="customers_"] .form-control,
[class*="customers_"] .btn,
.customers.register .form-control,
.customers.register .btn {
  border-radius: 20px;
}
[class*="customers_"] .form-control:not(.bs-searchbox .form-control),
.customers.register .form-control:not(.bs-searchbox .form-control) {
  text-align: left;
  background-color: rgba(0, 0, 0, 0.16);
  border: 0;
  border-left: 2px solid #00c6d7;
  color: #fff;
  outline: 0;
  -webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0 / 40%);
          box-shadow: 0 6px 12px 0 rgb(0 0 0 / 40%);
  border-radius: 0px;
}
[class*="customers_"]
  .form-control:not(.bs-searchbox .form-control):-webkit-autofill,
.customers.register
  .form-control:not(.bs-searchbox .form-control):-webkit-autofill,
[class*="customers_"]
  .form-control:not(.bs-searchbox .form-control):-webkit-autofill:hover,
.customers.register
  .form-control:not(.bs-searchbox .form-control):-webkit-autofill:hover,
[class*="customers_"]
  .form-control:not(.bs-searchbox .form-control):-webkit-autofill:focus,
.customers.register
  .form-control:not(.bs-searchbox .form-control):-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.16) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
[class*="customers_"] .form-control::-webkit-input-placeholder,
.customers.register .form-control::-webkit-input-placeholder {
  color: #fff;
}
[class*="customers_"] .form-control::-moz-placeholder,
.customers.register .form-control::-moz-placeholder {
  color: #fff;
}
[class*="customers_"] .form-control::-ms-input-placeholder,
.customers.register .form-control::-ms-input-placeholder {
  color: #fff;
}
[class*="customers_"] .form-control::placeholder,
.customers.register .form-control::placeholder {
  color: #fff;
}
[class*="customers_"] .bootstrap-select .btn-default,
.customers.register .bootstrap-select .btn-default {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #fff !important;
}
[class*="customers_"] .btn,
.customers.register .btn {
  border-radius: 0px;
}
.header-register {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0px -4px 1.5rem;
}
/*-------------------------------- Overview Pages */
/* body.overview{background: #fff !important;}
body.overview #logo .logo-text{color: #fff !important;}
body.overview #logo img {
  height: 24px;
  filter: brightness(0) invert(1);
}
body.overview #header {
  background: #fff;
  padding: 16px 0px;
  height: 64px;
  border-bottom: 1px solid #F0F0F3;
}
body.overview #top_search_button button,
body.overview .navbar-nav > li > a,
body.overview ul.mobile-icon-menu > li > a,
body.overview .mobile-menu-toggle,
body.overview .open-customizer-mobile {
  color: #007471 !important;
}
body.overview .overlay-backgroud {
  background: url(../images/bg_overview.png) no-repeat center center;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
}
body.overview .overlay-backgroud::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgb(0 0 0 / 10%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
body.overview .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #1f2d3d;
}
body.overview #wrapper {
  margin: 0px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 100vh !important;
}
body.overview #wrapper > .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  padding: 0px;
} */
body.overview .anchor-sticky{
  position: sticky;
  top: 75px;
}
body.overview .header-navbar .navbar-container ul.navbar-nav li.icon>a.nav-link{
  border-radius: 1rem;
  padding: 0.5rem;
  color: var(--bs-secondary);
}
body.overview .header-navbar .navbar-container ul.navbar-nav li.icon>a.nav-link:active,
body.overview .header-navbar .navbar-container ul.navbar-nav li.icon>a.nav-link:focus,
body.overview .header-navbar .navbar-container ul.navbar-nav li.icon>a.nav-link:hover{
  background: rgb(14 171 175 / 5%);
  color: var(--bs-primary);
}
body.overview .header-navbar .navbar-container ul.navbar-nav li.icon>a.nav-link .badge.badge-up{
  font-size: .678rem;
  line-height: .678;
  top: -2px;
  right: -2px;
  min-width: 1.229rem;
  min-height: 1.229rem;
}
body.overview .card-profile .-action{margin-top: 10px;}
body.overview .card-profile .-action>.btn{
  padding: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
body.overview .card-profile .-action>.btn>svg{
  width: 20px;
  height: 20px;
  fill: currentColor;
  display: inline-block;
  vertical-align: sub;
  margin-right: 10px;
}

.box-overview-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  margin: 0rem;
  font-family: 'Montserrat';
}
.box-overview-pages .overview-sidebar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 396px;
  padding: 24px 32px 32px;
  border-right: 1px solid #F0F0F3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.overview-sidebar>div{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  width: 100%;
}
.overview-sidebar .sidebar-logo img{height: 37px;}
.overview-sidebar .sidebar-hello{
  padding-top: 40px;
  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;
}
.overview-sidebar .sidebar-hello .-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 88px;
  height: 88px;
  border-radius: 16px;
  overflow: hidden;
}
.overview-sidebar .sidebar-hello .-avatar>img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0px;
}
.overview-sidebar .sidebar-hello .-desc{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 88px);
  padding-left: 25px;
  color: #1C1D21;
  font-size: 22px;
  font-weight: 400;
}
.overview-sidebar .sidebar-hello .-desc>span{
  font-weight: 700;
  font-size: 26px;
}
.overview-sidebar .sidebar-action{padding-top: 40px;}
.overview-sidebar .sidebar-action .btn{
  padding: 15px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  border-radius: 8px;
}
.overview-sidebar .sidebar-action .btn>svg{
  width: 20px;
  height: 20px;
  fill: currentColor;
  display: inline-block;
  vertical-align: sub;
  margin-right: 10px;
}
.overview-sidebar .sidebar-newsfeed{padding-top: 40px;}
.overview-sidebar .sidebar-newsfeed .newsfeed-title{
  padding-bottom: 25px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #1C1D21;
}
/* .overview-sidebar .sidebar-newsfeed .list-newsfeed{padding-top: 25px;} */
.overview-sidebar .sidebar-newsfeed .list-newsfeed>div{height: 332px;}
.newsfeed-item{
  background: #F8FCFC;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.newsfeed-item .newsfeed-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  position: relative;
}
.newsfeed-item .newsfeed-avatar>.-status{
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #fff;
  bottom: -5px;
  right: -5px;
}
.newsfeed-item .newsfeed-avatar>img{
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: 0 0 3px 0px #efefef;
          box-shadow: 0 0 3px 0px #efefef;
}
.newsfeed-item .newsfeed-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 40px);
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.newsfeed-item .newsfeed-content>.-username{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 50px);
  font-weight: 700;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.newsfeed-item .newsfeed-content>.-timepost{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-weight: 700;
  font-size: 12px;
  color: #8181A5;
}
.newsfeed-item .newsfeed-content>.-desc{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  font-weight: 400;
  font-size: 12px;
  color: #8181A5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overview-sidebar .sidebar-logout>a{
  padding: 16px 25px;
  font-weight: 500;
  font-size: 14px;
  color: #e31010;
}
.overview-sidebar .sidebar-logout>a>svg{
  width: 24px;
  height: 24px;
  fill: currentColor;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 8px;
}
.box-header-overview .navbar-nav>li+li{margin-left: 32px;}
.box-header-overview .navbar-nav>li>a{
  line-height: 48px;
  height: 36px;
  width: 36px;
  padding: 0px;
  text-align: center;
  border-radius: 4px;
  background: #F7FBFB;
  color: #008c88;
}
#header svg:not(.online):not(.away):not(.busy):not(.offline){
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  fill: currentColor;
}
#header.box-header-overview svg{
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.box-header-overview .navbar-nav>li a>.icon-total-indicator{
  right: -5px;
  top: -2px;
}
.box-header-overview .tooltip>.tooltip-inner{
  background: #fff;
  color: #008C88;
  border: 1px solid #CCE8E7;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  border-radius: 8px;
  padding: 8px 10px;
}
.box-overview-pages .overview-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 396px);
}
.box-overview-pages .overview-content>section{
  background: #FCFFFF;
  height: calc(100vh - 84px);
}
/*------------------ Overview Header Tabs */
.box-header-tabs-overview{padding: 16px 16px 0px;}
.box-header-tabs-overview>ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.box-header-tabs-overview>ul>li{display: inline-block;}
.box-header-tabs-overview>ul>li+li{margin-left: 32px;}
.box-header-tabs-overview>ul>li>a{
  display: block;
  padding: 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  border-radius: 4px;
  color: #1C1D21;
  position: relative;
}
.box-header-tabs-overview>ul>li>a:hover,
.box-header-tabs-overview>ul>li.active>a{
  background: rgba(0, 140, 136, 0.1);
  color: #008C88;
}
.box-header-tabs-overview>ul>li.-notice>a::after{
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  background: #FF5630;
  top: 0px;
  right: 0px;
}
.box-header-tabs-overview .start-work-mobile{display: none;}
.box-header-tabs-overview .start-work-mobile .btn{
  padding: 7px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  line-height: 24px;
  border-radius: 8px;
}
.box-header-tabs-overview .start-work-mobile .btn>svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  display: inline-block;
  vertical-align: sub;
  margin-right: 10px;
}
/*------------------ Overview Content Tabs - Card Newsfeed Item */
.card-newsfeed-item{

}
.card-newsfeed-item .card-newsfeed--content{
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
.card-newsfeed-item .card-newsfeed--content p{margin-bottom: 0.5rem;}
.card-newsfeed-item .card-newsfeed--images{
  height: 300px;
  margin-bottom: 0.75rem;
  border-radius: 7px;
}
.card-newsfeed-item .card-newsfeed--images>a{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  border: 1px solid #d8d6de;
}
.card-newsfeed-item .card-newsfeed--images img{
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.card-newsfeed-item .card-newsfeed--comment .comment-count{
  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;
  -ms-align-items: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
.card-newsfeed-item .card-newsfeed--submit{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-newsfeed-item .card-newsfeed--submit .submit-message{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 80px);
}
.card-newsfeed-item .card-newsfeed--submit .submit-message>textarea{
  overflow: hidden;
  overflow-wrap: break-word;
  min-height: 38px;
  height: 38px;
  font-size: 14px;
  font-weight: 500;
  resize: none;
  padding: 0.5rem 1rem!important;
  color: #979797;
  border-radius: 7px;
}
.card-newsfeed-item .card-newsfeed--submit .submit-send{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 80px;
  text-align: right;
}
.card-newsfeed-item .card-newsfeed--submit .submit-send>.btn{border-radius: 7px;}
/*------------------ Overview Content Tabs */
.box-content-overview{}
.list-newsfeed>div{height: calc(100vh - 487px);}
.overview-tab-content-item>div{
  height: 100%;
  padding: 1.5rem;
}
.comment-count .comment-count-left{
  font-weight: 600;
  font-size: 14px;
  color: #EA5455;
  position: relative;
  cursor: pointer;
  padding-bottom: 4px;
  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;
}
.comment-count .comment-count-left>svg{
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: #fff;
  stroke: #ea5455;
  display: inline-block;
  vertical-align: bottom;
}
.comment-count .comment-count-left.-liked>svg{fill: #ea5455;}
.comment-count .doprdown-user-react,
.comment-item .comment-message .c-react .doprdown-user-react{
  display: none;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0px;
  background: rgba(28, 29, 33, 0.9);
  -webkit-box-shadow: -3px 4px 10px rgb(0 116 113 / 10%);
          box-shadow: -3px 4px 10px rgb(0 116 113 / 10%);
  border-radius: 8px;
  padding: 8px;
  width: 115px;
}
.comment-count .comment-count-left:hover .doprdown-user-react,
.comment-item .comment-message .c-react:hover .doprdown-user-react{display: block;}
.comment-count .doprdown-user-react>ul,
.comment-item .comment-message .c-react .doprdown-user-react>ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.comment-count .doprdown-user-react>ul>li>a,
.comment-item .comment-message .c-react .doprdown-user-react>ul>li>a{
  padding: 5px;
  display: block;
  color: #fff;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.4;
  text-align: left;
}
.comment-count .doprdown-user-react>ul>li>a:hover,
.comment-item .comment-message .c-react .doprdown-user-react>ul>li>a:hover{color: rgba(255, 255, 255, 0.6);}
.comment-count .doprdown-user-react>ul>li+li,
.comment-item .comment-message .c-react .doprdown-user-react>ul>li+li{margin-top: 5px;}
.comment-count .comment-count-right{
  font-weight: 600;
  font-size: 12px;
  color: var(--bs-secondary);
  padding-bottom: 4px;
}
.card-newsfeed-item .card-newsfeed--comment .newsfeed-list-comment>div,
#newsfeed .newsfeed_post .post-comment.panel-footer .newsfeed-list-comment>div{
  max-height: 183px;
  overflow: hidden;
  padding: 0px 10px 0px 0px;
}
.comment-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.comment-item .comment-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 10px;
}
.comment-item .comment-avatar>img{
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment-item .comment-message{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 44px);
  margin-left: 8px;
}
.comment-item .comment-message .c-inner{
  background: rgba(45, 52, 54, 0.04);
  border-radius: 14px;
  padding: 8px 15px;
  padding-right: 60px;
  display: inline-block;
  position: relative;
  min-width: 320px;
}
.comment-item .comment-message .c-username{
  font-weight: 600;
  font-size: 14px;
}
.comment-item .comment-message .c-username>a{color: #000;}
.comment-item .comment-message .c-username>a:hover{color: #008C88;}
.comment-item .comment-message .c-message{
  font-weight: 400;
  font-size: 14px;
  color: #1C1D21;
}
.comment-item .comment-message .c-post-time{
  padding-top: 4px;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #8181A5;
}
.comment-item .comment-message .c-post-time .c-action-comment{
  display: inline-block;
  padding-left: 5px;
}
.comment-item .comment-message .c-post-time .c-action-comment>a+a{margin-left: 5px;}
/* .comment-item .comment-message .c-post-time .c-action-comment>.c-action-edit{color: #ff6f00;}
.comment-item .comment-message .c-post-time .c-action-comment>.c-action-save{color: #28c76f;}
.comment-item .comment-message .c-post-time .c-action-comment>.c-action-deleted{color: #fc2d42;} */
.comment-item .comment-message .c-post-time>.c-action-like.-liked{color: #fc2d42;}
.comment-item .comment-message .c-react{
  background: #FFFFFF;
  border-radius: 15px;
  text-align: center;
  color: #EA5455;
  cursor: pointer;
  display: inline-block;
  vertical-align: baseline;
  position: absolute;
  bottom: -12px;
  right: 20px;
  border: 1px solid #F0F3F5;
  padding: 3px 10px;
  font-size: 0.9rem;
  font-weight: 600;
}
.comment-item .comment-message .c-react>svg{
  width: 12px;
  height: 12px;
  stroke: currentColor;
  fill: currentColor;
  margin-right: 0.25rem;
}
.comment-item .comment-message .c-action-reply>a{
  display: block;
  text-align: center;
  height: 100%;
  color: #979797;
}
.comment-item .comment-message .c-action-reply svg{
  width: 18px;
  height: 15px;
  fill: currentColor;
}
.comment-item .comment-message.-edit-message .c-inner{
  padding-right: 15px;
  width: 100%;
}
.comment-item .comment-message.-edit-message .c-message{
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  background-color: #fff;
  padding: 7px 9px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  overflow-wrap: break-word;
  line-height: 1.5;
  font-size: 12px;
  resize: none;
  text-align: justify;
  cursor: text;
  outline: none;
}
.comment-item .c-inner-reply{
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}
.comment-item .c-inner-input{margin-top: 10px;}
.comment-item .c-inner-input .form-control{
  background-color: #fff;
  padding: 7px 15px !important;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  overflow-wrap: break-word;
  min-height: 38px;
  height: 38px;
  line-height: 1.5;
  font-size: 14px;
  resize: none;
  margin-bottom: 10px;
}
.box-rows-goal-today{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box-rows-goal-today .col-calendar-mytodo{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 334px);
}
.box-rows-goal-today .col-list-mytodo{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 302px;
  margin-left: 32px;
  background: #fff;
  padding: 24px;
  border: 1px solid #D3EBEA;
  border-radius: 16px;
  margin-bottom: 25px;
}
.calendar-mytodo{
  position: sticky;
  top: 0px;
}
.calendar-mytodo .widget{
  background: #FFFFFF;
  border: 1px solid #D3EBEA;
  border-radius: 16px;
  padding: 32px;
}
.calendar-mytodo .fc-view{overflow: hidden;}
.calendar-mytodo .fc-basic-view .fc-day-number,
.calendar-mytodo .fc-basic-view .fc-week-number{
  padding: 5px 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #091B3D;
}
.calendar-mytodo #calendar .fc-day-header {
  height: 40px;
  vertical-align: middle;
  font-weight: 700;
  font-size: 12px;
  color: rgb(9 27 61 / 65%);
}
.calendar-mytodo .fc-scroller::-webkit-scrollbar {
  width: 5px;
}
.calendar-mytodo .fc-scroller::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}
.calendar-mytodo .fc-scroller::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: rgba(233, 233, 233, 0.4);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
/* BLock My Todo Item */
.box-rows-goal-today .mytodo-item{

}
.box-rows-goal-today .mytodo-item+.mytodo-item{padding-top: 44px;}
.box-rows-goal-today .mytodo-item .mytodo--heading{
  font-weight: 700;
  font-size: 16px;
  color: var(--bs-body-color);
  padding-bottom: 20px;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.box-rows-goal-today .mytodo-item .mytodo--heading .btn{
  font-size: 12px;
  text-transform: initial;
  padding: 10px 15px;
}
/* BLock Todo Item */
.box-rows-goal-today .todo-item{
  position: relative;
  display: block;
  border: 1px solid #ebe9f1;
  padding: 10px;
  border-radius: 4px;
}
.box-rows-goal-today .todo-item label{
  width: calc(96% - 10px);
  padding-right: 0px;
}
.box-rows-goal-today .todo-item label::before,
.box-rows-goal-today .todo-item label::after{
  top: 20px;
  left: 10px;
}
.box-rows-goal-today .todo-item input:checked ~ label::before{
  top: 20px;
  left: 10px;
}
.box-rows-goal-today .todo-item input:checked ~ label::after{
  top: 27px;
  left: 15px;
}
.box-rows-goal-today .todo-item label.first-todo:before,
.box-rows-goal-today .todo-item label.first-todo:after{
  margin-top: 10px;
  top: 0px;
  left: 0px;
}
.box-rows-goal-today .todo-item input:checked ~ label.first-todo::before{
  top: 2px;
  left: 4px;
}
.box-rows-goal-today .todo-item input:checked ~ label.first-todo::after{
  top: 9px;
  left: 9px;
}
.box-rows-goal-today .todo-item .-title{
  font-weight: 700;
  font-size: 14px;
  color: #091B3D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box-rows-goal-today .todo-item .-subtitle{
  padding-top: 4px;
  font-weight: 500;
  font-size: 12px;
  color: rgba(9, 27, 61, 0.4);
}
.box-rows-goal-today .todo-item .-user{
  padding-top: 4px;
  font-weight: 600;
  font-size: 12px;
  color: #091B3D;
}
.box-rows-goal-today .todo-item .-status{
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.8))), #FF5E61;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #FF5E61;
  color: #FF5E61;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 10px;
  display: inline-block;
  margin-top: 0px;
  padding: 3px 6px;
  margin-right: 0.5rem;
}
.box-rows-goal-today .todo-item .-status>svg{
  width: 12px;
  height: 12px;
  stroke: currentColor;
  display: inline-block;
  vertical-align: bottom;
}
.box-rows-goal-today .todo-item .-timer{
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  display: inline-block;
  margin-top: 4px;
  padding: 6px;
  background: rgba(9, 27, 61, 0.1);
  color: rgba(9, 27, 61, 0.4);
}
.box-rows-goal-today .todo-item .-timer>svg{
  width: 16px;
  height: 16px;
  fill: currentColor;
  display: inline-block;
  vertical-align: sub;
}
.box-rows-goal-today .custom-checkbox.todo-item.-overdue label:before{background: #a7a7a7;}
.box-rows-goal-today .custom-checkbox.todo-item.-overdue input:checked ~ label:before{background: transparent;}
.box-rows-goal-today .todo-item.-timer .-status,
.box-rows-goal-today .todo-item.-newnote .-status{display: none;}
.box-rows-goal-today .todo-item.-overdue.-timer .-status,
.box-rows-goal-today .todo-item.-completed.-timer .-status{display: none;}
.box-rows-goal-today .todo-item input:checked ~ label .todo-info>.-title,
.box-rows-goal-today .todo-item input:disabled ~ label .todo-info>.-title,
.box-rows-goal-today .todo-item.-completed input:checked ~ label .todo-info>.-title,
.box-rows-goal-today .todo-item.-completed input:disabled ~ label .todo-info>.-title,
.box-rows-goal-today .todo-item input:checked ~ label .todo-info .card-title,
.box-rows-goal-today .todo-item input:disabled ~ label .todo-info .card-title,
.box-rows-goal-today .todo-item.-completed input:checked ~ label .todo-info .card-title,
.box-rows-goal-today .todo-item.-completed input:disabled ~ label .todo-info .card-title{text-decoration: line-through;}
.box-rows-goal-today .todo-item input:checked ~ label .todo-info .-title>.-status,
.box-rows-goal-today .todo-item input:disabled ~ label .todo-info .-title>.-status,
.box-rows-goal-today .todo-item.-completed input:checked ~ label .todo-info .-title>.-status,
.box-rows-goal-today .todo-item.-completed input:disabled ~ label .todo-info .-title>.-status,
.box-rows-goal-today .todo-item input:checked ~ label .todo-info .card-title>.-status,
.box-rows-goal-today .todo-item input:disabled ~ label .todo-info .card-title>.-status,
.box-rows-goal-today .todo-item.-completed input:checked ~ label .todo-info .card-title>.-status,
.box-rows-goal-today .todo-item.-completed input:disabled ~ label .todo-info .card-title>.-status{
  background: rgba(75, 159, 71, 0.1);
  color: #4B9F47;
}
.box-rows-goal-today .todo-item.-completed{background: rgba(75, 159, 71, 0.04);}
.box-rows-goal-today .todo-item.-overdue{background: rgba(255, 94, 97, 0.04);}
.box-rows-goal-today .todo-first-item .todo-item{background: #fff;}
.box-rows-goal-today .todo-info{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 90px);
}
.box-rows-goal-today .todo-first-item .todo-item{
  border: none;
  padding: 0px;
  border-radius: 0px;
}
.box-rows-goal-today .meetup-header .todo-info>div{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.box-rows-goal-today .meetup-header .todo-info>div:nth-child(1){width: 60px;}
.box-rows-goal-today .meetup-header .todo-info>div:nth-child(2){width: calc(100% - 130px);}
.box-rows-goal-today .meetup-header .todo-info>div:nth-child(2) .card-title,
.box-rows-goal-today .meetup-header .todo-info>div:nth-child(2) .card-text{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box-rows-goal-today .meetup-header .-timer{display: none;}
.box-rows-goal-today .todo-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 80px;
  text-align: right;
}
.box-rows-goal-today .todo-item+.todo-item{margin-top: 0.75rem;}
.box-rows-goal-today .card-developer-meetup .meetings+.meetings{margin-top: 0.75rem;}
/* Overview Notification */
.dropdown-profile-user{display: none;}
.dropdown-profile-user{
  float: right;
  height: 63px;
  padding: 14px 0;
  margin-right: 15px;
  margin-left: 10px;
  position: relative;
}
.dropdown-profile-user .dropdown-menu-profile-user{
  border: 1px solid #CCE8E7;
  background: #fff;
  border-radius: 8px;
  padding: 5px 15px;
  position: absolute;
  right: 0px;
  top: 54px;
}
.dropdown-profile-user .dropdown-menu-profile-user a{
  padding: 10px;
  margin-top: 3px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  cursor: pointer;
  color: #555;
  text-align: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: transparent;
}
.header-flat-notifications .dropdown-menu.notificationss{
  border: 1px solid #CCE8E7 !important;
  border-radius: 8px;
  padding: 16px;
}
.header-flat-notifications .block-heading-notifications{
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
  padding: 10px;
  padding-bottom: 0px;
}
.block-heading-notifications .notifications-option{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 250px;
}
.notifications-option>ul{
  list-style: none;
  margin-bottom: 0px;
  background: #E3F3F3;
  border-radius: 17px;
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.notifications-option>ul>li{-webkit-box-flex: 1;-ms-flex: 1 0 0%;flex: 1 0 0%;}
.notifications-option>ul>li:last-child{
  padding: 0px !important;
  font-weight: 400 !important;
  text-align: left !important;
}
.notifications-option>ul>li>a{
  padding: 4px !important;
  border-radius: 16px;
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  color: #007471;
  font-weight: 500;
}
.notifications-option>ul>li.active>a{
  font-weight: 600;
  color: #008C88;
  background-color: #fff;
}
.block-heading-notifications .notifications-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  overflow: hidden;
  padding: 0px;
  text-align: center;
  border: none;
}
.block-heading-notifications .notifications-action>a{
  display: block;
  height: 100%;
}
.block-heading-notifications .notifications-action>a>svg{margin-top: 4px;}
.block-content-notifications ul{
  padding: 10px;
  padding-top: 0px;
}
.block-content-notifications ul>li{
  margin-bottom: 8px;
}
.block-content-notifications ul>li.divider{
  min-height: auto;
}
.block-content-notifications .notification-box,
.block-content-notifications .notification-box-all{
  background: #fff;
  border-radius: 8px;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block-content-notifications .notification-box{background: #fff;}
.block-content-notifications .notification-box-all.unread,
.block-content-notifications .notification-box.unread{background: #E3F3F3;}
.block-content-notifications .notification-box:hover,
.block-content-notifications .notification-box-all:hover{background: rgb(14 171 175 / 20%);}
.block-content-notifications .notification-box .media-avatar,
.block-content-notifications .notification-box-all .media-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  margin-top: 3px;
  border-radius: 4px;
  overflow: hidden;
}
.block-content-notifications .notification-box .media-avatar>img,
.block-content-notifications .notification-box-all .media-avatar>img{
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-content-notifications .notification-box .media-body,
.block-content-notifications .notification-box-all .media-body{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 32px);
  padding-left: 18px;
  position: relative;
}
.block-content-notifications .text-has-action{
  border-bottom: none;
  padding-bottom: 0px;
  font-weight: 600;
  font-size: 10px;
  color: #007471;
}
.block-content-notifications .notification-title{
  font-weight: 400;
  font-size: 10px;
  color: #1C1D21;
}
.block-content-notifications .notification-title>b{font-weight: 700}
.block-content-notifications .not-mark-as-read-inline{
  position: absolute;
  right: 0px;
  top: 0px;
}
.block-content-notifications>div{
  height: 500px;
  padding-bottom: 10px;
}
.notifications  .viewall-notification{
  padding: 0px;
  width: calc(100% - 20px);
  margin: auto;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.notifications  .viewall-notification>a{
  display: block;
  background: #E3F3F3;
  border-radius: 17px;
  padding: 10px;
  color: #008c88;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
}
.notifications  .viewall-notification>a:hover{
  background: rgb(0 140 136 / 20%);
}
.navbar-nav>li>.dropdown-menu.notifications{overflow: hidden;}
/* Overview Started Timers */
.header-overview-started-timers{
  border: 1px solid #CCE8E7 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  overflow: hidden;
}
.header-overview-started-timers .started-title{
  font-weight: 600;
  font-size: 14px;
  color: #091b3d;
}
.header-overview-started-timers .started-subtitle{
  font-weight: 400;
  font-size: 12px;
}
.header-overview-started-timers .top-stop-timer{
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.8))), #FF5E61;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #FF5E61;
  color: #FF5E61;
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  display: inline-block;
  border: none;
  padding: 6px 10px;
}
.header-overview-started-timers .view-all-timesheets>a{
  display: block;
  background: #E3F3F3;
  border-radius: 17px;
  padding: 10px;
  color: #008c88;
  font-weight: 500;
  font-size: 13px;
}
.header-overview-started-timers .view-all-timesheets>a:hover{
  background: rgb(0 140 136 / 20%);
}
.header-overview-started-timers.started-timers-top .top-dropdown-btn{
  margin-top: 15px;
  border-radius: 8px !important;
  font-weight: 700;
  font-size: 12px;
  padding: 10px 20px;
}
.header-overview-started-timers.started-timers-top .top-dropdown-btn>i{display: none;}
.header-overview-started-timers .started-timers-button{
  background-color: #008c88;
  border-color: #008c88;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-overview-started-timers .started-timers-button:hover{
  background-color: #037a77;
  border-color: #037a77;
  color: #fff;
}
.header-overview-started-timers .started-title-empty{
  font-weight: 500;
  font-size: 12px;
  color: #000;
}
.unfinished-timesheet-delete{color: #FF5E61;}
.unfinished-timesheet-delete>svg{
  width: 24px;
  height: 24px;
  fill: currentColor;
  stroke: #fff;
}

.box-overview-pages .block-overview-centerapp {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 55%;
  padding: 0px 15px;
}
.block-centerapp ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.block-centerapp ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
  padding: 0px 15px;
}
.block-centerapp ul li a {
  display: block;
  text-align: center;
}
.block-centerapp ul li img {
  display: block;
  margin: auto;
  margin-bottom: 10px;
}
.block-centerapp ul li span,
.block-centerapp ul li em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.block-centerapp ul li span {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding-top: 10px;
  margin: 0 10px;
  text-shadow: 0 1px 4px rgb(0 0 0 / 30%);
}
.block-centerapp ul li em {
  font-size: 13px;
  font-weight: normal;
  display: block;
  padding-top: 5px;
  color: rgba(255, 255, 255, 0.6);
}
.block-centerapp .block-center-goto-dashboard {
  margin: 0px 0px 30px;
  text-align: center;
}
.block-center-goto-dashboard .btn {
  padding: 10px 50px;
  border-radius: 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.block-center-goto-dashboard .btn-primary {
  background: -webkit-gradient(linear, left top, right top, from(#1e373e), to(#1e6171));
  background: linear-gradient(to right, #1e373e, #1e6171);
  border-color: transparent;
  opacity: 1;
  -webkit-box-shadow: 0px 0px 5px 0px #b9b9b9;
          box-shadow: 0px 0px 5px 0px #b9b9b9;
}
.block-center-goto-dashboard .btn-primary:hover {
  opacity: 0.7;
}
.block-notification-lasted {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px -15px 20px;
}
.block-notification-lasted .block-overview-calendar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  padding: 0px 15px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.block-notification-lasted .block-overview-calendar .fc-toolbar h2{margin-top: 10px;}
.block-notification-lasted .block-overview-calendar .fc-view{overflow: hidden;}
.block-overview-calendar .panel_s{
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
          box-shadow: 0px 0px 0px 0px transparent;
}
.block-overview-calendar .panel_s .panel-body{
  background: transparent;
  border: none;
}
.block-overview-calendar .btn-info{
  background-color: #007e95;
  border-color: #007e95;
}
.block-overview-calendar .btn-info:hover{
  background-color: #13b8bc;
  border-color: #13b8bc;
}
.block-notification-lasted .block-hello-user {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 17%;
  padding: 0px 15px;
  margin-left: auto;
}
.block-hello-user .block-header-title h2 {
  font-size: 22px;
  font-weight: 500;
  color: #272727;
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: center;
}
.block-hello-user .block-header-title .block-avatar {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  display: block;
  margin: auto;
  -webkit-box-shadow: 0px 0px 5px 0px #b9b9b9;
          box-shadow: 0px 0px 5px 0px #b9b9b9;
}
.block-hello-user .block-header-title .block-avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.block-hello-user .block-overview-clock {
  text-align: center;
}
.block-overview-clock .block-timezone-datetime .time {
  font-size: 70px;
  color: #272727;
  text-shadow: 0 1px 10px rgb(0 0 0 / 30%);
}
.block-overview-clock .block-timezone-datetime .time > span {
  font-size: 32px;
}
.block-overview-clock .block-timezone-datetime .date {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(39, 39, 39, 0.6);
  padding: 5px 0 20px 0;
}
.block-notification-lasted .block-notification-list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 42%;
  padding: 0px 15px;
  margin-left: auto;
  position: relative;
}
.block-notification-lasted .block-notification-list::before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #d4d4d4;
  /* background: linear-gradient(45deg, transparent, #d4d4d4, transparent); */
  left: -50px;
  top: 0px;
}
.block-notification-list .block-header-title {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(39, 39, 39, 0.2);
  padding-top: 10px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.block-notification-list .block-header-title h2 {
  font-size: 22px;
  font-weight: 500;
  color: #272727;
  margin-bottom: 0px;
}
.block-notification-list .block-header-title .not_mark_all_as_read a {
  color: rgba(39, 39, 39, 0.5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block-notification-list .block-header-title .not_mark_all_as_read a:hover {
  color: #272727;
}
.block-notification-list .block-content ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
}
.block-notification-list .block-content ul::-webkit-scrollbar {
  width: 5px;
}
.block-notification-list .block-content ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.block-notification-list .block-content ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: rgba(233, 233, 233, 0.4);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.block-notification-list
  .block-content
  button:not(.not-mark-as-read-inline, .notifications-viewall a) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px -5px;
}
.block-notification-list .block-content button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  border: none;
  width: 100%;
  text-align: left;
}
.block-notification-list .block-content button > div {
  padding: 0px 5px;
}
.block-notification-list .block-content .notifications-viewall {
  text-align: center;
  padding: 10px 0px;
  border-top: 1px solid #d4d4d4;
}
.block-notification-list .block-content .notifications-viewall > p,
.block-notification-list .block-content .notifications-viewall > a {
  color: rgba(39, 39, 39, 0.5);
  margin-bottom: 0px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block-notification-list .block-content .notifications-viewall > a:hover {
  color: #272727;
}
.block-notification-list .notice-item {
  position: relative;
  background: transparent;
  padding: 5px 0px;
}
.block-notification-list .notice-item.unread,
.block-notification-list .notice-item.unread {
  background: rgb(169 169 169 / 10%);
}
.block-notification-list .notice-item .not-mark-as-read-inline {
  top: 0px;
  bottom: 0px;
  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;
}
.block-notification-list .notice-item .not-mark-as-read-inline:active,
.block-notification-list .notice-item .not-mark-as-read-inline:focus,
.block-notification-list .notice-item .not-mark-as-read-inline:hover {
  color: #fff;
}
.block-notification-list .notice-item .notice-avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8%;
  padding-left: 8px;
}
.block-notification-list .notice-item .notice-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 72%;
}
.block-notification-list .notice-item .notice-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
  text-align: right;
}
.notice-item .notice-avatar img {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 3px 0px #cecece;
          box-shadow: 0px 0px 3px 0px #cecece;
}
.notice-item .notice-title {
  font-size: 14px;
  padding-left: 30px;
  text-shadow: 0 1px 3px rgb(0 0 0 / 20%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: rgba(39, 39, 39, 0.8);
  line-height: 2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.notice-item .notice-title a {
  padding: 1px 5px;
  border: 1px solid #272727;
  border-radius: 3px;
  color: #272727;
  font-size: 13px;
}
.notice-item .notice-info {
  font-size: 12px;
  color: rgba(39, 39, 39, 0.5);
}
.block-notification-list .block-content button:hover .notice-title {
  color: #272727;
}
.box-overview-footer{
  background-image: url(../images/bg-map.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ecf3f3;
  background-size: cover;
  margin-top: 2rem;
  padding: 1rem 0px;
}
.box-overview-footer .block-footer-hyperlink ul{
  list-style: none;
  padding-left: 0px;
  text-align: center;
  margin: 10px 0px;
}
.box-overview-footer .block-footer-hyperlink li{display: inline-block;}
.box-overview-footer .block-footer-hyperlink li::before{
  content: '';
  width: 5px;
  height: 5px;
  background: #696969;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
}
.box-overview-footer .block-footer-hyperlink li+li:before{
  margin: 0px 9px 0px 5px;
  opacity: 1;
}
.box-overview-footer .block-footer-hyperlink li a{
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.box-overview-footer .block-footer-hyperlink li a:hover{
  color: #007e95;
}
/*-------------------------------- Setup Header */
#top_search input {
  border-width: 1px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.2);
  height: 40px;
  margin: 12px 0px 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#top_search input:active,
#top_search input:focus,
#top_search input:hover {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #494949;
}
/*-------------------------------- Custom Progress */
.progress-bar.p-less-20[data-percent="0.00"],
.progress-bar[data-percent="0.00"],
.progress-bar.p-less-20{color: #fff;}
.progress-bar.p-less-20[data-percent="0.00"],
.progress-bar.p-less-20{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-left: 1rem;
  padding-right: 1rem;
}

.box-section-statistic {
  background: #fff;
  -webkit-box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);
          box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.block-section-statistic {
  background: #fff;
  padding: 15px 5px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);
          box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);
  text-align: center;
}
.block-section-statistic h3 {
  font-size: 12px;
  text-transform: uppercase;
}
.block-section-statistic .border-primary {
  border-color: #03a9f4;
}
.block-section-statistic .border-default {
  border-color: #727b86;
}
.block-section-statistic .border-success {
  border-color: #84c529;
}
.block-section-statistic .border-danger {
  border-color: #fc2d42;
}
@media (min-width: 320px) {
  .box-section-statistic
    .col-statistic
    + .col-statistic
    .block-section-statistic {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .box-section-statistic .col-statistic:nth-child(1) .block-section-statistic,
  .box-section-statistic .col-statistic:nth-child(2) .block-section-statistic {
    margin-bottom: 20px;
  }
  .box-section-statistic
    .col-statistic
    + .col-statistic
    .block-section-statistic {
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  .box-section-statistic .col-statistic .block-section-statistic {
    margin-bottom: 0px !important;
  }
}
.custom-progress {
  width: 110px;
  height: 110px;
  background: none;
  margin: auto;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
          box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
  border-radius: 50%;
}
.custom-progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.custom-progress .progress-left {
  left: 0;
}
.custom-progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.custom-progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.custom-progress .progress-right {
  right: 0;
}
.custom-progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.custom-progress .progress-value {
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  border-radius: 50%;
}
.custom-progress .progress-value p {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 700;
}
.custom-progress .progress-value p::after {
  content: attr(data-percentage);
  display: block;
  border-top: 2px solid #323a45;
  padding-top: 3px;
  margin-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}
/*-------------------------------- Setup Flexbox */
.row-4px {
  margin: 0px -4px;
}
.col-4px {
  padding: 0px 4px;
}
.label-success {
  background: #61bd4f;
  color: #fff;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.flex-c-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.flex-c-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}
.flex-c-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}
@media screen and (min-width: 576px) {
  .flex-sm-c-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .flex-sm-c-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .flex-sm-c-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}
/*-------------------------------- Box Header */
.box-header {
  background: linear-gradient(45deg, #ffffff 19%, #087c7b 50%);
  -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
          box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
  padding: 15px 0px;
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 999;
}
.box-header .block-header-logo {
  padding: 5px 0px 0px;
}
.box-header .block-header-logo img {
  width: 90px;
}
.box-header .block-header-rows {
  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;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0px -5px;
}
.box-header .block-header-menumain,
.box-header .block-header-minicart,
.box-header .block-header-account {
  padding: 0px 5px;
}
.box-header .block-header-menumain {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 88%;
}
.box-header .block-header-minicart {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 5%;
}
.box-header .block-header-account {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 7%;
  text-align: right;
}
.box-header .block-header-menumain {
  color: #fff;
  font-size: 14px;
}
.box-header .block-header-menumain > .menumain-list {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  text-align: right;
}
.box-header .block-header-menumain .crmmenu-click {
  display: none;
}
.box-header .block-header-menumain .overlapblackbg {
  display: none;
}
.box-header .block-header-menumain > .menumain-list > li {
  display: inline-block;
  padding: 0px;
  position: relative;
}
.box-header .block-header-menumain > .menumain-list > li + li {

}
.box-header .block-header-menumain > .menumain-list > li + li::after{
  content: '';
  width: 1px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: calc(50% - 5px);
  left: -2px;
}
.box-header .block-header-menumain > .menumain-list > li > a {
  color: #fff;
  display: block;
  text-shadow: 0px 0px 2px rgb(0 0 0 / 70%);
  padding-bottom: 5px;
  padding: 10px;
  background: transparent;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.box-header .block-header-menumain > .menumain-list > li.active > a,
.box-header .block-header-menumain > .menumain-list > li > a:hover,
.box-header .block-header-menumain > .menumain-list > li > a:focus,
.box-header .block-header-menumain > .menumain-list > li > a:hover {
  background: #e91e63;
}
.box-header
  .block-header-menumain
  > .menumain-list
  > li
  > a
  > .crmarrow::after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid;
  border-top-color: #fff;
  content: "";
  height: 0;
  margin: 0px 0 0 5px;
  display: inline-block;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.box-header .block-header-menumain > .menumain-list > li > ul.sub-menu {
  opacity: 0;
  visibility: hidden;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
}
.box-header .block-header-menumain > .menumain-list > li:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
}
.box-header .block-header-menumain > .menumain-list > li > ul.sub-menu {
  position: absolute;
  top: auto;
  z-index: 1000;
  margin: 0px;
  padding: 0px;
  min-width: 190px;
  background-color: #fff;
  border: solid 1px #eeeeee;
  text-align: left;
  border-radius: 3px;
}
.box-header .block-header-menumain > .menumain-list > li > ul.sub-menu > li {
  position: relative;
  margin: 0px;
  padding: 0px;
  display: block;
}
.box-header
  .block-header-menumain
  > .menumain-list
  > li
  > ul.sub-menu
  > li
  > a {
  color: #666666;
  text-align: left;
  display: block;
  line-height: 22px;
  padding: 5px 12px;
  text-transform: none;
  font-size: 13px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.box-header
  .block-header-menumain
  > .menumain-list
  > li
  > ul.sub-menu
  > li:first-child
  > a {
  border-radius: 3px 3px 0px 0px;
}
.box-header
  .block-header-menumain
  > .menumain-list
  > li
  > ul.sub-menu
  > li:last-child
  > a {
  border-radius: 0px 0px 3px 3px;
}
.box-header
  .block-header-menumain
  > .menumain-list
  > li
  > ul.sub-menu
  > li
  > a:hover {
  background: #f9fafb;
}
.box-header
  .block-header-menumain
  > .menumain-list
  > li
  > ul.sub-menu
  > li.active
  > a {
    background: #e91e63;
    color: #fff;
}
.box-header .block-header-minicart > a,
.crmmobileheader .crmmobile-minicart > a {
  display: block;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  line-height: 32px;
  margin: auto;
  color: #168483;
  -webkit-box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 50%);
          box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 50%);
}
.box-header .block-header-minicart {
  position: relative;
  padding: 5px 0px;
}
.box-header .block-header-minicart .count-holder,
.crmmobile-minicart .count-holder {
  top: -5px;
  right: -1px;
  background: #e91e63;
  color: #fff;
}
.crmmobile-minicart .count-holder {
  right: -10px;
}
.box-header .block-header-minicart .cart_count,
.crmmobile-minicart .cart_count {
  line-height: 24px;
  font-size: 12px;
}
.box-header .block-header-minicart .block-content-cart,
.crmmobileheader .crmmobile-minicart .block-content-cart {
  position: absolute;
  z-index: 1;
  background: #fff;
  border-radius: 3px;
  width: 350px;
  min-height: 380px;
  top: 100%;
  right: calc(100% - 115px);
  -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 40%);
          box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 40%);
}
.box-header .block-header-minicart .block-content-cart,
.crmmobileheader .crmmobile-minicart .block-content-cart {
  opacity: 0;
  visibility: hidden;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
}
.box-header .block-header-minicart:hover .block-content-cart,
.crmmobileheader .crmmobile-minicart:hover .block-content-cart {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
}
.box-header .block-header-minicart .block-content-cart .nav-tabs,
.crmmobileheader .crmmobile-minicart .block-content-cart .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 3px;
  margin-bottom: 0px;
}
.box-header .block-header-minicart .block-content-cart .nav-tabs > li,
.crmmobileheader .crmmobile-minicart .block-content-cart .nav-tabs > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}
.box-header .block-header-minicart .block-content-cart .nav-tabs > li > a,
.crmmobileheader .crmmobile-minicart .block-content-cart .nav-tabs > li > a {
  text-align: center;
  padding: 5px 10px;
}
.box-header .block-header-minicart .block-content-cart .nav-tabs > li > a span,
.crmmobileheader
  .crmmobile-minicart
  .block-content-cart
  .nav-tabs
  > li
  > a
  span {
  background: #e91e63;
  color: #fff;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  border-radius: 50%;
  margin-left: 5px;
  font-size: 12px;
}
.box-header .block-header-minicart .block-content-cart .block-service-footer,
.box-header .block-header-minicart .block-content-cart .block-shops-footer,
.crmmobileheader .crmmobile-minicart .block-content-cart .block-service-footer,
.crmmobileheader .crmmobile-minicart .block-content-cart .block-shops-footer {
  margin: 10px;
}
.box-header .block-header-minicart .block-service-list-cart,
.box-header .block-header-minicart .block-shops-list-cart,
.crmmobileheader .crmmobile-minicart .block-service-list-cart,
.crmmobileheader .crmmobile-minicart .block-shops-list-cart {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 1px solid #eee;
}
.box-header .block-header-minicart .style-scroll::-webkit-scrollbar,
.crmmobileheader .crmmobile-minicart .style-scroll::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
.box-header .block-header-minicart .style-scroll::-webkit-scrollbar-track-piece,
.crmmobileheader
  .crmmobile-minicart
  .style-scroll::-webkit-scrollbar-track-piece {
  background: rgb(0 0 0 / 7%);
}
.box-header .block-header-minicart .style-scroll::-webkit-scrollbar-track,
.crmmobileheader .crmmobile-minicart .style-scroll::-webkit-scrollbar-track {
  border-radius: 3px;
}
.box-header .block-header-minicart .style-scroll:-webkit-scrollbar-thumb,
.crmmobileheader .crmmobile-minicart .style-scroll:-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: rgb(8 124 123 / 50%);
}
.box-header .block-header-minicart .block-service-list-cart > ul,
.box-header .block-header-minicart .block-shops-list-cart > ul,
.crmmobileheader .crmmobile-minicart .block-service-list-cart > ul,
.crmmobileheader .crmmobile-minicart .block-shops-list-cart > ul {
  margin-bottom: 0px;
}
.box-header
  .block-header-minicart
  .block-service-list-cart
  > ul
  > .service-list-cart-item,
.box-header
  .block-header-minicart
  .block-shops-list-cart
  > ul
  > .shops-list-cart-item,
.crmmobileheader
  .crmmobile-minicart
  .block-service-list-cart
  > ul
  > .service-list-cart-item,
.crmmobileheader
  .crmmobile-minicart
  .block-shops-list-cart
  > ul
  > .shops-list-cart-item {
  border-bottom: 1px solid #eee;
  padding: 10px;
  position: relative;
}
.service-list-cart-item h3,
.shops-list-cart-item h3 {
  font-size: 16px;
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 30px);
}
.service-list-cart-item h3 span {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
}
.service-list-cart-item .remove-item,
.shops-list-cart-item .remove-item {
  position: absolute;
  top: 8px;
  right: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
}
.shops-list-cart-item > .d-flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shops-list-cart-item .block-images {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30%;
  overflow: hidden;
}
.shops-list-cart-item .block-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70%;
}
.box-header .block-header-account > ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.shops-list-cart-item .block-content p {
  margin-bottom: 0px;
}
.shops-list-cart-item .block-content p > span[f-style="italic"] {
  font-style: italic;
}
.box-header .block-header-account .caret,
.crmmobileheader .crmmobile-account .caret {
  color: #fff;
}
.box-header .block-header-account .dropdown-menu,
.crmmobileheader .crmmobile-account .dropdown-menu {
  padding: 0px;
}
.box-header .block-header-account .dropdown-menu > li:first-child > a,
.crmmobileheader .crmmobile-account .dropdown-menu > li:first-child > a {
  border-radius: 3px 3px 0px 0px;
}
.box-header .block-header-account .dropdown-menu > li:last-child > a,
.crmmobileheader .crmmobile-account .dropdown-menu > li:last-child > a {
  border-radius: 0px 0px 3px 3px;
}
.box-header .block-header-account .dropdown-menu .dropdown-menu,
.crmmobileheader .crmmobile-account .dropdown-menu .dropdown-menu {
  font-size: 13px;
  min-width: 130px;
}
.box-header ~ #wrapper {
  margin-top: 72px;
}
.box-header ~ #wrapper > #content > .container:nth-child(2) {
  margin-top: 1.5rem;
}
/*-------------------------------- Box Tasks Summary Overview */
#tasks_summary_overview{
  background: #fff;
  border-radius: 0.5rem;
  min-height: 120px;
  margin-bottom: 0.5rem;
}
/*-------------------------------- Box Kanban */
.kan-ban-body{overflow: hidden;}
.box-kanban .kanban-leads-sort {
  margin: 0px;
}
.box-kanban #kan-ban:not(.box-kanban #estimate-pipeline #kan-ban){
  margin: 0px -6px;
}
.box-kanban #kan-ban .kan-ban-col {
  margin: 0px;
  padding: 0px 6px;
}
.box-kanban #kan-ban .panel-body {
  padding: 6px 8px 6px;
  margin: 0px 0px 10px 0px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 20%);
          box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 20%);
  border-left-width: 4px !important;
}
.box-kanban #kan-ban .panel-body .note-invoice-success{
  text-transform: uppercase;
  border: 1px solid #4acf71;
  color: #4acf71;
  padding: 5px;
  margin-top: 7px;
  font-size: 10px;
  display: block;
  width: calc(100% + 25px);
  -webkit-transform: translateX(-25px);
          transform: translateX(-25px);
}
.box-kanban.kanban-candidate-profile #kan-ban .panel-body{padding: 5px 15px 5px 20px;}
.box-kanban .leads-kan-ban{width: -webkit-max-content;width: -moz-max-content;width: max-content;}
.box-kanban:not(.kanban-leads):not(.kanban-knowledge-base):not(.kanban-candidate-profile) #kan-ban .panel-heading-bg{
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  background: -webkit-gradient(linear,left top, right top,from(#008c88),to(#15bfbb)) !important;
  background: linear-gradient(to right,#008c88,#15bfbb) !important;
  color: #fff !important;
  border-color: #15bfbb !important;
  padding: 5px;
}
.box-kanban .kanban-milestones{

}
.box-kanban.-workload #kan-ban .panel-heading-bg,
.box-kanban.kanban-milestones #kan-ban .panel-heading-bg{text-align: left !important;}
.box-kanban #kan-ban .panel-body .lead-name,
.box-kanban #kan-ban .panel-body .task-name {
  background: url(../images/dragger.png) center left 5px no-repeat;
}
.box-kanban .kan-ban-content {
  background: #f3f3f5;
  padding-top: 0px;
}
.box-kanban .kan-ban-content {
  min-height: 100px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}
.box-kanban .kan-ban-content > ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.box-kanban .kan-ban-content-wrapper {
  min-height: 100px !important;
  background: #f3f3f5;
  padding-top: 7px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.box-kanban .kan-ban-col-wrapper .panel_s:first-child,
.box-kanban .kan-ban-col-wrapper .panel_s {
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
          box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
}
.box-kanban li.kanban-empty {
  background: #fff;
  padding: 2rem 0px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 20%);
          box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 20%);
}
.box-kanban li.kanban-load-more {
  padding: 0px !important;
  opacity: 1 !important;
  display: none;
}
.box-kanban li.kanban-load-more > .btn-primary {
  opacity: 1;
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, #1e373e), to(#1e6171));
  background: linear-gradient(to right, #1e373e 30%, #1e6171);
}
.box-kanban li.lead-kan-ban.current-user-lead .panel-body,
.box-kanban li.task.current-user-task .panel-body,
.box-kanban li.task.overdue-task .panel-body {
  background: #fff;
  border: 1px solid;
  border-top: none;
  border-right: none;
  border-bottom: none;
}
.box-kanban li.lead-kan-ban.current-user-lead .panel-body,
.box-kanban li.task.current-user-task .panel-body {
  border-color: #e25aeb !important;
}
.box-kanban li.task.overdue-task .panel-body {
  border-color: #ff3600 !important;
}
#kan-ban-tab,
#estimate-pipeline,
#proposals-pipeline,
.box-kanban.kanban-knowledge-base #kan-ban,
.box-kanban.kanban-candidate-profile #kan-ban,
.project-milestones-kanban #kan-ban-tab{
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  white-space: nowrap;
  margin-bottom: 8px;
  padding-bottom: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  min-height: calc(100vh - 200px);
  -webkit-transition: min-height 0.3s ease;
  transition: min-height 0.3s ease;
}
#kan-ban-tab::-webkit-scrollbar,
#estimate-pipeline::-webkit-scrollbar,
#proposals-pipeline::-webkit-scrollbar,
.box-kanban.kanban-knowledge-base #kan-ban::-webkit-scrollbar,
.box-kanban.kanban-candidate-profile #kan-ban::-webkit-scrollbar{
  height: 10px;
  width: 7px;
}
#kan-ban-tab::-webkit-scrollbar-button,
#estimate-pipeline::-webkit-scrollbar-button,
#proposals-pipeline::-webkit-scrollbar-button,
.box-kanban.kanban-knowledge-base #kan-ban::-webkit-scrollbar-button,
.box-kanban.kanban-candidate-profile #kan-ban::-webkit-scrollbar-button {
  display: block;
  height: 0px;
  width: 0px;
}
#kan-ban-tab::-webkit-scrollbar-track-piece,
#estimate-pipeline::-webkit-scrollbar-track-piece,
#proposals-pipeline::-webkit-scrollbar-track-piece,
.box-kanban.kanban-knowledge-base #kan-ban::-webkit-scrollbar-track-piece,
.box-kanban.kanban-candidate-profile #kan-ban::-webkit-scrollbar-track-piece {
  background: rgb(155 167 169 / 20%);
  border-radius: 5px;
}
#kan-ban-tab::-webkit-scrollbar-track,
#estimate-pipeline::-webkit-scrollbar-track,
#proposals-pipeline::-webkit-scrollbar-track,
.box-kanban.kanban-knowledge-base #kan-ban::-webkit-scrollbar-track,
.box-kanban.kanban-candidate-profile #kan-ban::-webkit-scrollbar-track {
  border-radius: 5px;
}
#kan-ban-tab::-webkit-scrollbar-thumb,
#estimate-pipeline::-webkit-scrollbar-thumb,
#proposals-pipeline::-webkit-scrollbar-thumb,
.box-kanban.kanban-knowledge-base #kan-ban::-webkit-scrollbar-thumb,
.box-kanban.kanban-candidate-profile #kan-ban::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #c1c1c1;
}

#kan-ban .kan-ban-content-wrapper::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
#kan-ban .kan-ban-content-wrapper::-webkit-scrollbar-track-piece {
  background: rgb(232 234 235);
}
#kan-ban .kan-ban-content-wrapper::-webkit-scrollbar-track {
  border-radius: 3px;
}
#kan-ban .kan-ban-content-wrapper::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: rgb(193 193 193);
}
.box-kanban.kanban-leads #kan-ban .panel-heading-bg,
.box-kanban.kanban-knowledge-base #kan-ban .panel-heading-bg{
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, #1e373e), to(#1e6171));
  background: linear-gradient(to right, #1e373e 30%, #1e6171);
  color: #fff !important;
  border-color: #1e373e;
}
.box-kanban .panel-heading-bg .panel-inline-text{
  overflow: hidden;
  width: 90%;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box-kanban.kanban-candidate-profile #kan-ban .panel-heading-bg{
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  padding: 10px;
}
.box-kanban.kanban-candidate-profile #kan-ban .panel-heading-bg.interview-style{background: #199a33;}
.box-kanban.kanban-leads #kan-ban .kan-ban-col{
  padding: 0px 12px;
  width: 360px;
}
.box-kanban.kanban-leads #kan-ban .panel-body{padding: 5px 10px 5px 20px;}
.box-kanban.kanban-leads .kan-ban-step-indicator-full {background: #1f5562;}
/* .box-kanban.kanban-knowledge-base .kan-ban-tab, */
.box-kanban.kanban-candidate-profile .kan-ban-tab{
  background: #fff;
  margin: 0px 1px !important;
  -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
          box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
  padding: 15px 20px;
}
.box-kanban.kanban-knowledge-base .kan-ban-tab>#kan-ban>.container-fluid,
.box-kanban.kanban-candidate-profile .kan-ban-tab>#kan-ban>.container-fluid{
  padding-left: 0px;
  padding-right: 0px;
}
.box-kanban.kanban-knowledge-base #kan-ban .kan-ban-content .panel-body,
.box-kanban.kanban-candidate-profile #kan-ban .kan-ban-content .panel-body{white-space: normal;}
.box-kanban.-workload .kan-ban-content-wrapper{max-height: 660px !important;}
/* .kan-ban-step-indicator-full {
    background: #D6FFDD;
}
.kan-ban-content {
    background: #e3e8ee30;
}
.kan-ban-step-indicator {
    right: -2px;
}
#kan-ban .panel-heading-bg {
    border-bottom: 0px solid #e4e5e7;
}
li.task.overdue-task .panel-body {
    background: #fce5e5 !important;
} */
.kanban-task,
.kanban-sales,
.kanban-leads,
.kanban-knowledge-base,
.kanban-candidate-profile{
  position: fixed;
  /* top: 110px; */
  width: calc(100% - 10px);
  right: 5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kanban-sales {
  /* top: 240px; */
}
.kanban-task .kan-ban-content-wrapper {
  max-height: calc(100vh - 260px) !important;
}
.kanban-sales #estimate-pipeline,
.kanban-sales #proposals-pipeline,
.kanban-leads #kan-ban-tab,
.kanban-leads .kan-ban-tab{
  min-height: calc(100vh - 330px);
  -webkit-transition: min-height 0.3s ease;
  transition: min-height 0.3s ease;
}
.kanban-task.sticky,
.kanban-sales.sticky,
.kanban-leads.sticky,
.kanban-knowledge-base.sticky,
.kanban-candidate-profile.sticky{
  top: 65px;
  z-index: 100;
}
.kanban-task.sticky #kan-ban-tab {
  min-height: calc(100vh - 160px);
}
.kanban-task.sticky .kan-ban-content-wrapper {
  max-height: calc(100vh - 220px) !important;
}
.kanban-sales .kan-ban-content-wrapper,
.kanban-leads .kan-ban-content-wrapper,
.kanban-knowledge-base .kan-ban-content-wrapper,
.kanban-candidate-profile .kan-ban-content-wrapper{
  max-height: calc(100vh - 380px) !important;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.kanban-sales.sticky #estimate-pipeline,
.kanban-sales.sticky #proposals-pipeline,
.kanban-sales.hide-overview.sticky #estimate-pipeline,
.kanban-leads.sticky #kan-ban-tab,
.kanban-leads.hide-overview.sticky #kan-ban-tab{
  min-height: calc(100vh - 144px);
}
.kanban-knowledge-base.sticky .kan-ban-tab,
.kanban-candidate-profile.sticky .kan-ban-tab{min-height: calc(100vh - 85px);}
.box-kanban.kanban-knowledge-base.sticky #kan-ban{min-height: calc(100vh - 130px);}
.box-kanban.kanban-candidate-profile.sticky #kan-ban{min-height: calc(100vh - 130px);}
.kanban-sales.sticky .kan-ban-content-wrapper,
.kanban-sales.sticky #proposals-pipeline .kan-ban-content-wrapper,
.kanban-sales.sticky #estimate-pipeline .kan-ban-content-wrapper,
.kanban-sales.hide-overview.sticky #estimate-pipeline .kan-ban-content-wrapper,
.kanban-leads.sticky .kan-ban-content-wrapper{
  max-height: calc(100vh - 195px) !important;
}
.kanban-knowledge-base.sticky .kan-ban-content-wrapper,
.kanban-candidate-profile.sticky .kan-ban-content-wrapper{
  max-height: calc(100vh - 180px) !important;
}
body.tasks-page.show-sidebar .kanban-task,
body.proposals-pipeline.show-sidebar .kanban-sales,
body.estimates-pipeline.show-sidebar .kanban-sales,
body.leads.show-sidebar .kanban-leads,
body.knowledge_base_q_a.show-sidebar .kanban-knowledge-base,
body.knowledge_base.show-sidebar .kanban-knowledge-base,
body.candidate_profile.show-sidebar .kanban-candidate-profile{
  right: -250px;
}
.kaban-button-group > .panel-body {
  padding: 10px;
}
@media (min-width: 576px) {
  .kanban-task,
  .kanban-sales,
  .kanban-leads,
  .kanban-knowledge-base,
  .kanban-candidate-profile{
    /* top: 110px; */
    width: calc(100% - 30px);
  }
  .kanban-sales {
    /* top: 190px; */
  }
  body.tasks-page.hide-sidebar:not(.show-sidebar) .kanban-task,
  body.proposals-pipeline.hide-sidebar:not(.show-sidebar) .kanban-sales,
  body.estimates-pipeline.hide-sidebar:not(.show-sidebar) .kanban-sales,
  body.leads.hide-sidebar:not(.show-sidebar) .kanban-leads,
  body.knowledge_base_q_a.hide-sidebar:not(.show-sidebar) .kanban-knowledge-base,
  body.knowledge_base.hide-sidebar:not(.show-sidebar) .kanban-knowledge-base,
  body.candidate_profile.hide-sidebar:not(.show-sidebar) .kanban-candidate-profile{
    right: 15px;
  }
  body.tasks-page.show-sidebar:not(.hide-sidebar) .kanban-task,
  body.proposals-pipeline.show-sidebar:not(.hide-sidebar) .kanban-sales,
  body.estimates-pipeline.show-sidebar:not(.hide-sidebar) .kanban-sales,
  body.leads.show-sidebar:not(.hide-sidebar) .kanban-leads,
  body.knowledge_base_q_a.show-sidebar:not(.hide-sidebar) .kanban-knowledge-base,
  body.knowledge_base.show-sidebar:not(.hide-sidebar) .kanban-knowledge-base,
  body.candidate_profile.show-sidebar:not(.hide-sidebar) .kanban-candidate-profile{
    right: -25px;
  }
  .kanban-task .kan-ban-content-wrapper {
    max-height: calc(100vh - 265px) !important;
  }
  .kanban-task #kan-ban-tab {
    min-height: calc(100vh - 210px);
  }
  .kanban-leads .kan-ban-content-wrapper{
    max-height: calc(100vh - 440px) !important;
  }
  .kanban-sales #estimate-pipeline .kan-ban-content-wrapper{max-height: calc(100vh - 520px) !important;}
  .kanban-sales .kan-ban-content-wrapper,
  .kanban-sales.hide-overview #estimate-pipeline .kan-ban-content-wrapper,
  .kanban-leads.hide-overview .kan-ban-content-wrapper,
  .kanban-knowledge-base .kan-ban-content-wrapper,
  .kanban-candidate-profile .kan-ban-content-wrapper{
    max-height: calc(100vh - 310px) !important;
  }
  .kanban-leads #kan-ban-tab{min-height: calc(100vh - 380px);}
  .kanban-sales #estimate-pipeline{min-height: calc(100vh - 460px);}
  .kanban-sales.hide-overview #estimate-pipeline{min-height: calc(100vh - 250px);}
  .kanban-sales #proposals-pipeline,
  .kanban-leads.hide-overview #kan-ban-tab{
    min-height: calc(100vh - 300px);
  }
  .kanban-knowledge-base .kan-ban-tab,
  .box-kanban.kanban-knowledge-base #kan-ban{
    min-height: calc(100vh - 240px);
  }
  .kanban-candidate-profile .kan-ban-tab,
  .box-kanban.kanban-candidate-profile #kan-ban{
    min-height: calc(100vh - 250px);
  }
  .box-kanban.kanban-candidate-profile #kan-ban-tab {
    min-height: calc(100vh - 240px);
  }
  .kanban-task ._buttons .btn,
  .kanban-task ._buttons .btn-group,
  .kaban-button-group ._buttons .btn,
  .kaban-button-group ._buttons .btn-group {
    width: auto;
  }
  body.overview .anchor-sticky{
    top: 0px;
    position: static;
  }
  .list-newsfeed>div{height: 200px;}
}
@media (min-width: 1200px) {
  .kanban-task {
    /* top: 105px; */
    width: calc(100% - 110px);
    right: 1rem;
  }
  .kanban-sales,
  .kanban-leads,
  .kanban-knowledge-base,
  .kanban-candidate-profile{
    /* top: 140px; */
    width: calc(100% - (100px - 0.5rem));
    right: 0.5rem;
  }
  body.tasks-page.hide-sidebar:not(.show-sidebar) .kanban-task,
  body.proposals-pipeline.hide-sidebar:not(.show-sidebar) .kanban-sales,
  body.estimates-pipeline.hide-sidebar:not(.show-sidebar) .kanban-sales,
  body.leads.hide-sidebar:not(.show-sidebar) .kanban-leads,
  body.knowledge_base_q_a.hide-sidebar:not(.show-sidebar) .kanban-knowledge-base,
  body.knowledge_base.hide-sidebar:not(.show-sidebar) .kanban-knowledge-base,
  body.candidate_profile.hide-sidebar:not(.show-sidebar) .kanban-candidate-profile{
    width: calc(100% - 30px);
  }
  body.tasks-page.show-sidebar:not(.hide-sidebar) .kanban-task {
    right: 15px;
  }
  body.proposals-pipeline.show-sidebar:not(.hide-sidebar) .kanban-sales,
  body.estimates-pipeline.show-sidebar:not(.hide-sidebar) .kanban-sales,
  body.leads.show-sidebar:not(.hide-sidebar) .kanban-leads,
  body.knowledge_base_q_a.show-sidebar:not(.hide-sidebar) .kanban-knowledge-base,
  body.knowledge_base.show-sidebar:not(.hide-sidebar) .kanban-knowledge-base,
  body.candidate_profile.show-sidebar:not(.hide-sidebar) .kanban-candidate-profile{
    right: 25px;
  }
  .kanban-task .kan-ban-content-wrapper {
    max-height: calc(100vh - 245px) !important;
  }
  .kanban-task #kan-ban-tab {
    min-height: calc(100vh - 195px);
  }
  .project-milestones-kanban #kan-ban-tab{min-height: calc(100vh - 380px);}
  .project-milestones-kanban .kan-ban-content-wrapper{max-height: calc(100vh - 450px) !important;}
  .kanban-leads .kan-ban-content-wrapper{max-height: calc(100vh - 440px) !important;}
  .kanban-leads.hide-overview .kan-ban-content-wrapper{max-height: calc(100vh - 280px) !important;}
  .kanban-sales .kan-ban-content-wrapper{
    max-height: calc(100vh - 280px) !important;
  }
  .kanban-sales #estimate-pipeline .kan-ban-content-wrapper{max-height: calc(100vh - 510px) !important;}
  .kanban-sales.hide-overview #estimate-pipeline .kan-ban-content-wrapper{max-height: calc(100vh - 300px) !important;}
  .kanban-knowledge-base .kan-ban-content-wrapper,
  .kanban-candidate-profile .kan-ban-content-wrapper{
    max-height: calc(100vh - 300px) !important;
  }
  .kanban-leads #kan-ban-tab{min-height: calc(100vh - 370px);}
  .kanban-sales #estimate-pipeline{min-height: calc(100vh - 460px);}
  .kanban-sales.hide-overview #estimate-pipeline,
  .kanban-sales #proposals-pipeline,
  .kanban-leads.hide-overview #kan-ban-tab,
  .kanban-knowledge-base .kan-ban-tab,
  .kanban-candidate-profile .kan-ban-tab{
    min-height: calc(100vh - 250px);
  }
}
/*------------------------------------ Box Spreadsheet Online Modules */
.box-folder-spreadsheet-online .btn-action-expand span.expand-all,
.box-folder-spreadsheet-online .btn-action-collapse span.collapse-all {
  background-position: center left;
  background-repeat: no-repeat;
  padding: 0.2em 0 0.2em 1.5em;
}
.box-folder-spreadsheet-online .btn-action-expand span.expand-all {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAf0lEQVQ4jc2SQQ6AIAwEjSf9knKUB/E7eJcejeMFIkEqGkx0ExKa3W5padP8BsDCAZ3hdcTPOYMAe1HEBpFk4IANMBneeM5JBjoRmkyy8fEkziJJGAElvapkooAO6AEl6doLjzV4Rffb1UMLgz/lFh4O8bQnr3xj9SLNVav8GXaVcho14YMEBQAAAABJRU5ErkJggg==);
}
.box-folder-spreadsheet-online .btn-action-collapse span.collapse-all {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA6ElEQVQ4jc2SsWoCYRCEvzWpg0WwPwI+y3WpAnY24jPZCoIHqewDeYC8QsReFIL9OWnmP1Y8a93mH2bmH5bdhYcpSStJtfFY0jBpQ0lj41rSqi+glvTnt5E0S9rMXOe51UUx/EqaJ35u7urzIJkqYAocgDfgnHxncwdgai8Az8l0BL6Ab3/YJK3gAdDa+yAVBUh6AT6AJ0DAJiL21kbAu/0t8BkRp4skSZWktaetnjXK2joPsdtCROyAJfAKbLNmvLW2tPcywPttgAnw41ZLteYmQNN7SJIW6ZQrz6SbT2nbx7a4Crhb/QPh8sbSNKtAAQAAAABJRU5ErkJggg==);
}
.box-modules-spreadsheet-online #luckysheet {
  left: 80px;
  top: 145px;
  bottom: 0px;
  height: calc(100% - 99px);
}
.box-modules-spreadsheet-online #luckysheet > .luckysheet {
  border-top: none;
}
.box-modules-spreadsheet-online .luckysheet_info_detail {
  width: 100% !important;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box-modules-spreadsheet-online .luckysheet-grid-container {
  width: calc(100% - 35px) !important;
  -webkit-transform: translate(0px, 0px) !important;
          transform: translate(0px, 0px) !important;
}
.box-modules-spreadsheet-online .luckysheet-work-area {
  height: 125px;
}
.box-modules-spreadsheet-online .luckysheet_info_detail .sheet-name {
  margin: 0px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 455px);
  text-align: center;
  padding-right: 10px;
}
.box-modules-spreadsheet-online .luckysheet-wa-editor #luckysheet-icon-morebtn {
  position: static;
  -webkit-transform: translate(0, -2%);
          transform: translate(0, -2%);
}
.box-header-spreadsheet-online.upload_file_class {
  border-top: 1px solid #e3e8ee;
  border-left: 1px solid #e3e8ee;
  top: 0px;
  text-align: right;
  padding: 0.5rem;
}
.box-header-spreadsheet-online.upload_file_class #file-link,
.box-header-spreadsheet-online.upload_file_class .new_file_margin{
  margin: 0px 0 0 0px !important;
}
/*------------------------------------ Box Assets Modules */
.box-modules-asset-overview-header .flex-wrap > .btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(20% - 5px);
  margin-right: 5px;
}
.box-modules-small-table-asset table img.img-thumbnail,
.box-modules-asset-overview-content img.img-thumbnail{
  -o-object-fit: contain;
     object-fit: contain;
}
.datatable-image-assets .datatable-image-action{display: none;}
.block-assets-small .datatable-image-assets{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.block-assets-small .datatable-image-assets img{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.block-assets-small .datatable-image-assets .datatable-image-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 100px);
  margin-left: auto;
  display: block;
}
.block-assets-small .datatable-image-assets .datatable-image-action>a{display: block;}
.block-assets-small .datatable-image-assets .datatable-image-action>a+a{margin-top: 3px;}
.box-template-module-asset-datatable .table>tbody>tr>td{text-align: center;}
/*------------------------------------ Box Warehouse Modules */
.box-template-datatable-module-warehouse table img.images_w_table,
.box-template-datatable-module-purchase table img.images_w_table{
  -o-object-fit: contain;
     object-fit: contain;
}
.box-template-datatable-module-warehouse .warehouse-option-list{
  display: block;
  margin: 5px 0px 0px 0px;
}
/* .box-template-datatable-module-warehouse .warehouse-option-list>a{display: block;} */
.box-template-datatable-module-warehouse .warehouse-option-list>a+a{margin-top: 2px;}
/*------------------------------------ Box Recruitment Modules */
.box-modules-recruitment-style .proposal-style,
.box-modules-recruitment-style .approved-style,
.box-modules-recruitment-style .made_finish-style,
.box-modules-recruitment-style .reject-style{background: transparent;}
#form-build-wrap ul.frmb{min-height: 50px !important;}
.box-campaign-preview-header{margin-top: 15px;}
.box-campaign-preview-header .general-infor-color{margin: 9px 0px;}
.box-campaign-preview-header .bootstrap-select{margin-left: -15px;}
.box-campaign-preview-header .general-infor-hr{margin-right: 15px;}
.box-template-table-campaign-preview .table{margin: 0px;}
.box-template-table-campaign-preview .table>tbody>tr>td,
.box-template-table-campaign-preview .table>tfoot>tr>td{padding: 7px 10px;}
.box-template-table-campaign-preview .table>tbody>tr>td:first-child{width: 180px;}
.box-template-table-campaign-preview .table>tbody>tr>td:last-child{width: calc(100% - 180px);}
.box-template-table-campaign-preview .table>tbody>tr.form-url>td .label{
  display: inline-block;
  white-space: normal;
  word-break: break-all;
  text-align: justify;
}
/*------------------------------------ Box License Modules */
.box-license-template-option>ul{
  border: 1px solid #bfcbd9;
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0px;
}
.box-license-template-option>ul>li>ul{
  -moz-column-count: 4;
  -moz-column-gap: 20px;
  -webkit-column-count: 4;
  -webkit-column-gap: 20px;
  column-count: 4;
  column-gap: 20px;
  border-top: 1px solid #bfcbd9;
  margin-top: 5px;
  padding-top: 10px;
  padding-left: 0px;
}
.box-license-catalogue-template-option{
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  column-gap: 20px;
}
/*------------------------------------ Box OKR Modules Dashboard */
.box-okr-modules-dashboard{

}
.box-okr-modules-dashboard .line-right{
  border-right: 1px solid #dedede;
}
.box-okr-modules-dashboard .column{
  padding: 0px 10px;
  width: 100%;
}
.box-okr-modules-dashboard .card-dashboard{
  margin: 0px auto;
  height: 220px;
}
.box-okr-modules-dashboard .dashboard__1{padding: 15px;}
.box-okr-modules-dashboard .circle__content{width: 200px;}
.block-card-okr-dashboard{
  -webkit-box-shadow: 0 1.5em 2em -1em #999;
          box-shadow: 0 1.5em 2em -1em #999;
  border: 1px solid #ddd;
  padding: 20px 10px 10px;
  background: linear-gradient(240deg, #fff, #fdfdfd);
}
.block-card-okr-dashboard+.block-card-okr-dashboard{margin-top: 60px;}
.block-card-okr-dashboard:last-child{margin-bottom: 20px;}
.block-card-okr-dashboard .title-card,
.block-card-okr-dashboard .title-card_user{font-size: 18px;}
.block-card-okr-dashboard .card_{
  background: transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  border: none;
  margin: 0px;
  padding: 0px;
}
.block-card-okr-dashboard .card__sale-flag{
  color: #323a45;
  font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-shadow: 0px 0px 0px transparent;
}
.block-card-okr-dashboard .card__sale-flag,
.block-card-okr-dashboard .card__cta{font-weight: 500;}
/*------------------------------------ Box OKR Modules - Home */
body.okrs,
body.okrs #wrapper,
body.okr.team #wrapper,
body.okr.dept #wrapper,
body.okr.team,
body.okr.dept,
body.okr.setting #wrapper{background: #f8f8f8;}
.box-main-okrs{
}
.box-main-okrs .okrs-content-target{
  width: calc(100% - 250px);
  float: right;
}
.box-main-okrs .okrs-sidebar-periodic{
  width: 250px;
  border-right: 1px solid rgba(0,0,0,0.08);
  background-color: #fff;
  padding: 20px;
  padding-bottom: 130px;
  padding-top: 70px;
  margin: -55px 0px 0px -25px;
  position: absolute;
  bottom: 0;
  top: 8px;
  -webkit-box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 20%);
          box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 20%);
}
.okrs-sidebar-periodic .block-avarta{
  text-align: center;
  padding-bottom: 5px;
  padding-top: 10px;
}
.okrs-sidebar-periodic .block-avarta .-image{
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background: #fff;
  margin: 0px auto 20px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff, 0 0 0 10px rgb(0 0 0 / 15%);
          box-shadow: 0 0 0 4px #fff, 0 0 0 10px rgb(0 0 0 / 15%);
}
.okrs-sidebar-periodic .block-avarta .-image.-default-avatar{
  font-size: 55px;
  background: #008c88;
  color: #fff;
  border-radius: 50%;
  /* width: 18px; */
  /* height: 18px; */
  line-height: 1.875;
  /* margin-right: 5px; */
  text-align: center;
  pointer-events: none;
}
.okrs-sidebar-periodic .block-avarta .-image.-default-avatar span{
  width: calc(100% - 26px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.okrs-sidebar-periodic .block-avarta .-image img{
  width: 100%;
  height: 100%;
}
.okrs-sidebar-periodic .block-avarta h3,
.okrs-sidebar-periodic .block-avarta p{margin-bottom: 0px;}
.okrs-sidebar-periodic .block-avarta h3{font-size: 20px;}
.okrs-sidebar-periodic .block-general-header{
  padding: 15px 0;
  margin: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.okrs-sidebar-periodic .block-general-header h4{
  text-transform: uppercase;
  font-size: 11px;
  color: #aaa;
  font-weight: 500;
  padding-bottom: 4px;
  margin: 0px;
}
.okrs-sidebar-periodic .block-general-header h3{
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 10px;
  margin: 0px;
}
.okrs-sidebar-periodic .block-general-header .okr-progress{
  background: rgba(0,0,0,0.1);
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  height: 6px;
}
.okrs-sidebar-periodic .block-general-header .okr-progress-bar{
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #008c88;
}
.okrs-sidebar-periodic .block-general-header .progress-note{
  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;
  margin: 0px -5px;
  color: #888;
  padding-top: 6px;
  padding-bottom: 8px;
  font-size: 13px;
}
.okrs-sidebar-periodic .block-general-header .progress-note .progress-note--range,
.okrs-sidebar-periodic .block-general-header .progress-note .progress-note--percent{
  padding: 0px 5px;
}
.okrs-sidebar-periodic .block-general-header ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  font-size: 12px;
}
.okrs-sidebar-periodic .block-general-header ul li{
  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;
  padding-bottom: 3px;
}
.okrs-sidebar-periodic .block-general-header ul li:last-child{padding-bottom: 0px;}
.okrs-sidebar-periodic .block-general-header ul li .-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16px;
}
.okrs-sidebar-periodic .block-general-header ul li.block-anlyt-goal-cycle .-icon{-ms-flex-item-align: start;align-self: flex-start;}
.okrs-sidebar-periodic .block-general-header ul li.block-anlyt-goal-cycle .dropdown-content-goal{
  width: calc(100% + 25px);
  margin-left: -25px;
  border: 1px solid rgba(0,0,0,0.05);
  padding: 0px 8px;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #fafafa;
}
.okrs-sidebar-periodic .block-general-header ul li .-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 26px);
  margin-left: 10px;
}
.okrs-sidebar-periodic .block-general-header ul li .-content .anchor{
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.okrs-sidebar-periodic .block-general-header ul li .-content .anchor:hover{
  color: #008c88;
  text-decoration: underline;
}
.okrs-sidebar-periodic .block-general-header ul li .-content .anchor::before{
  content: '·';
  display: inline-block;
  padding: 0px 3px;
}
.menu-section-group-item .group-header{
  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;
  padding: 8px 0px;
  font-size: 12px;
}
.menu-section-group-item .group-header .group-header--label>a{
  color: #2d2d2d;
  font-weight: 400;
}
.menu-section-group-item.-collapsed .group-header .group-header--label>a{
  color: #2d2d2d;
  font-weight: 700;
  text-decoration: underline;
}
.menu-section-group-item.-collapsed .group-header .group-header--action a{color: #b2b2b2;}
.menu-section-group-item .group-header .group-header--action::after{
  content: '\f0d7';
  font-family: 'Font Awesome 5 Pro';
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  text-align: right;
  color: #8a8a8a;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.menu-section-group-item.-collapsed .group-header .group-header--action::after{
  content: '\f0d7';
  font-family: 'Font Awesome 5 Pro';
  width: 15px;
  opacity: 1;
  visibility: visible;
}
.menu-section-group-item .group-header .group-header--action a{color: #8a8a8a;}
.menu-section-group-item .group-header .group-header--action a:hover{color: #008c88;}
.menu-section-item{}
.menu-section-item>a,
.menu-section-item>ul>li>a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 8px 13px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 3px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu-section-item>a:hover,
.menu-section-item>ul>li>a:hover{
  background: #f8f8f8;
  color: #008c88;
}
.menu-section-item.active>a,
.menu-section-item.active>a:hover,
.menu-section-item>ul>li.active>a,
.menu-section-item>ul>li.active>a:hover{
  background: #008c88;
  color: #fff;
}
.menu-section-item>a svg{
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10px;
}
.menu-section-item>a span{
  width: calc(100% - 26px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menu-section-item>a .crm-default-avarta{
  font-size: 11px;
  background: #008c88;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  line-height: 1.875;
  margin-right: 5px;
  text-align: center;
  pointer-events: none;
}
.menu-section-item>ul{

}
.menu-section-item>ul>li{

}
.menu-section-item>ul>li>a{padding-left: 45px;}
.menu-section-item>ul>li>a::before{
  position: absolute;
  width: 8px;
  height: 10px;
  border-radius: 0 0 0 2px;
  border-left: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  content: "";
  top: 11px;
  left: 20px;
}
.menu-section-item>ul>li.active>a::before{
  border-color: #fff;
}
.menu-section-item>ul>li>a::after{
  content: '\f0da';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left: 35px;
  top: 6px;
  font-size: 14px;
  color: inherit;
}
.okrs-content-target .okrs-target--header{
  position: relative;
  margin-bottom: 20px;
}
.okrs-target--header h2{
  font-size: 25px;
  font-weight: 700;
  margin: 0px;
}
.okrs-target--header .okrs-target--header-tabs{
  margin-top: 5px;
}
.okrs-target--header .okrs-target--header-tabs ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.okrs-target--header .okrs-target--header-tabs ul>li{
  display: inline-block;
  margin-right: 25px;
}
.okrs-target--header .okrs-target--header-tabs ul>li>a{
  padding: 8px 0px;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  color: #bbb;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.okrs-target--header .okrs-target--header-tabs ul>li.active>a{color: #008c88;}
.okrs-target--header .okrs-target--header-tabs ul>li>a:hover,
.okrs-target--header .okrs-target--header-tabs ul>li.active>a:hover{
  color: #008c88;
  text-decoration: underline;
}
.okrs-target--header .okrs-target--header-action .header-action--searchbox{
  display: inline-block;
  margin-right: 15px;
}
.okrs-target--header .okrs-target--header-action .header-action--searchbox .form-control{
  height: 38px;
  padding: 8px 32px 8px 10px;
  border: 1px solid #ddd;
  border-radius: 0.375rem;
  font-size: 13px;
  width: 160px;
  background: url(../images/okrs/loupe.png) no-repeat center right 8px #fff;
  background-size: 12px 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.okrs-target--header .okrs-target--header-action .header-action--searchbox .form-control:focus{width: 200px;}
.okrs-target--header .okrs-target--header-action .header-action--selectbox{
  display: inline-block;
  margin-right: 15px;
  width: 150px;
}
.okrs-target--header .okrs-target--header-action .header-action--selectbox .select2-container{width: 100% !important;}
.okrs-target--header .okrs-target--header-action .header-action--selectbox .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 32px;
  background: url(../images/okrs/icon_users_contact.png) no-repeat center left 8px;
  background-size: 9%;
}
.okrs-target--header .okrs-target--header-action .header-action--selectbox .select2-container--default .select2-selection--single{border-color: #ddd;}
.okrs-target--header .okrs-target--header-action .header-action--selectbox .select2-container .select2-selection--single{height: 24px;}
.okrs-target--header .okrs-target--header-action .header-action--selectbox .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 24px;}
.okrs-target--header .okrs-target--header-action .header-action--selectbox .select2-container--default .select2-selection--single .select2-selection__arrow{height: 22px;}
.okrs-target--header .okrs-target--header-action .header-action--edit{
  display: inline-block;
  margin-right: 15px;
}
.okrs-target--header .okrs-target--header-action .header-action--create{display: inline-block;}
.okrs-target--header .okrs-target--header-action .header-action--create .btn{
  font-size: 13px;
  /* padding: 5.725px 12px; */
}
.boardhome-target-item,
.boardhome-single-w-filter{
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 2px;
  margin-bottom: 13px;
}
.boardhome-target-item .okrs-header,
.boardhome-single-w-filter .okrs-header{
  padding: 18px 20px 18px 20px;
  border-bottom: 1px solid #eee;
  position: relative;
  cursor: pointer;
}
.boardhome-single-w-filter .okrs-header{cursor: auto;}
.boardhome-target-item .okrs-header h4,
.boardhome-single-w-filter .okrs-header h4{
  font-size: 20px;
  font-weight: 700;
  margin: 0px;
}
.boardhome-target-item .okrs-header h4::before{
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  text-align: center;
}
.boardhome-target-item .okrs-header a,
.boardhome-single-w-filter .okrs-header .filter-object{
  position: absolute;
  right: 20px;
  top: 19px;
  color: #aaa;
  font-size: 13px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.boardhome-single-w-filter .okrs-header .filter-object{
  width: 250px;
  position: absolute;
  top: 8px;
  right: 10px;
}
.boardhome-single-w-filter .okrs-header .filter-object .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 32px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M21.03%205.72a.75.75%200%20010%201.06l-11.5%2011.5a.75.75%200%2001-1.072-.012l-5.5-5.75a.75.75%200%20111.084-1.036l4.97%205.195L19.97%205.72a.75.75%200%20011.06%200z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center left 8px;
  background-size: 6%;
}
.boardhome-target-item .okrs-header a:hover{
  text-decoration: underline;
  color: #008c88;
}
.boardhome-target-item.-collapsed .okrs-header {
  background-color: #f4f4f4;
}
.boardhome-target-item.-collapsed .okrs-header h4::before{content: '\f107';}
.boardhome-target-item.-krs .okrs-header,
.boardhome-target-item.-checkins .okrs-header,
.boardhome-target-item.-reviews .okrs-header{padding: 13px 20px 13px 20px;}
.boardhome-target-item.-krs .okrs-header h4,
.boardhome-target-item.-checkins .okrs-header h4,
.boardhome-target-item.-reviews .okrs-header h4{
  font-size: 17px;
  font-weight: 500;
}
.boardhome-target-item.-krs .okrs-header h4>span,
.boardhome-target-item.-checkins .okrs-header h4>span,
.boardhome-target-item.-reviews .okrs-header h4>span{
  font-size: 13px;
  color: #999;
  padding-top: 2px;
  display: inline-block;
  margin-left: 22px;
  font-weight: 400;
}
.boardhome-target-item.-reviews .obj-compact-lists{padding-bottom: 0px;}
.boardhome-target-item .okrs-content{display: block;}
.boardhome-target-item.-collapsed .okrs-content{display: none;}
.obj-compact-header{
  position: relative;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: #aaa;
  padding: 13px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.obj-compact-header .och-label{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 500px);
}
.obj-compact-header .och-side{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 500px;
  font-size: 11px;
}
.obj-compact-header .och-side > div{
  display: inline-block;
  padding-left: 20px;
}
.obj-compact-lists{
  padding: 0px 0px 15px 0px;
}
.obj-compact-item{
  position: relative;
  padding-left: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.obj-compact-lists>.obj-compact-item{
  border-top: 1px solid;
  border-bottom: 1px solid;
  background: rgba(255,255,238,0.8);
  border-color: #ddd;
}
.obj-compact-lists>.obj-compact-item.-collapsed{
  background: #fff;
  border-color: #fff;
}
.obj-compact-item svg{
  width: 14px;
  height: 14px;
}
.obj-compact-item .okrs-chart-image-progress svg{
  width: inherit;
  height: inherit;
}
.obj-compact-item .oc-carret{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16px;
  height: 20px;
  line-height: 25px;
  margin: 14px 0px 5px;
}
.obj-compact-item .oc-carret>a{color: #aaa;}
.obj-compact-item.-cache .oc-carret{display: none;}
.obj-compact-item .oc-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 25px;
  background: rgba(0, 140, 136, 0.7);
  border-radius: 2px;
  margin: 13px 10px 5px 5px;
}
.obj-compact-item .oc-icon>a{color: #fff;}
.obj-compact-item.-cache .oc-icon{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
  margin: 14px 9px 5px 2px;
  background: transparent;
}
.obj-compact-item .oc-label{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 570px);
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding: 10px 0;
  line-height: 2;
}
.obj-compact-item .oc-label>span{color: #888;}
.obj-compact-item .oc-label>a:hover{
  color: #008c88;
  text-decoration: underline;
}
.obj-compact-item.-cache .oc-label{
  font-weight: 400;
  color: #999999;
  font-size: 13px;
  line-height: 2.25;
  width: calc(100% - 547px);
}
.obj-compact-item .oc-side{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 500px;
}
.obj-compact-item .oc-side>div{
  display: inline-block;
  padding: 10px 0px;
  padding-left: 20px;
  vertical-align: middle;
}
.obj-compact-item .oc-subs{
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
}
.obj-compact-item>.oc-subs>.obj-compact-item>.oc-l,
.obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-l,
.obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-l{
  position: absolute;
  width: 12px;
  border-left: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-radius: 0 0 0 4px;
  top: -10px;
  left: 6px;
  height: 35px;
}
.obj-compact-item .oc-empty{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 0px;
  color: #aaa;
}
.oc-empty>svg{
  width: 32px;
  height: 32px;
  fill: none !important;
  stroke: currentcolor !important;
  margin-bottom: 15px;
}
.oc-empty .empty-title{
  font-size: 16px;
  font-weight: 500;
  color: #111;
  padding-bottom: 10px;
}
.oc-empty .empty-text{
  font-size: 12px;
  line-height: 18px;
}
.obj-compact-item.-lv1,
.obj-compact-item.-lv2,
.obj-compact-item.-lv3,
.obj-compact-item.-lv4{padding-left: 30px;}
.obj-compact-item.-lv1::before,
.obj-compact-item.-lv2::before,
.obj-compact-item.-lv3::before,
.obj-compact-item.-lv4::before{
  content: '';
  position: absolute;
  width: 0.5px;
  height: 100%;
  top: -10px;
  left: 6px;
  background: #e5e5d8;
  z-index: 2;
}
.obj-compact-item.-lv1:last-child::before,
.obj-compact-item.-lv2:last-child::before,
.obj-compact-item.-lv3:last-child::before,
.obj-compact-item.-lv4:last-child::before{content: '';display: none;}
.obj-compact-item.-reviews .oc-review-header{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 35px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.obj-compact-item.-reviews .oc-carret{margin: 19px 0px 5px;}
.obj-compact-item.-reviews .review-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 25px;
  padding-left: 5px;
}
.obj-compact-item.-reviews .review-icon>svg{
  width: 24px;
  height: 24px;
}
.obj-compact-item.-reviews .review-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 40px);
}
.obj-compact-item.-reviews .review-content .-title{
  font-size: 17px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.obj-compact-item.-reviews .review-content .-info{
  font-size: 13px;
  color: #aaa;
}
.obj-compact-item.-reviews .review-content .-title:hover,
.obj-compact-item.-reviews .review-content .-info>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.obj-compact-item.-reviews .oc-subs::before{
  content: '';
  position: absolute;
  top: -1px;
  background: #fff;
  right: 0px;
  left: -20px;
  width: calc(100% + 20px);
  height: calc(100% + 1px);
  border-top: 1px solid #eee;
}

.okrs-percent{
  position: relative;
  font-size: 12px;
}
.okrs-spacial-tag{
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  font-size: 11px;
  padding: 3px 6px;
  border-radius: 2px;
  color: #008c88;
  border: 1px solid rgba(0, 140, 136, 0.25);
}
.okrs-spacial-tag.-circled {
  border-radius: 13px;
}
.okrs-spacial-tag.-sm {
  padding: 2px 5px;
}
.okrs-spacial-tag.-primary{
  background: #008c88;
  border-color: #008c88;
  color: #fff;
}
.okrs-progress-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.okrs-progress-wrap>div{-webkit-box-flex: 1;-ms-flex: 1 0 0%;flex: 1 0 0%;}
.okrs-progress-wrap .progress-bar{
  background: rgba(0,0,0,0.1);
  height: 8px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.okrs-progress-wrap .progress-bar .-completed{
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #008c88;
}
.okrs-progress-wrap .progress-bar .-small{
  background-image: linear-gradient( -45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent );
  background-size: 13px 13px;
}
.okrs-progress-wrap .progress-bar .-small.-animated{
  -webkit-animation: move 8s linear infinite;
          animation: move 8s linear infinite;
}
@-webkit-keyframes move{
 0% {
	background-position: 0 0;
 }
 100% {
	background-position: 50px 50px;
 }
}
@keyframes move {
 0% {
	background-position: 0 0;
 }
 100% {
	background-position: 50px 50px;
 }
}
.okrs-progress-wrap .progress-text{
  text-align: right;
  font-size: 13px;
}
.okrs-responsibility{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-left: 30px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.okrs-responsibility .responsibility-avarta{
  border-radius: 50%;
  width: 22px;
  height: 22px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
}
.okrs-responsibility span{
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.okrs-responsibility:hover{
  color: #008c88;
  text-decoration: underline;
}
.okrs-chart-image{
  overflow: hidden;
  height: 30px;
}
.okrs-chart-image>img{
  -o-object-fit: contain;
     object-fit: contain;
  height: 30px;
  width: 80px;
}
.okrs-action{
  position: relative;
}
.okrs-action>a,
.okrs-action>.btn{
  display: block;
  text-align: center;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  background-color: transparent;
}
.okrs-action>.btn{border-color: transparent;}
.okrs-action:hover>.btn{
  color: #008c88;
  /* background-color: #f3f3f3; */
}
.okrs-action:hover>a{
  color: var(--bs-primary) !important;
  background-color: #f3f3f3;
}
.okrs-action .action-dropdown{
  position: absolute;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px 0px rgb(0 0 0 / 20%);
          box-shadow: 0 2px 10px 0px rgb(0 0 0 / 20%);
  font-weight: normal;
  font-size: 13px;
  padding: 4px 6px;
  border-radius: 4px;
  right: 0px;
  left: auto;
  top: 30px;
  width: 200px;
  z-index: 888;
  display: none;
}
.okrs-action:hover .action-dropdown{
  display: block;
}
.okrs-action .action-dropdown ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.okrs-action .action-dropdown ul>li.divider{
  background-color: #f3f3f3;
  height: 1px;
  display: block;
  margin: 4px 0;
}
.okrs-action .action-dropdown ul>li>a{
  padding: 7px 10px;
  margin-top: 3px;
  border-radius: 2px;
  font-size: 13px;
  position: relative;
  cursor: pointer;
  color: #555;
  text-align: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: transparent;
}
.okrs-action .action-dropdown ul>li>a:hover{
  color: #fff;
  background: #008c88;
}
.okrs-action .action-dropdown ul>li>a.text-delete{color: #CC1111;}
.okrs-action .action-dropdown ul>li>a.text-delete:hover{
  color: #CC1111;
  background: rgba(195,67,67,0.1);
}

.obj-compact-item.company-target.-header.-collapsed>.oc-carret>a::before{content: '\f0d8';}
.obj-compact-item.company-target.-header:last-child{margin-bottom: 0px;}
.obj-compact-item.company-target.-header{
  background: #fff;
  /* padding: 0px 15px 0px 20px; */
  /* border: 1px solid rgba(0,0,0,0.1); */
  /* border-bottom: 1px solid rgba(0,0,0,0.1); */
  border-radius: 3px;
  margin-bottom: 20px;
}
.obj-compact-item.company-target.-header::before{
  position: absolute;
  left: 0;
  right: 0;
  top: 62px;
  height: 1px;
  background: rgba(0,0,0,0.1);
  content: "";
}
.obj-compact-item.company-target.-header>.oc-carret{
  width: 60px;
  height: 32px;
}
.obj-compact-item.company-target.-header>.oc-carret>a{
  position: relative;
  display: block;
  height: 100%;
  padding-left: 20px;
}
.obj-compact-item.company-target.-header>.oc-carret>a::before{
  content: '\f0da';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 15px;
  text-align: center;
}
.obj-compact-item.company-target.-header>.oc-carret>a .okrs-percent>div::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}
.obj-compact-item.company-target.-header>.oc-label{
  line-height: 1.5;
  overflow: initial;
  text-overflow: initial;
  white-space: normal;
  word-wrap: normal;
  font-weight: 400;
}
.obj-compact-item.company-target.-header>.oc-label>a{
  display: block;
  display: -webkit-box;
  font-weight: 500;
  max-height: 38px;
  line-height: 19px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.obj-compact-item.company-target.-header>.oc-label .oc-label--value,
.obj-compact-item.company-target.-header>.oc-label>span{display: block;}
.obj-compact-item.company-target.-header>.oc-label .oc-label--value,
.obj-compact-item.company-target.-header>.oc-label>span{
  font-size: 13px;
  color: #999;
  padding-top: 4px;
}
.obj-compact-item.company-target.-header>.oc-label .oc-label--value b{font-weight: 700;}
.obj-compact-item.company-target.-header .okrs-responsibility span.role-name{
  font-weight: 400;
  color: #888;
}
.obj-compact-item.company-target.-header .okrs-progress-wrap .progress-text{
  text-align: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  padding-right: 10px;
}
.obj-compact-item.company-target.-header .okrs-progress-wrap .progress-bar{
  height: 10px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.obj-compact-item.company-target .obj-compact-item.-notchild>.oc-l{display: none;}
.obj-compact-item.company-target .obj-compact-item.-notchild>.oc-icon{margin: 11px 9px 5px 10px;}
.obj-compact-item.company-target .obj-compact-item.-notchild>.oc-label{
  font-weight: 500;
  font-size: 15px;
}
.obj-compact-item.company-target .obj-compact-item.-notchild>.oc-label>svg{display: none;}
.obj-compact-item.company-target>.oc-subs{padding: 5px 0px;}
.obj-compact-item.company-target>.oc-subs>.obj-compact-item.-lv0>.oc-l{display: none;}
.obj-compact-item.company-target>.oc-subs>.obj-compact-item.-lv0,
.obj-compact-item.company-target>.oc-subs>.obj-compact-item.-lv1,
.obj-compact-item.company-target>.oc-subs>.obj-compact-item.-lv2,
.obj-compact-item.company-target>.oc-subs>.obj-compact-item.-lv3,
.obj-compact-item.company-target>.oc-subs>.obj-compact-item.-lv4{padding-left: 32px;}
.obj-compact-item.company-target>.oc-subs>.obj-compact-item .oc-carret{margin-right: 13px;}
.obj-compact-item.company-target>.oc-subs>.obj-compact-item:not(.-cache)>.oc-label,
.obj-compact-item.company-target>.oc-subs>.obj-compact-item:not(.-cache)>.oc-subs>.obj-compact-item:not(.-cache)>.oc-label,
.obj-compact-item.company-target>.oc-subs>.obj-compact-item:not(.-cache)>.oc-subs>.obj-compact-item:not(.-cache)>.oc-subs>.obj-compact-item>.oc-label{width: calc(100% - 539px);}
.obj-compact-item.company-target>.oc-subs>.obj-compact-item .oc-carret{margin-top: 10px;}
.obj-compact-item.company-target>.oc-subs>.obj-compact-item .oc-label{padding: 5px 0px;}
.obj-compact-item.company-target>.oc-subs>.obj-compact-item .oc-side>div{
  padding-top: 5px;
  padding-bottom: 5px;
}
.obj-compact-item.company-target>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item.-cache .oc-icon{margin: 9px 9px 5px 10px;}
.obj-compact-item.company-target>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item.-cache .oc-icon{margin: 9px 9px 5px 2px;}
.obj-compact-item.company-target .obj-compact-item>.oc-subs>.obj-compact-item>.oc-l,
.obj-compact-item.company-target .obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-l,
.obj-compact-item.company-target .obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-l{height: 30px;}
.unlinked-targets{
  background-color: #fff;
  border-radius: 0.5rem;
  margin-top: 20px;
}
.unlinked-targets:first-child{margin-top: 0px;}
.unlinked-targets .unlinked-target--header{
  padding: 15px 20px;
  position: relative;
}
.unlinked-target--header .target-header-title{
  font-size: 16px;
  font-weight: 500;
}
.unlinked-target--header .target-header-info{
  font-size: 13px;
  color: #999;
  padding-top: 4px;
}
.unlinked-targets .obj-compact-item .okrs-progress-wrap .progress-text{
  text-align: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  padding-right: 10px;
}
.unlinked-targets .obj-compact-item .okrs-progress-wrap .progress-bar{
  height: 10px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.unlinked-targets .obj-compact-item .oc-label{
  font-size: 13px;
  font-weight: 400;
  padding: 5px 0px;
}
.unlinked-targets .obj-compact-item.-collapsed .oc-carret svg{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.unlinked-targets .obj-compact-item .oc-carret svg{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.unlinked-targets .obj-compact-item .oc-carret{
  width: 28px;
  margin-top: 7px;
  padding-left: 3px;
}
.unlinked-targets .obj-compact-item .oc-side>div{
  padding-top: 5px;
  padding-bottom: 5px;
}
.obj-compact-item.-unlinked{
  background: #fff;
  border-bottom: none;
  padding: 0px;
  margin: 0px 20px;
}
.obj-compact-item.-unlinked>.oc-label{width: calc(100% - 500px);}
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item:not(.-cache)>.oc-label{width: calc(100% - 528px);}
.obj-compact-item.-unlinked.-cache>.oc-label,
.obj-compact-item.-unlinked .obj-compact-item.-cache>.oc-label{width: calc(100% - 529px);}
.obj-compact-item.-unlinked .obj-compact-item>div:not(.oc-subs){border-top: 1px solid #ddd;}
.obj-compact-item.-unlinked .obj-compact-item>div:first-child,
.obj-compact-item.-unlinked .obj-compact-item>div.oc-icon{border-top: 1px solid transparent;}
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item.-cache .oc-icon{margin: 10px 9px 5px 2px;}
.obj-compact-item.-unlinked.-cache>.oc-icon,
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item.-cache .oc-icon{margin: 8px 9px 5px 2px;}
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item>.oc-l,
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-l,
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-l{height: 28px;}
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item.-lv1,
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item.-lv2,
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item.-lv3,
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item.-lv4{padding-left: 10px;}
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item.-lv1::before,
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item.-lv2::before,
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item.-lv3::before,
.obj-compact-item.-unlinked>.oc-subs>.obj-compact-item.-lv4::before{display: none;}



.icon-child-target{
  width: 8px;
  height: 8px;
  border: 1px solid rgba(0,0,0,0.3);
  display: block;
  position: relative;
  border-radius: 1px;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 5px;
  margin-top: 5px;
}
.row-floating-label{
  --bs-gutter-x: 8px;
  --bs-gutter-y: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row-floating-label>*{
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col-floating{-webkit-box-flex: 1;-ms-flex: 1 0 0%;flex: 1 0 0%;}
.modal-style-okrs{padding-right: 0px !important;}
.modal-style-okrs.-checkin-timesheet .modal-content{
  border-radius: 8px;
  width: 100%;
}
.modal-style-okrs.-checkin-timesheet .modal-body{padding: 16px;}
.modal-style-okrs .modal-bs5-dialog .modal-content,
.modal-style-okrs .modal-bs5-dialog.modal-dialog-scrollable>form{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  pointer-events: auto;
  /* background-color: #fff; */
  background-clip: padding-box;
  /* border: 1px solid rgba(0,0,0,.2); */
  border-radius: 5px;
  outline: 0;
}
.modal-style-okrs .modal-bs5-dialog .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-style-okrs .modal-bs5-dialog .modal-header .close{margin-left: auto;}
.modal-style-okrs .modal-bs5-dialog .modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
}
.modal-style-okrs .modal-bs5-dialog .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-style-okrs .modal-bs5-dialog.modal-dialog-scrollable{
  height: calc(100% - 3.5rem);
  margin: 1.75rem auto;
}
.modal-style-okrs .modal-bs5-dialog.modal-dialog-scrollable>form,
.modal-style-okrs .modal-bs5-dialog.modal-dialog-scrollable .modal-content{
  max-height: 100%;
}
.modal-style-okrs .modal-bs5-dialog.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  /* min-height: calc(100vh - 25px); */
}
.modal-style-okrs .modal-bs5-dialog.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
.modal-style-okrs .modal-bs5-dialog.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgb(246 246 246 / 50%);
}
.modal-style-okrs .modal-bs5-dialog.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgb(108 108 108 / 70%);
}

.modal-style-okrs .form-group{margin-bottom: 10px;}
.modal-style-okrs .select2-container,
.select2-single~.select2-container{width: 100% !important;}
.select2-single~.select2-container--default .select2-selection--single,
.select2-single~.select2-container--default .select2-selection--multiple{border-color: #ddd;}
.select2-single~.select2-container .select2-selection--single,
.select2-single~.select2-container .select2-selection--multiple{height: 38px;}
.modal-style-okrs .select2-container .select2-search--inline .select2-search__field,
.select2-single~.select2-container .select2-search--inline .select2-search__field{
  height: 23px;
  line-height: 2;
}
.select2-single~.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px;}
.select2-single~.select2-container--default .select2-selection--single .select2-selection__arrow{height: 36px;}
.modal-style-okrs .form-check{
  display: block;
  min-height: 24px;
  padding-left: 25px;
  margin-bottom: 2px;
}
.modal-style-okrs .form-check-input{
  width: 18px;
  height: 18px;
  margin-top: 3px;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid rgba(0,0,0,.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  position: relative;
}
.modal-style-okrs .form-check-input::before{
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 13px transparent;
          box-shadow: 0 0 0 13px transparent;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background-color: transparent;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.modal-style-okrs .form-check-input[type=radio]:before {
  width: 14px;
  height: 14px;
}
.modal-style-okrs .form-check-input[type=radio]:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  z-index: 1;
  display: block;
  border-radius: 50%;
  background-color: #fff;
}
.modal-style-okrs .form-check-input[type=radio]{border-radius: 50%;}
.modal-style-okrs .form-check-input[type=radio]:checked{
  background-image: none;
  background-color: #fff;
  border-color: #008c88;
}
.modal-style-okrs .form-check-input:checked:before {opacity: .16;}
.modal-style-okrs .form-check-input[type=radio]:checked:after {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border-color: #008c88;
  background-color: #008c88;
  -webkit-transition: border-color;
  transition: border-color;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.modal-style-okrs .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: #757575;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
}
.modal-style-okrs .form-check-input:focus:before {
  opacity: .12;
  -webkit-box-shadow: 0 0 0 8px rgb(0 0 0 / 60%);
          box-shadow: 0 0 0 8px rgb(0 0 0 / 60%);
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
  transition: -webkit-box-shadow .2s,-webkit-transform .2s;
  transition: box-shadow .2s,transform .2s;
  transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s;
}
.modal-style-okrs .form-check-input[type=radio]:checked:focus {background-color: #fff;}
.modal-style-okrs .form-check-input:checked:focus {border-color: #008c88;}
.modal-style-okrs .form-check-input:checked:focus:before {
  -webkit-box-shadow: 0 0 0 8px #008c88;
          box-shadow: 0 0 0 8px #008c88;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
  transition: -webkit-box-shadow .2s,-webkit-transform .2s;
  transition: box-shadow .2s,transform .2s;
  transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s;
}
.modal-style-okrs .form-check .form-check-input{
  float: left;
  margin-left: -24px;
}
.modal-style-okrs .form-check-label{
  margin-bottom: 0px;
  margin-top: 4px;
  padding-left: 3px;
}
.modal-style-okrs .group-readonly::before{
  content: "\2714";
  position: absolute;
  font-size: 13px;
  right: 10px;
  bottom: 8px;
  opacity: 0.8;
  filter: alpha(Opacity:80);
  color: #999;
}
.modal-style-okrs .form-group>.control-label,
.modal-style-okrs .form-group>label{
  display: block;
  font-weight: 500;
}
.modal-style-okrs .form-control[disabled],
.modal-style-okrs .form-control[readonly],
.modal-style-okrs fieldset[disabled] .form-control{
  background-color: #f8f8f8;
  border-color: #bfcbd9;
  color: #999;
}
.modal-style-okrs .-estimated-time::before{
  content: attr(data-unit);
  position: absolute;
  text-transform: uppercase;
  right: 10px;
  top: 34px;
  color: #acacac;
}
.modal-style-okrs .-estimated-time .form-control{padding-right: 50px;}
.modal-style-okrs .confidence-group-button>ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-style-okrs .confidence-group-button>ul>li{
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  border-radius: 5px;
}
.modal-style-okrs .confidence-group-button>ul>li+li{margin-left: 4px;}
.modal-style-okrs .confidence-group-button>ul>li>a{
  display: block;
  background: #f3f3f3 !important;
  -webkit-box-shadow: 0 1px 1px rgb(255 255 255 / 10%);
          box-shadow: 0 1px 1px rgb(255 255 255 / 10%);
  border-radius: 3px;
  padding: 6px;
  color: #888;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
}
.modal-style-okrs .confidence-group-button>ul>li>a:hover{
  background: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
          box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
}
.modal-style-okrs .confidence-group-button>ul>li.active>a,
.modal-style-okrs .confidence-group-button>ul>li.active>a:hover{
  background: inherit !important;
  color: #fff;
}
.modal-style-okrs .review-opts{margin: 15px 0px;}
.modal-style-okrs .review-opts .review-opts--heading{
  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;
}
.modal-style-okrs .review-opts--heading>div{-webkit-box-flex: 1;-ms-flex: 1 0 0%;flex: 1 0 0%;}
.modal-style-okrs .review-opts--heading .heading--title{
  font-weight: 500;
  color: #42b814;
  font-size: 12px;
  text-transform: uppercase;
  -ms-flex-item-align: center;
      align-self: center;
}
.modal-style-okrs .review-opts--heading .heading--edit{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-style-okrs .review-opts--heading .heading--edit::after{
  content: attr(data-unit);
  color: #aaa;
  font-weight: 500;
  /* position: absolute; */
  /* top: 9px;
  right: 0px; */
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}
.modal-style-okrs .review-opts--heading .heading--edit>.form-control{
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  text-align: right;
  padding: 0;
  padding-right: 5px;
  margin: 0;
  border: none;
  background: transparent;
}
.modal-style-okrs .review-opts--bar .irs--flat .irs-bar,
.modal-style-okrs .review-opts--bar .irs--flat .irs-handle>i:first-child,
.modal-style-okrs .review-opts--bar .irs--flat .irs-from,
.modal-style-okrs .review-opts--bar .irs--flat .irs-to,
.modal-style-okrs .review-opts--bar .irs--flat .irs-single{background-color: #4ebd22;}
.modal-style-okrs .review-opts--bar .irs--flat .irs-from:before,
.modal-style-okrs .review-opts--bar .irs--flat .irs-to:before,
.modal-style-okrs .review-opts--bar .irs--flat .irs-single:before{border-top-color: #4ebd22;}
.modal-style-okrs .review-opts--info{
  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;
  font-size: 12px;
  color: #888;
  margin-top: 5px;
}
.modal-style-okrs .review-opts--info b{
  color: #111;
  font-weight: 500;
}
.modal-style-okrs .block-checkin-kpi-of-metric{
  border: 2px solid rgba(66,184,20,0.6);
  padding: 15px 20px;
  margin: 10px 0 20px 0;
  border-radius: 4px;
  background-color: #fafafa;
}
.modal-style-okrs .block-checkin-kpi-of-metric .checkin-kpi-of-metric-set-config{
  margin-top: 16px;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-style-okrs .block-checkin-kpi-of-metric .checkin-kpi-of-metric-set-config .-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: #212121;
}
.modal-style-okrs .block-checkin-kpi-of-metric .checkin-kpi-of-metric-set-config .-icon>svg{
  width: 100%;
  height: 100%;
  fill: none !important;
  stroke: currentcolor !important;
}
.modal-style-okrs .block-checkin-kpi-of-metric .checkin-kpi-of-metric-set-config .-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 14px);
  padding-left: 5px;
}
.modal-style-okrs .block-checkin-kpi-of-metric .checkin-kpi-of-metric-set-config .-content .-prefix{
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
  color: #aaa;
}
.modal-style-okrs .block-checkin-kpi-of-metric .checkin-kpi-of-metric-set-config .-content .-value{color: #212121;}
.modal-style-okrs .block-checkin-kpi-of-metric .checkin-kpi-of-metric-set-config .-content a{color: #212121;}
.modal-style-okrs .block-checkin-kpi-of-metric .checkin-kpi-of-metric-set-config .-content a:hover{
  color: #008c88;
  text-decoration: underline;
}
.modal-style-okrs .form-group{position: relative;}
.modal-style-okrs .form-group.type-unit::before{
  content: attr(data-unit);
  position: absolute;
  text-transform: uppercase;
  right: 10px;
  top: 34px;
  color: #acacac;
}
.modal-style-okrs .form-group.type-unit .form-control{
  font-weight: 500;
  color: #000;
}
.modal-style-okrs .form-group.-with-color-picker .pickr{
  position: absolute;
  top: 30px;
  right: 5px;
  border-left: 1px solid #bfcbd9;
  padding-left: 5px;
}
.modal-style-okrs .form-group.-with-color-picker .pickr .pcr-button{
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M 7.8886719 2.0898438 A 1.0001 1.0001 0 0 0 7.1933594 3.8066406 L 9.5761719 6.1894531 L 3.7988281 11.787109 L 3.7929688 11.792969 C 2.6394154 12.946522 2.6394154 14.854259 3.7929688 16.007812 L 8.8925781 21.107422 C 10.046132 22.260975 11.903752 22.311091 13.007812 21.207031 L 18.107422 16.107422 C 19.260975 14.953868 19.260975 13.046132 18.107422 11.892578 L 16.164062 9.9511719 A 1.0001 1.0001 0 0 0 16.107422 9.8925781 L 8.6074219 2.3925781 A 1.0001 1.0001 0 0 0 7.8886719 2.0898438 z M 10.988281 7.6035156 L 14.693359 11.306641 L 16.693359 13.306641 C 16.916583 13.529864 17.027344 13.764932 17.027344 14 L 4.8964844 14 C 4.8603635 13.731888 4.9521709 13.461892 5.2070312 13.207031 L 10.988281 7.6035156 z M 20 16.400391 C 19.8415 16.400391 19.682938 16.476906 19.585938 16.628906 C 18.999938 17.544906 18 19.222 18 20 C 18 21.1 18.9 22 20 22 C 21.1 22 22 21.1 22 20 C 22 19.222 21.000063 17.544906 20.414062 16.628906 C 20.317062 16.476906 20.1585 16.400391 20 16.400391 z"></path></svg>') no-repeat center #fff;
  background-size: 16px;
  -webkit-box-shadow: 0 2px 6px 0px rgb(0 0 0 / 20%);
          box-shadow: 0 2px 6px 0px rgb(0 0 0 / 20%);
  background-color: #fff;
  border-radius: 3px;
}
.modal-style-okrs .modal-header .modal-title-action{
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-style-okrs .modal-header .action-dropdown-status{
  margin-right: 5px;
  width: 180px;
}
.modal-style-detail-okrs .modal-header{background: #008c88 !important;}
.modal-style-detail-okrs .block-header-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-style-detail-okrs .block-header-wrapper>div{-webkit-box-flex: 1;-ms-flex: 1 0 0%;flex: 1 0 0%;}
.modal-style-detail-okrs .block-header-wrapper .modal-title{
  font-size: 17px;
  font-weight: 500;
  color: rgba(255,255,255,0.8);
  cursor: pointer;
}
.modal-style-detail-okrs .block-header-wrapper .modal-title>i{padding-right: 5px;}
.modal-style-detail-okrs .block-header-wrapper .modal-title:hover{color: #fff;}
.modal-style-detail-okrs .block-header-wrapper .header-action{
  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;
}
.modal-style-detail-okrs .block-header-wrapper .header-action .okrs-action{margin-right: 5px;}
.modal-style-detail-okrs .block-header-wrapper .header-action .okrs-action>a,
.modal-style-detail-okrs .block-header-wrapper .header-action .okrs-action>.btn{
  color: rgba(255,255,255,0.8);
  background: transparent;
  height: 25px;
  line-height: 25px;
}
.modal-style-detail-okrs .block-header-wrapper .header-action .okrs-action:hover>a,
.modal-style-detail-okrs .block-header-wrapper .header-action .okrs-action:hover>.btn{
  color: #fff;
  background: transparent;
}
.modal-style-detail-okrs .block-header-wrapper .header-action .okrs-action .action-dropdown{top: 25px;}
.modal-style-detail-okrs .modal-body{padding: 0px;}
.modal-style-detail-okrs .block-cover-wrapper{
  background-color: #008c88;
  padding: 20px 0 30px;
  color: rgba(255,255,255,0.8);
  position: relative;
  text-align: center;
  font-size: 14px;
  margin-top: -1px;
}
.modal-style-detail-okrs .block-cover-wrapper>svg{
  width: 32px;
  height: 32px;
  fill: #fff;
  margin: auto;
  margin-bottom: 15px;
}
.modal-style-detail-okrs .block-cover-wrapper .-title{
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 10px;
}
.modal-style-detail-okrs .block-cover-wrapper .-subtitle .icon-svg{
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0px 5px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.modal-style-detail-okrs .block-cover-wrapper .-subtitle .icon-svg>svg{
  width: 100%;
  height: 100%;
  fill: currentcolor;
}
.modal-style-detail-okrs .block-cover-wrapper .-subtitle>a{color: rgba(255,255,255,0.8);}
.modal-style-detail-okrs .block-cover-wrapper .-subtitle>a:hover{
  color: #fff;
  text-decoration: underline;
}
.modal-style-detail-okrs .block-checkin-profile{
  background-color: #f8f8f8;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  position: relative;
  padding: 20px 20px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-style-detail-okrs .block-checkin-profile .profile-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.modal-style-detail-okrs .block-checkin-profile .profile-avatar>img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.modal-style-detail-okrs .block-checkin-profile .profile-info{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 122px);
  padding: 0px 15px;
}
.modal-style-detail-okrs .block-checkin-profile .profile-info .info-title{
  font-size: 20px;
  font-weight: 500;
}
.modal-style-detail-okrs .block-checkin-profile .profile-info .info-subtitle{
  font-size: 13px;
  color: #999;
  padding-top: 2px;
}
.modal-style-detail-okrs .block-checkin-profile .profile-info .info-subtitle .icon-svg{
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0px 5px 0px 0px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.modal-style-detail-okrs .block-checkin-profile .profile-info .info-subtitle .icon-svg>svg{
  width: 100%;
  height: 100%;
  fill: currentcolor;
}
.modal-style-detail-okrs .block-checkin-profile .profile-info .info-subtitle>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.modal-style-detail-okrs .block-checkin-profile .profile-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 82px;
}
.modal-style-detail-okrs .block-checkin-profile .profile-action .okrs-action{
  width: 30px;
  margin-left: auto;
}
.modal-style-detail-okrs .block-checkin-profile .profile-action .btn{
  padding: 6.5px 14px;
  border-radius: 16px;
  font-weight: 500;
  font-size: 12px;
  text-transform: none;
}
.modal-style-detail-okrs .block-checkin-profile .profile-action .btn-checkin{
  background: #f8f8f8;
  color: #008c88;
  border-color: #008c88;
}
.modal-style-detail-okrs .block-checkin-profile .profile-action .btn-checkin:hover{
  background: #008c88;
  border-color: #008c88;
  color: #fff;
}

.block-display-section{
  padding: 15px 20px;
  border-bottom: 4px solid rgba(0,0,0,0.05);
  font-size: 13px;
}
.block-display-section .display-section--title{
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
.block-display-section .display-section--content{
  font-size: 14px;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}
.block-display-section .display-section-chart.-detail-kqtc{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.display-section-chart.-detail-kqtc .detail-kqtc--percentage{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 180px;
}
.display-section-chart.-detail-kqtc .detail-kqtc--percentage .okrs-percent>div::after {
  content: attr(data-label-done);
  position: absolute;
  width: 120px;
  height: 120px;
  background: #fff;
  border-radius: 50%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  text-align: center;
  line-height: 150px;
  text-transform: uppercase;
  font-size: 11px;
  color: #aaa;
}
.display-section-chart.-detail-kqtc .detail-kqtc--percentage .okrs-percent>div::before{
  content: attr(data-value-done);
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  line-height: 120px;
  z-index: 1;
}
.display-section-chart.-detail-kqtc .detail-kqtc--chart{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 180px);
}

.block-okrs-cycle-metric{

}
.block-okrs-cycle-metric .cycle-metric-header{
  margin-bottom: 10px;
  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;
}
.block-okrs-cycle-metric .cycle-metric-content{
  border: 1px solid #ddd;
  margin: 5px 0 10px 0;
  border-radius: 3px;
}
.block-okrs-cycle-metric .cycle-metric-content>div{height: 152px;}
.block-okrs-cycle-metric .cycle-metric-content ul{
  margin-bottom: 0px;
  list-style: none;
}
.block-okrs-cycle-metric .cycle-metric-content .form-group{margin-bottom: 0px;}
.block-okrs-cycle-metric .cycle-metric-content .custom-checkbox{display: block;}
.block-okrs-cycle-metric .cycle-metric-content .custom-checkbox label{
  padding: 9px 10px 9px 38px;
  border-bottom: 1px solid #eee;
  margin-left: 0px;
  display: block;
  cursor: pointer;
}
.block-okrs-cycle-metric .cycle-metric-content .custom-checkbox label:after,
.block-okrs-cycle-metric .cycle-metric-content .custom-checkbox label::before{
  top: 8px;
  left: 8px;
}
.block-okrs-cycle-metric .cycle-metric-content .custom-checkbox input:checked ~ label:after{
  top: 14px;
  left: 12px;
}
.block-okrs-cycle-metric .cycle-metric-content ul>li:last-child .custom-checkbox label{border-bottom: none;}
/*------------------------------------ OKRs Target Detail */
body.okr.okrs_target_detail,
body.okr.okrs_goal_detail{background: #f3f3f3;}
.box-okrs-target-detail,
.box-okrs-goal-detail{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #f3f3f3;
}
.box-okrs-target-detail .okrs-target-detail--wrapper,
.box-okrs-goal-detail .okrs-goal-detail--wrapper{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 360px);
}
.box-okrs-target-detail .okrs-target-detail--sidebar,
.box-okrs-goal-detail .okrs-goal-detail--sidebar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 305px;
  background: #fff;
}
.box-okrs-target-detail .okrs-target-detail-action,
.box-okrs-goal-detail .okrs-goal-detail-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 55px;
}
.box-okrs-target-detail .target-detail--header,
.box-okrs-goal-detail .goal-detail--header{
  height: 55px;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  background-color: #008c88;
  color: #fff;
  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;
}
.box-okrs-target-detail .target-detail--header.-darked,
.box-okrs-goal-detail .goal-detail--header.-darked{
  background-color: #046e6b;
}
.box-okrs-target-detail .target-detail--header .header-close,
.box-okrs-goal-detail .goal-detail--header .header-close{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 35px;
  height: 35px;
  margin: auto;
  text-align: center;
  line-height: 35px;
  font-size: 25px;
  color: #fff;
  background: transparent;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.box-okrs-target-detail .target-detail--header .header-close:hover,
.box-okrs-goal-detail .goal-detail--header .header-close:hover{
  background: rgb(4 110 107 / 70%);
}
.box-okrs-target-detail .target-detail--header .header-title,
.box-okrs-goal-detail .goal-detail--header .header-title{
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 50px);
}
.box-okrs-target-detail .target-detail--header.-general .header-title,
.box-okrs-goal-detail .goal-detail--header.-general .header-title{
  text-align: left;
  width: 100%;
}
.box-okrs-target-detail .target-detail--content>div,
.box-okrs-goal-detail .goal-detail--content>div{
  height: calc(100vh - 55px);
  padding: 20px;
}
.box-okrs-target-detail .target-display-article,
.box-okrs-goal-detail .goal-display-article{
  max-width: 900px;
  margin: auto;
  padding-bottom: 80px;
}
.goal-display-article .xcrm-card{-webkit-box-shadow: 0px 0px 0px 0px transparent;box-shadow: 0px 0px 0px 0px transparent;}
.goal-display-article .xcrm-card .xcrm-card--body{border: none;}
/* Xcrm Info Row */
.xcrm-info-row{
  position: relative;
  padding: 8px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.xcrm-info-row .xcrm-info--icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 24px;
}
.xcrm-info-row .xcrm-info--icon>svg{
  width: 16px;
  height: 16px;
  fill: currentcolor;
}
.xcrm-info-row .xcrm-info--content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 24px);
}
/* Xcrm Message */
.xcrm-message{
  padding: 12px 16px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.xcrm-message .message-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 24px;
  height: 24px;
}
.xcrm-message.-notice .message-icon{
  width: 16px;
  height: 16px;
}
.xcrm-message .message-icon>svg{
  fill: currentcolor;
  width: 100%;
  height: 100%;
}
.xcrm-message .message-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 24px);
  padding-left: 20px;
}
.xcrm-message.-notice .message-content{
  width: calc(100% - 16px);
  padding-left: 10px;
}
.xcrm-message .message-content .-subtitle{
  font-size: 13px;
}
.xcrm-message .message-content .-title{
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 4px;
}
.xcrm-message .message-content a{color: inherit;}
.xcrm-message .message-content a:hover{text-decoration: underline;}
.xcrm-message.-sm{padding: 8px 12px;}
.xcrm-message.-sm .message-icon{
  width: 18px;
  height: 18px;
}
.xcrm-message.-sm .message-content {
  width: calc(100% - 18px);
  padding-left: 12px;
}
/* Xcrm Card */
.xcrm-card{
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 2px 3px 0px rgb(0 0 0 / 10%);
          box-shadow: 0 2px 3px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);
}
.xcrm-card .xcrm-card--heading{
  padding: 20px 20px;
  position: relative;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.xcrm-card .xcrm-card--body,
.xcrm-card .xcrm-card--footer{
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
}
/* Target Display Item */
.target-display-item .xcrm-card--heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.target-display-item .target-display--percent{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 48px;
  margin-top: 6px;
}
.target-display-item .target-display--percent .okrs-percent>div::before{
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}
.target-display-item .target-display--name{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 288px);
  padding-left: 5px;
}
.target-display-item .target-display--name .name--title{
  font-weight: 500;
  font-size: 20px;
}
.target-display-item .target-display--name .name--sub-title{
  font-size: 13px;
  color: #999;
  padding-top: 3px;
}
.target-display-item .target-display--action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.target-display-item .target-display--action .person-responsibility{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.target-display-item .person-responsibility .responsibility-avarta{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  overflow: hidden;
  border-radius: 50%;
}
.target-display-item .person-responsibility .responsibility-avarta>img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.target-display-item .person-responsibility .responsibility-info{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 40px);
}
.target-display-item .person-responsibility .responsibility-info .info--name,
.target-display-item .person-responsibility .responsibility-info .info--role{
  font-size: 13px;
  font-weight: 500;
}
.target-display-item .person-responsibility .responsibility-info .info--role{
  font-weight: 400;
  color: #888;
}
.target-display-item .target-display--action .okrs-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30px;
}
.target-field-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}
.target-field-item .field-image{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30px;
  color: #999;
}
.target-field-item .field-image>svg{
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.target-field-item .field-image.-edge-svg>svg,
svg.o-stroke-svg{
  fill: none !important;
  stroke: currentcolor !important;
}
.target-field-item .field-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 40px);
}
.target-field-item .field-content>.field-label{
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  color: #999;
}
.target-field-item .field-content>.field-value>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.target-field-item .field-content>.field-value .okrs-progress-wrap{width: 35%;}
.target-field-item .field-content>.field-value .okrs-progress-wrap .progress-text{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 10px;
}
.target-field-item .field-content>.field-value .target-icon{
  color: #008c88;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-top;
}
.target-field-item .field-content>.field-value .target-icon>svg{
  width: 100%;
  height: 100%;
  fill: currentcolor;
}
.target-field-item .field-content>.field-value .icon-svg{
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0px 5px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.target-field-item .field-content>.field-value .icon-svg>svg{
  width: 100%;
  height: 100%;
  fill: currentcolor;
}

.target-display--list-child .target-display-list--heading{
  border: none;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0px;
  padding-bottom: 15px;
}
.target-display--list-child .obj-compact-item{padding-left: 5px;}
.target-display--list-child .obj-compact-lists>.obj-compact-item{
  background: #fff;
  border-color: transparent;
}
.target-display--list-child .obj-compact-item.-lv1,
.target-display--list-child .obj-compact-item.-lv2,
.target-display--list-child .obj-compact-item.-lv3,
.target-display--list-child .obj-compact-item.-lv4{padding-left: 25px;}
.target-display--list-child .obj-compact-item .oc-label{
  font-size: 13px;
  width: calc(100% - 510px);
}
.target-display--list-child .obj-compact-item.-cache .oc-label{width: calc(100% - 519px);}
.target-display--list-child .obj-compact-item .oc-label>span{
  color: #272727;
  font-weight: 400;
}
.target-display--list-child .obj-compact-item .oc-carret{
  width: 20px;
  line-height: 27px;
  margin: 5px 0px 5px;
}
.target-display--list-child .obj-compact-item .oc-carret svg{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.target-display--list-child .obj-compact-item.-collapsed .oc-carret svg{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.target-display--list-child .obj-compact-item .oc-side{width: 490px;}
.target-display--list-child .obj-compact-item .oc-icon{margin: 8px 9px 5px 2px;}
.target-display--list-child .obj-compact-item .oc-label{padding: 5px 0px;}
.target-display--list-child .obj-compact-item .oc-side>div{
  padding-top: 5px;
  padding-bottom: 5px;
}
.target-display--list-child .obj-compact-item>.oc-subs>.obj-compact-item>.oc-l,
.target-display--list-child .obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-l,
.target-display--list-child .obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-subs>.obj-compact-item>.oc-l{
  height: 28px;
}
.target-display--list-child .okrs-progress-wrap .progress-text{
  text-align: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  padding-right: 10px;
}
.target-display--list-child .okrs-progress-wrap .progress-bar{
  height: 10px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.target-display-article .with-nav-tabs.panel-default .panel-heading,
.-detail-kqtc.with-nav-tabs.panel-default .panel-heading{
  background: #fff;
  padding: 0px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.target-display-article .with-nav-tabs.panel-default .nav-tabs,
.-detail-kqtc.with-nav-tabs.panel-default .nav-tabs{
  margin: 0px;
  border-bottom: none;
  margin-bottom: -1px;
}
.target-display-article .with-nav-tabs.panel-default .nav-tabs>li>a,
.-detail-kqtc.with-nav-tabs.panel-default .nav-tabs>li>a{
  position: relative;
  padding: 13px 20px;
  font-size: 15px;
  border-right: 1px solid rgba(0,0,0,0.1);
  color: #888;
}
.-detail-kqtc.with-nav-tabs.panel-default .nav-tabs>li>a{
  padding: 8px 20px;
  font-size: 13px;
}
.with-nav-tabs.panel-default .nav-tabs > li > a:hover{
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  font-weight: 500;
  color: #111;
  background-color: #fff;
  border-bottom-color: transparent;
}
.-detail-kqtc.with-nav-tabs.panel-default .block-display-section{border-bottom: 0px;}

/* Goal Display Item */
.goal-display-item{

}
.goal-display-item .goal-display-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.goal-display-item .goal-display-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
}
.goal-display-item .goal-display-avatar>a{
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.goal-display-item .goal-display-avatar>a img{
  width: 100%;
  height: 100%;
}
.goal-display-item .goal-display-avatar .goal--tag{
  text-align: center;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #ED6334;
  border-radius: 3px;
  padding: 3px 0;
  margin-top: 10px;
  font-size: 11px;
  display: block;
}
.goal-display-item .goal-display-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 40px);
  padding-left: 10px;
}
.goal-display-item .goal-display-heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 4px;
}
.goal-display-heading .goal-display--title{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 200px);
}
.goal-display-heading .goal-display--title>a{
  font-size: 20px;
  font-weight: 500;
}
.goal-display-heading .goal-display--title>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.goal-display-heading .goal-display--title>.goal--confidence-icon,
.confidence-icon{
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  padding: 0 2px;
  margin: 0 4px;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.goal-display-heading .goal-display--title>.goal--confidence-icon>svg,
.confidence-icon>svg{
  width: 100%;
  height: 100%;
  fill: currentcolor;
}
.goal-display-heading .goal-display--title>.okrs-spacial-tag.-sm{
  padding: 3px 6px;
  font-size: 10px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.goal-display-heading .goal-display--action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 200px;
}
.goal-display-heading .goal-display--action>ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  text-align: right;
}
.goal-display-heading .goal-display--action>ul>li{
  display: inline-block;
  border-right: 2px solid #eee;
}
.goal-display-heading .goal-display--action>ul>li:last-child{border-right: none;}
.goal-display-heading .goal-display--action>ul>li>a{
  padding: 8px 10px;
  font-weight: 500;
}
.goal-display-heading .goal-display--action>ul>li>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.goal-display-heading .goal-display--action .okrs-action>a{width: 30px;}
.goal-display-item .goal-display--info{
  font-size: 13px;
  color: #999;
  position: relative;
  padding-bottom: 4px;
  padding-top: 7px;
  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;
}
.goal-display--info>svg{
  width: 16px;
  height: 16px;
  fill: currentcolor;
  margin-right: 10px;
}
/* Goal Display Item - Section Overview */
.goal-display-item .goal-display--overview{
  margin-top: 13px;
  padding: 15px 0;
  border-top: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.goal-display-item .goal-display--overview{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.goal-display--overview .goal-display--field{
  position: relative;
}
.goal-display--overview .col-overview+.col-overview .goal-display--field{padding-left: 16px;}
.goal-display--overview .col-overview:first-child .goal-display--field{padding-right: 10px;}
.goal-display--overview .col-overview:last-child .goal-display--field{padding-left: 35px;}
.goal-display--overview .goal-display--field::after{
  content: "";
  position: absolute;
  top: 0px;
  bottom: 5px;
  left: 0px;
  width: 1px;
  background-color: #eee;
  border-radius: 2px;
}
.goal-display--overview .col-overview:first-child .goal-display--field:after{display: none;}
.goal-display--overview .field-label{
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: #999;
}
.goal-display--overview .field-value{
  overflow: visible;
  font-size: 14px;
  padding-top: 4px;
}
.goal-display--overview .field-value .text-empty{color: #999;}
.goal-display--overview .okrs-progress-wrap .progress-bar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70%;
  height: 9px;
}
.goal-display--overview .okrs-spacial-tag.-sm{
  padding: 2px 5px;
  font-size: 10px;
  vertical-align: middle;
  margin-right: 5px;
}
.goal-display--overview .okrs-spacial-tag+a{display: none;}
.goal-display--overview .field-value:hover .okrs-spacial-tag+a{display: inline-block;}
.goal-display--overview .field-icon{
  color: #aaa;
  position: absolute;
  left: 10px;
  top: 0px;
}
.goal-display--overview .field-icon>svg{
  width: 16px;
  height: 16px;
  fill: currentcolor;
}
.goal-display--overview .goal-display--field.-linked .field-value{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.goal-display--overview .field-value>a:hover{
  color: #008c88;
  text-decoration: underline;
}

.goal-display-item .goal-display--box{
  padding: 15px 0px 15px 0px;
  border-top: 1px solid #eee;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.goal-display-item .goal-display--box.-g-krs,
.goal-display-item .goal-display--box.-g-checkins{padding-bottom: 0px;}
.goal-display--box .box-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20px;
  color: #aaa;
}
.goal-display--box .box-icon>svg{
  width: 16px;
  height: 16px;
  fill: currentcolor;
}
.goal-display--box .box-title{
  padding-bottom: 10px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #42b814;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 20px);
  padding-left: 10px;
}
.goal-display--box .box-content,
.goal-display--box .box-krs{-webkit-box-flex: 0;-ms-flex: 0 1 100%;flex: 0 1 100%;}
.goal-display--box .box-content{
  font-size: 13px;
  padding-bottom: 10px;
  font-weight: 400;
}
.goal-display--box.-g-krs .box-title,
.goal-display--box.-g-checkins .box-title{width: calc(100% - 120px);}
.goal-display--box.-g-krs .box-action,
.goal-display--box.-g-checkins .box-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
  text-align: right;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.goal-display--box.-g-krs .box-action .btn,
.goal-display--box.-g-checkins .box-action .btn{
  font-weight: 500;
  font-size: 13px;
  border-radius: 16px;
  padding: 5px 14px;
  margin-top: -4px;
  min-width: 82px;
}
.goal-display--box.-g-krs .box-action .btn-link,
.goal-display--box.-g-checkins .box-action .btn-link{
  color: #008c88;
  background: transparent;
  border-color: transparent;
}
.goal-display--box.-g-krs .box-action .btn-link:hover,
.goal-display--box.-g-checkins .box-action .btn-link:hover{
  color: #fff;
  background: #008c88;
  border-color: #008c88;
  text-decoration: none;
}
.goal-display-item .goal-display--files-inline{
  padding-bottom: 20px;
}
.goal-display--files-inline>ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.goal-display--files-inline>ul>li{
  display: inline-block;
  margin-right: 5px;
  margin-top: 5px;
}
.goal-display--files-inline .files-item,
.goal-file-item .files-item{
  display: inline-block;
  position: relative;
  color: #888;
  padding: 5px 6px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 2px;
}
.goal-file-item .files-item{border-radius: 5px;}
.goal-display--files-inline .files-item .files-icon,
.goal-file-item .files-item .files-icon{
  display: inline-block;
  width: 16px;
  height: 12px;
}
.goal-display--files-inline .files-item .files-text,
.goal-file-item .files-item .files-text{
  font-size: 13px;
  padding-left: 5px;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
  vertical-align: middle;
}
.goal-file-item .files-item .files-text{max-width: 100%;}
.goal-display--files-inline .files-item:hover{
  color: #008c88;
  border: 1px solid rgba(0, 140, 136, 0.8);
  background: rgba(0, 140, 136, 0.1);
  text-decoration: none;
}
/* Goal Display Item - Section Info Row */


/* Box XCRM Comment */
.box-xcrm-comment{

}
.box-xcrm-comment .xcrm-comment--heading{
  border: none;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0px;
  padding-bottom: 15px;
}
.box-xcrm-comment.-goal .xcrm-comment--heading{
  font-size: 18px;
}
.box-xcrm-comment.-detail-kqtc .xcrm-comment--heading{
  font-size: 20px;
  font-weight: 700;
}
.box-xcrm-comment .block-input-new-comment{
  position: relative;
}
.box-xcrm-comment .block-input-new-comment>textarea{
  background-color: #fff;
  padding: 7px 9px;
  padding-right: 40px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  overflow-wrap: break-word;
  min-height: 36px;
  height: 36px;
  line-height: 1;
  font-size: 14px;
  resize: none;
}
.box-xcrm-comment .block-input-new-comment .upload-file-comment{
  position: absolute;
  display: block;
  cursor: pointer;
  font-size: 16px;
  color: #aaa;
  font-weight: normal;
  top: 5px;
  right: 5px;
  padding: 0;
  width: 25px;
  height: 25px;
}
.box-xcrm-comment .block-input-new-comment .upload-file-comment:hover{color: #008c88;}
.box-xcrm-comment .block-input-new-comment .upload-file-comment>svg{
  width: 16px;
  height: 16px;
  fill: currentcolor;
}
.box-xcrm-comment .block-input-new-comment .upload-file-comment>input[type="file"]{
  position: absolute;
  cursor: pointer;
  display: block;
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(Opacity:0);
  top: 0px;
  left: 0px;
}

.comment-post-item{
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.comment-post-item .c-post-avarta{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
.comment-post-item .c-post-article{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 15px;
  width: calc(100% - 65px);
}
.comment-post-item .c-post-text .username{
  color: #008c88;
  font-weight: 700;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comment-post-item .c-post-text .username:hover{
  text-decoration: underline;
}
.comment-post-item .c-post-text.-edit-message{
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  background-color: #fff;
  padding: 7px 9px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  overflow-wrap: break-word;
  min-height: 36px;
  line-height: 1.5;
  font-size: 12px;
  resize: none;
  text-align: justify;
  cursor: text;
}
.comment-post-item .c-post-text.-edit-message .message{outline: none;}
.comment-post-item .c-post-info{
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  color: #888;
}
.comment-post-item .c-post-info>a:hover{
  color: #008c88;
  text-decoration: underline;
}
.comment-post-item .c-post-action{
  position: absolute;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 30px;
  text-align: right;
  display: none;
}
.comment-post-item:hover>.c-post-article>.c-post-action{display: block;}
.comment-post-item .c-post-action .btn{
  font-size: 10px;
  padding: 3px;
  height: 20px;
  width: 20px;
  line-height: 1;
  margin-bottom: 5px;
  margin-left: auto;
}
.comment-post-item .c-post-reply{
  padding: 10px 10px 0 10px;
  background: #f4f4f4;
  margin-right: -32px;
}
.comment-post-item .c-post-reply>.block-input-new-comment{
  width: 100%;
  padding-bottom: 10px;
}
.comment-post-item .c-post-reply>.block-input-new-comment::before{
  content: '';
  width: calc(100% + 20px);
  height: 1px;
  background: #fff;
  position: absolute;
  top: -10px;
  left: -10px;
}
/* Box XCRM Review */
.box-xcrm-review{

}
.box-xcrm-review .xcrm-review--heading{
  border: none;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0px;
  padding-bottom: 15px;
}
.box-xcrm-review.-goal .xcrm-review--heading{
  font-size: 18px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}
.review-item{
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.review-item:last-child,
.review-item.-empty{
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.review-item .review-visual{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.review-item .-user{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 200px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.review-item .-user .user-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  -ms-flex-item-align: center;
      align-self: center;
}
.review-item .-user .user-avatar img{
  border-radius: 5rem;
}
.review-item .-user .user-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 32px);
  padding-left: 10px;
}
.review-item .-user .user-content .-name{
  font-size: 14px;
  font-weight: 500;
}
.review-item .-user .user-content .-date{
  font-size: 12px;
  color: #999;
  padding-top: 3px;
}
.review-item .-connector{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 200px;
  text-align: center;
}
.review-item .-connector .connector-title{
  font-weight: 500;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
}
.review-item .-connector .connector-info>div{
  display: inline-block;
  vertical-align: middle;
}
.review-item .-connector .connector-info{font-size: 12px;}
.review-item .-connector .connector-info .info-content{font-weight: 500;}
.review-item .-connector .connector-info .-dot{
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0px 5px;
  border-radius: 50%;
}
.review-item .review-content{
  padding-top: 10px;
  padding-left: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.review-item .review-content .content-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 26px;
  height: 26px;
  color: #ccc;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.review-item .review-content .content-icon>svg{
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.review-item .review-content .content-decs{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 26px);
  font-size: 13px;
  font-weight: 400;
}
.review-item.-all-cycle{
  padding: 15px 20px;
  background-color: #fff;
  border-bottom: none;
  margin-bottom: 0px;
  position: relative;
  z-index: 1;
}
.review-item.-all-cycle+.review-item.-all-cycle{
  border-top: 1px solid #eee;
}
.review-item.-all-cycle .review-visual{
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.review-item.-all-cycle .-user{-webkit-box-flex: 1;-ms-flex: 1 0 0%;flex: 1 0 0%;}
.review-item.-all-cycle .-user .user-content{width: auto;}
.review-item.-all-cycle .-user.-target{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
}

/* Box XCRM Task */
.box-xcrm-task{

}
.box-xcrm-task .xcrm-task--heading{
  border: none;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0px;
  padding-bottom: 15px;
}
.box-xcrm-task.-goal .xcrm-task--heading{
  font-size: 18px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  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;
}
.box-xcrm-task.-goal .xcrm-task--heading .-label{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 140px);
}
.box-xcrm-task .xcrm-task--heading .btn{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 140px;
  font-weight: 500;
  font-size: 13px;
  border-radius: 16px;
  padding: 5px 14px;
}
.box-xcrm-task .xcrm-task--heading .btn-link{
  color: #008c88;
  background: transparent;
  border-color: transparent;
}
.box-xcrm-task .xcrm-task--heading .btn-link:hover{
  color: #fff;
  background: #008c88;
  border-color: #008c88;
  text-decoration: none;
}
.task-goal-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.task-goal-item+.task-goal-item{margin-top: 10px;}
.task-goal-item .task-checkbox{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30px;
}
.task-goal-item .task-title{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 30px);
}
.task-goal-item.-checked .task-title>a{
  text-decoration: line-through;
}
/* Box XCRM Attachment */
.box-xcrm-attachment .xcrm-attachment--heading{
  border: none;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0px;
  padding-bottom: 15px;
  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;
}
.box-xcrm-attachment .xcrm-attachment--heading>span{
  font-size: 12px;
  font-weight: 500;
  padding: 7px 13px;
}
.box-xcrm-attachment .xcrm-attachment--heading>span:hover a{color: #008c88;}

.attachment-post-item{
  padding-bottom: 15px;
  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;
  position: relative;
}
.attachment-post-item .a-post-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.attachment-post-item .a-post-article{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 15px;
  width: calc(100% - 65px);
}
.attachment-post-item .a-post-name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 14px;
  font-weight: 600;
}
.attachment-post-item .a-post-name>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.attachment-post-item .a-post-info{
  font-size: 13px;
  padding-top: 3px;
}
.attachment-post-item .a-post-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30px;
}
.attachment-post-item .a-post-action>a:hover{color: #008c88;}
#modalDriveManager .modal-body{padding: 0px;}
.box-drive-manager{width: 600px;}
.box-drive-manager .drive-manager--heading{
  padding: 13px 15px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  position: relative;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.drive-manager--heading .heading-info{
  font-size: 18px;
  font-weight: normal;
}
.drive-manager--heading .heading-action{color: #008c88;}
.drive-manager--heading .heading-action>a{
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  color: #008c88;
  cursor: pointer;
  padding: 3px 0;
}
.drive-manager--heading .heading-action>a:hover{text-decoration: underline;}
.drive-manager--list .attachment-post-item{
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 10px 15px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.drive-manager--list .attachment-post-item .a-post-article{
  padding-left: 0px;
  width: calc(100% - 135px);
}
.drive-manager--list .attachment-post-item .a-post-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.drive-manager--list .attachment-post-item:hover{
  background: #f6f6f6;
}
.drive-manager--list .attachment-post-item:hover .a-post-name>a{color: #008c88;}
#modalAddAttachment .attachment .input-group-btn>.btn{padding: 7px 8px;}
.okrs-target-detail--sidebar .sidebar-detail--content,
.okrs-goal-detail--sidebar .sidebar-detail--content{
  background: #fff;
}
.okrs-target-detail--sidebar .sidebar-detail--content>div,
.okrs-goal-detail--sidebar .sidebar-detail--content>div{
  height: calc(100vh - 55px);
  padding: 15px;
}
.sidebar-general--item{
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.sidebar-general--item:last-child{border-bottom: none;}
.sidebar-general--item .general-label-name{
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #34960d;
  padding: 15px 0 15px 0;
}
.sidebar-general--item .general-label-content .xcrm-message{margin-bottom: 20px;}
.list-object-connect a{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  line-height: 1.5;
  margin-bottom: 5px;
}
.list-object-connect a:hover{
  color: #008c88;
  text-decoration: underline;
}
.list-object-connect ul{
  position: relative;
  margin-left: 15px;
}
.list-object-connect ul::after{
  content: "";
  position: absolute;
  right: auto;
  left: -13px;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  width: 6px;
  height: 9px;
  top: 2px;
  border-radius: 0 0 0 2px;
  background-color: transparent;
  border-left: 1px solid rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.block-add-follower{position: relative;}
.block-add-follower .btn{
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
  padding: 7px 13px;
  border-radius: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block-add-follower>.btn-add-follower{
  background: #fff;
  color: #008c88;
  border: 1px solid rgba(0,0,0,0.1);
}
.block-add-follower>.btn-add-follower:hover{
  background: #008c88;
  color: #fff;
  border: 1px solid #008c88;
}
.block-add-follower .dropdown-search-staff{
  text-transform: none;
  position: absolute;
  top: 35px;
  left: 0px;
  width: 270px;
  background-color: #fff;
  z-index: 2;
  -webkit-box-shadow: 0 2px 4px 0px rgb(0 0 0 / 10%);
          box-shadow: 0 2px 4px 0px rgb(0 0 0 / 10%);
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 3px;
}
.block-add-follower .dropdown-search-staff .form-group{margin: 0 15px 15px;}
.block-add-follower .dropdown-search-staff .form-control{
  background: url(../images/okrs/loupe_edge.png) no-repeat center right 13px #fff;
  background-size: 13px 13px;
  border-radius: 0px;
  padding: 11px 35px 11px 0;
  font-size: 12px;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.xcrm-follower--item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding: 10px 0px;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.xcrm-follower--item .follower-avarta{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
}
.xcrm-follower--item .follower-info{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 70px);
  padding-left: 10px;
}
.xcrm-follower--item .follower-info .info-name,
.xcrm-follower--item .follower-info .info-role{
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.xcrm-follower--item .follower-info .info-name{
  font-weight: 500;
  font-size: 14px;
}
.xcrm-follower--item .follower-info .info-role{color: #888;}
.xcrm-follower--item .follower-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
}
.xcrm-follower--item .follower-action .btn{
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 25px;
  padding: 0px;
  border: 1px solid;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.xcrm-follower--item .follower-action .btn-remove{
  background: transparent;
  border-color: #f44336;
  color: #f44336;
}
.xcrm-follower--item .follower-action .btn-remove:hover{
  background: #f44336;
  color: #fff;
}
.xcrm-follower--item:hover{
  background-color: #f9f9f9;
  color: #008c88;
}
.block-add-follower .result-list-staff .xcrm-follower--item{padding: 10px 15px;}
.block-add-follower .result-list-staff .xcrm-follower--item .follower-avarta{
  width: 24px;
  height: 24px;
}
.block-add-follower .result-list-staff .xcrm-follower--item .follower-info{width: calc(100% - 24px);}
.general-label-content .target-field-item .field-content>.field-label{
  padding-top: 0px;
  font-weight: 500;
}
/* XCRM Timelog Item */
.xcrm-timelog-item{
  padding: 13px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.xcrm-timelog-item::before{
  position: absolute;
  left: 70px;
  top: 0px;
  bottom: 0px;
  width: 2px;
  background-color: #eee;
  content: "";
}
.xcrm-timelog-item .timelog-date{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70px;
  font-weight: 500;
}
.xcrm-timelog-item .timelog-date em{
  display: block;
  color: #999;
  font-weight: normal;
  padding-top: 3px;
}
.xcrm-timelog-item .timelog-info{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 70px);
  padding-left: 20px;
  position: relative;
}
.xcrm-timelog-item .timelog-info::before{
  content: '';
  position: absolute;
  left: -6px;
  top: 13px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 4px solid #fff;
  background-color: #eee;
  z-index: 5;
}
.xcrm-timelog-item .timelog-info .timelog-info--message{font-size: 14px;}
.xcrm-timelog-item .timelog-info .timelog-info--message b{font-weight: 700}
.xcrm-timelog-item .timelog-info .timelog-info--message a:hover,
.xcrm-timelog-item .timelog-info .timelog-info--info a:hover{
  color: #008c88;
  text-decoration: underline;
}
.xcrm-timelog-item .timelog-info .timelog-info--info{
  font-size: 12px;
  color: #999;
  padding-top: 6px;
}
.xcrm-timelog-item .timelog-info .timelog-info--info .okrs-spacial-tag{
  font-size: 10px;
  color: inherit;
  border-color: rgb(0 0 0 / 10%);
}
/* Box Target Detail Action */
.okrs-target-detail-action .action-detail--navigation{

}
.action-detail--navigation>ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.action-detail--navigation>ul>li{margin: 9px 0px;}
.action-detail--navigation>ul>li>a{
  display: block;
  width: 40px;
  height: 40px;
  line-height: 35px;
  border-radius: 3px;
  text-align: center;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: auto;
}
.action-detail--navigation>ul>li>a>svg{
  width: 16px;
  height: 16px;
  fill: currentcolor;
}
.action-detail--navigation>ul>li>a:hover{
  color: #008c88;
  background: rgba(0, 140, 136, 0.1);
}
.action-detail--navigation>ul>li.active>a{
  color: #fff;
  background: #008c88;
}
/* Tagify */
.block-tagify .form-control{height: auto;}
.block-tagify.-single .form-control{height: 38px;}
/* Tagify - Suggestions items */
.tagify__dropdown.users-list {font-size: 14px;}
.tagify__dropdown.users-list .tagify__dropdown__item {
  padding: 0.5em 0.7em;
  display: grid;
  grid-template-columns: auto 2fr;
  gap: 0 1em;
  grid-template-areas: "avatar name" "avatar email";
}
.tagify__dropdown.users-list .tagify__dropdown__item:hover .tagify__dropdown__item__avatar-wrap {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
  grid-area: avatar;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  background: #eee;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}
.tagify__dropdown.users-list>div{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tagify__dropdown.users-list img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}
.tagify__dropdown.users-list strong {
  grid-area: name;
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  font-weight: 500;
}
.tagify__dropdown.users-list span {
  grid-area: email;
  width: 100%;
  font-size: 0.9em;
  opacity: 0.6;
}
/* Tagify - Tags items */
.tagify__tag {
  white-space: nowrap;
}
.tagify__tag:hover .tagify__tag__avatar-wrap {
  -webkit-transform: scale(1.4) translateX(-10%);
          transform: scale(1.4) translateX(-10%);
}
.tagify__tag .tagify__tag__avatar-wrap {
  width: 16px;
  height: 16px;
  white-space: normal;
  background: silver;
  border-radius: 50%;
  margin-right: 5px;
  -webkit-transition: 0.12s ease-out;
  transition: 0.12s ease-out;
}
.tagify__tag img {
  width: 100%;
  vertical-align: top;
}
/*------------------------------------ Box OKR Modules - Home - Cycle */
.box-main-okrs .okrs-wrapper-cycle{
  width: calc(100% - 200px);
  margin-right: -25px;
  margin-top: -55px;
  margin-bottom: -25px;
  float: right;
  min-height: calc(100vh - 64px);
}
.okrs-wrapper-cycle .okrs-content-cycle{
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  background: #fff;
  padding: 0px 30px 30px;
}
.okrs-wrapper-cycle .okrs-cycle-sidebar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 320px;
  background: #f3f3f3;
  padding: 20px;
  margin-top: -130px;
}
.okrs-wrapper-cycle .okrs-target--header{
  background: #fff;
  padding: 55px 31px 0px;
  width: calc(100% - 320px);
}
.okrs-wrapper-cycle.fullwidth .okrs-target--header{
  width: 100%;
  padding-bottom: 10px;
}
.okrs-wrapper-cycle .okrs-target--header h2{font-size: 28px;}
.okrs-wrapper-cycle .okrs-target--header .okrs-action>.btn{
  height: 32px;
  line-height: 1.4;
}
.okrs-wrapper-cycle .okrs-target--header .header-action--create .okrs-action>.btn>i{padding-left: 10px;}
.okrs-wrapper-cycle .okrs-target--header .header-action--create .okrs-action>.btn-primary-main{
  color: #fff;
  background: #008c88;
  border-color: #008c88;
}
.okrs-wrapper-cycle .okrs-target--header .header-action--create .okrs-action>.btn-primary-main:hover{
  background: #09a19d;
  border-color: #09a19d;
}
.okrs-wrapper-cycle .okrs-target--header .header-action--create .okrs-action>.btn{padding: 5.725px 17px;}
.okrs-wrapper-cycle .okrs-target--header .header-action--edit,
.okrs-wrapper-cycle .okrs-target--header .okrs-target--header-action .header-action--searchbox{margin-right: 5px;}
.okrs-wrapper-cycle .okrs-row-cycle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: calc(100vh - 192px);
}
.g-analytics-board{
  overflow: hidden;
  display: block;
  clear: both;
  /* margin: 15px 0 20px 0; */
  /* border-radius: 3px; */
  /* border: 1px solid rgba(0,0,0,0.1); */
  /* background-color: #fafafa; */
  /* padding: 15px 0; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.g-analytics-board>*{
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}
.g-analytics-col{-webkit-box-flex: 1;-ms-flex: 1 0 0%;flex: 1 0 0%;}
.g-analytics-board .g-analytics-inner{
  padding: 0px 15px;
}
.g-analytics-col+.g-analytics-col .g-analytics-inner{
  border-left: 1px solid rgba(0,0,0,0.1);
}
.g-analytics-inner .analytics-title{
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
.g-analytics-inner .analytics-progress{
  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;
  margin: 8px 0 16px;
}
.analytics-progress .analytics--count{
  font-size: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-weight: 700;
  line-height: 1;
}
.analytics-progress .okrs-progress-wrap{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 80px;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
.analytics-progress .okrs-progress-wrap>.progress-bar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border-radius: 5px;
  height: 6px;
}
.analytics-progress .okrs-progress-wrap>.progress-text{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 4px;
  text-align: right;
}
.g-analytics-inner .analytics-footer .xcrm-info-row{padding: 0px 0px 4px;}
.analytics-footer .xcrm-info-row>.xcrm-info--icon{
  color: #aaa;
  margin-top: -1px;
}
.analytics-visualized{padding-top: 10px;}
.analytics-visualized .a-bars{
  height: 8px;
  margin-right: -1px;
  margin-bottom: 10px;
}
.analytics-visualized .a-bars .a-bar{
  float: left;
  height: 8px;
  position: relative;
  opacity: 0.8;
  filter: alpha(Opacity:80);
}
.analytics-visualized .a-bars .a-bar::after{
  position: absolute;
  z-index: 100;
  top: 0px;
  right: -1px;
  bottom: 0px;
  width: 2px;
  background-color: #fafafa;
  content: "";
}
.analytics-visualized .a-bars .a-bar>div{
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.analytics-visualized .a-labels .a-label{
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.analytics-visualized .a-labels .a-label .a-label--icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20px;
}
.analytics-visualized .a-labels .a-label .a-label--content span{color: #888;}
.analytics-graph-charts{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 5px 0px;
}
.analytics-graph-charts .analytics-charts,
.analytics-graph-charts .analytics-lengends{
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}
.lengends-info{
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lengends-info .lengends--icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20px;
  font-size: 10px;
  line-height: 1.7;
}
.lengends-info .lengends--content strong{font-weight: 700;}
.okrs-content-cycle .analytics-visualized .a-labels .a-label,
.okrs-content-cycle .lengends-info{padding-top: 4px;}
.notice-cycle{
  margin-bottom: 20px;
  padding: 5px 20px;
  border-radius: 3px;
  font-size: 14px;
  position: relative;
  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;
}
.notice-cycle .notice-message{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}
.notice-cycle .notice-message .message-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25px;
}
.notice-cycle .notice-message .message-icon svg{
  width: 16px;
  height: 16px;
  fill: currentcolor;
}
.notice-cycle.-warning{
  background-color: rgba(255, 208, 0, 0.1);
  border: 1px solid rgba(255, 208, 0, 0.3);
}
.notice-cycle .notice-action .btn{
  font-weight: 700;
  font-size: 14px;
  padding: 5px 10px;
}


.okrs-cycle-sidebar .sidebar-section-header{
  padding: 20px 0 10px 0;
  font-size: 15px;
  font-weight: 500;
}
.okrs-cycle-sidebar .xcrm-card.-goal .xcrm-card--body{
  padding: 0px;
  border-bottom: none;
}
.sidebar-goal-item{
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0,0,0,0.075);
}
.sidebar-goal-item .goal--subtitle{
  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;
  color: rgba(0,0,0,0.6);
  font-size: 12px;
  padding-bottom: 8px;
}
.sidebar-goal-item .goal--subtitle .okrs-progress-wrap{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
}
.sidebar-goal-item .goal--subtitle .okrs-progress-wrap{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.sidebar-goal-item .goal--subtitle .okrs-progress-wrap .progress-bar{height: 7px;}
.sidebar-goal-item .goal--subtitle .okrs-progress-wrap .progress-text{padding-right: 5px;}
.sidebar-goal-item .goal--title{
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.sidebar-goal-item .goal--title>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.sidebar-goal-item .goal--info{
  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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: rgba(0,0,0,0.8);
  padding-bottom: 4px;
}
.sidebar-goal-item .goal--info .-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16px;
  line-height: 0;
}
.sidebar-goal-item .goal--info .-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 26px);
  margin-left: 10px;
}
.sidebar-goal-item .goal--info .-content .view-g-kr::before {
  content: '·';
  display: inline-block;
  padding: 0px 5px;
}
.sidebar-goal-item .goal--dropdown-krs{
  padding-top: 8px;
  margin-top: 12px;
  border-top: 1px dashed #eee;
}

.sidebar-g-kr-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 10px 6px 5px;
  border-bottom: 1px solid #eee;
}
.sidebar-g-kr-item:first-child{padding-top: 0px;}
.sidebar-g-kr-item:last-child{
  padding-bottom: 0px;
  border-bottom: none;
}
.sidebar-g-kr-item .g-kr--percent{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin-top: 5px;
}
.sidebar-g-kr-item .g-kr--percent .okrs-percent>div::after{
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}
.sidebar-g-kr-item .g-kr--content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 24px);
  padding-left: 10px;
}
.sidebar-g-kr-item .g-kr--content .g-kr-content--title{
  font-size: 15px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.sidebar-g-kr-item .g-kr--content .g-kr-content--title>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.sidebar-g-kr-item .g-kr--content .g-kr-content--info{
  color: rgba(0,0,0,0.8);
  padding-bottom: 4px;
  padding-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.anlyt-goal-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 5px;
}
.anlyt-goal-item .anlyt-goal--percentage{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20px;
}
.anlyt-goal-item .anlyt-goal--content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 20px);
  padding-left: 5px;
  color: #008c88;
}
.anlyt-goal-item .anlyt-goal--content>svg{
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.anlyt-goal-item .anlyt-goal--content>a{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: calc(100% - 25px);
  padding-left: 5px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.anlyt-goal-item .anlyt-goal--content>a:hover{
  text-decoration: underline;
  color: #008c88;
}

.sidebar-goal-item .goal--dropdown-krs .sidebar-g-kr-item{border-bottom: none;}
.sidebar-goal-item .goal--dropdown-krs .sidebar-g-kr-item:first-child,
.sidebar-goal-item .goal--dropdown-krs .sidebar-g-kr-item:last-child{padding: 10px 6px 5px;}
.sidebar-goal-item .goal--dropdown-krs .sidebar-g-kr-item .g-kr--percent{
  width: 20px;
  height: 20px;
}
.sidebar-goal-item .goal--dropdown-krs .sidebar-g-kr-item .g-kr--percent .okrs-percent>div::after{
  width: 14px;
  height: 14px;
}
.sidebar-goal-item .goal--dropdown-krs .sidebar-g-kr-item .g-kr--content{width: calc(100% - 20px);}
.sidebar-goal-item .goal--dropdown-krs .sidebar-g-kr-item .g-kr--content .g-kr-content--title{
  font-size: 13px;
  font-weight: 500;
}

.team-info .sidebar-g-team--item .g-team--member>.dropdown-more{
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: 35px;
  z-index: 1;

}
.team-info .sidebar-g-team--item .g-team--member a{-ms-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
.team-info .sidebar-g-team--item .g-team--member{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.sidebar-g-team--item{

}
.sidebar-g-team--item .g-team--title{
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 8px;
}
.sidebar-g-team--item .g-team--title>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.sidebar-g-team--item .g-team--info{
  color: #999;
  font-size: 12px;
}
.sidebar-g-team--item .g-team--member{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}
.sidebar-g-team--item .g-team--member a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.sidebar-g-team--item .g-team--member a .-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-left: -10px;
  overflow: hidden;
}
.sidebar-g-team--item .g-team--member>a .-textname{display: none;}
.sidebar-g-team--item .g-team--member>.g-tem--member-more{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-left: -10px;
  background: #4f4f4f;
  color: #fff;
  text-align: center;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-g-team--item .g-team--member>.dropdown-more{
  position: absolute;
  bottom: calc(100% + 5px);
  left: 0px;
  right: 0px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px 0px rgb(0 0 0 / 20%);
          box-shadow: 0 2px 10px 0px rgb(0 0 0 / 20%);
  font-weight: normal;
  font-size: 13px;
  border-radius: 4px;
  padding: 4px 6px;
  color: #333;
}
.sidebar-g-team--item .g-team--member>.dropdown-more>a{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 15px 3px 3px 15px;
}
.sidebar-g-team--item .g-team--member>.dropdown-more>a .-avatar{margin-left: 0px;}
.sidebar-g-team--item .g-team--member>.dropdown-more>a .-textname{
  display: block;
  color: #555;
  font-size: 13px;
  padding-left: 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.sidebar-g-team--item .g-team--member>.dropdown-more>a:hover{
  background: #eee;
}
/*------------------------------------ Box OKR Modules - Tree - Cycle */
.block-wrapper-org-node{height: calc(100vh - 202px);}
.obj-org-node{
  background-color: #fff;
  height: 120px;
  width: 350px;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 2px 0px rgb(0 0 0 / 5%);
          box-shadow: 0 2px 2px 0px rgb(0 0 0 / 5%);
  border: 1px solid #e5e5e5;
  border-top: 3px solid #fab017;
  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;
}
.obj-org-node .obj-org--header{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70%;
  text-align: left;
}
.obj-org-node .obj-org--header .obj-org--info{
  color: rgba(0,0,0,0.7);
  padding-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 12px;
}
.obj-org-node .obj-org--header .obj-org--title{padding-top: 5px;}
.obj-org-node .obj-org--header .obj-org--title span{
  display: inline-block;
  vertical-align: middle;
}
.obj-org-node .obj-org--header .obj-org--title>a{
  display: block;
  display: -webkit-box;
  max-height: 36px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.obj-org-node .obj-org--header .obj-org--title>a:hover{text-decoration: underline;}
.obj-org-node .obj-org--progress{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30%;
  padding-left: 35px;
}
.obj-org-node .obj-org--progress .okrs-progress-wrap>div{-webkit-box-flex: 0;-ms-flex: 0 1 100%;flex: 0 1 100%;}
.obj-org-node .obj-org--progress .okrs-progress-wrap .progress-text{
  text-align: center;
  font-size: 14px;
  padding-bottom: 5px;
}
.obj-org-node .obj-org--assigned{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  border-top: 1px solid #ddd;
  margin-top: 8px;
  padding-top: 8px;
  text-align: left;
}
.obj-org-node .obj-org--assigned .okrs-responsibility .responsibility-avarta>img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.obj-org-node.-root{
  background-color: #fff;
  color: rgb(0 0 0 / 80%);
  width: 250px;
  height: 80px;
}
.obj-org-node.-root .obj-org--header{}
.obj-org-node.-root .obj-org--header .obj-org--info{font-size: 13px;}
.obj-org-node.-root .obj-org--header .obj-org--title>a{
  font-size: 16px;
  color: #6d6d6d;
}
.obj-org-node.-root .obj-org--progress{padding-left: 0px;}
.obj-org-node.-root .obj-org--progress .okrs-progress-wrap .progress-text{font-size: 17px;}
/*------------------------------------ Row Cycle Wrapper */
.row-cycle-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row-cycle-wrapper>*{
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}
.col-cycle-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}
.col-cycle-sidebar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
  padding-left: 25px;
}
/* #nav_tabs_main_krs>div,
#nav_tabs_main_checkin>div{
  height: calc(100vh - 202px);
  padding: 20px 30px 0px;
  border-top: 1px solid #e5e5e5;
} */
/*------------------------------------ Block KRS & KRC Item */
.xcrm-card.-empty{
  background: transparent;
  border-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
          box-shadow: 0px 0px 0px 0px transparent;
}
.xcrm-card.-empty .xcrm-card--body{
  text-align: center;
}
.xcrm-card.-empty{color: #888;}
.xcrm-card.-empty svg{
  width: 32px;
  height: 32px;
  margin: auto;
  margin-bottom: 12px;
  fill: currentcolor;
}
.xcrm-card.-empty svg.stroke{
  stroke: #888;
  fill: transparent;
}
.xcrm-card.-empty .-title{
  font-weight: 500;
  color: #111;
  padding-bottom: 10px;
  font-size: 16px;
}
.xcrm-card.-empty .-text{
  font-size: 12px;
  line-height: 18px;
}
/*------------------------------------ Block KRs Item */
.xcrm-card.-krs{margin-bottom: 20px;}
.xcrm-card.-krs .xcrm-card--body{padding: 0px;}
.krs-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
}
.krs-item:last-child{border-bottom: none;}
.krs-item .kr--icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
}
.krs-item .kr--icon .okrs-percent>div::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}
.krs-item .kr--content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 335px);
  padding-left: 15px;
}
.krs-item .kr--content .name{
  font-size: 15px;
  font-weight: 500;
}
.krs-item .kr--content .description{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 13px;
  color: #111;
  padding: 8px 0;
}
.krs-item .kr--content .info ul{
  padding-left: 0px;
  margin-bottom: 0px;
  position: relative;
  font-size: 12px;
  color: #999;
}
.krs-item .kr--content .info ul>li{
  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;
  padding-bottom: 4px;
}
.krs-item .kr--content .info ul>li:last-child{padding-bottom: 0px;}
.krs-item .kr--content .info ul>li>svg{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 13px;
  height: 13px;
  fill: currentcolor;
}
.krs-item .kr--content .info ul>li>a{margin-left: 8px;}
.krs-item .kr--content .info ul>li>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.krs-item .kr--side{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 300px;
}
.krs-item .kr--side>div{
  display: inline-block;
  padding-left: 15px;
  vertical-align: middle;
}
.krs-item .okrs-progress-wrap{

}
.krs-item .okrs-progress-wrap>div{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.krs-item .okrs-progress-wrap .progress-bar{
  width: 70%;
  margin-left: auto;
}
.krs-item .okrs-progress-wrap .progress-text{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-top: 4px;
}
.krs-item .kr--checkins .btn{
  border-radius: 16px;
  padding: 5px 12px;
  font-weight: 500;
  font-size: 12px;
  text-transform: none;
}
.krs-item .kr--checkins .btn-checkin{
  background: #fff;
  color: #008c88;
  border-color: #008c88;
}
.krs-item .kr--checkins .btn-checkin:hover{
  background: #008c88;
  border-color: #008c88;
  color: #fff;
}

.krs-item.-all-cycle .kr--content .info ul>li{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.krs-item.-all-cycle .kr--content .info ul>li+li{margin-left: 10px;}
.krs-item.-all-cycle .okrs-progress-wrap .progress-bar{width: 30%;}
.krs-item.-all-cycle .kr--content{width: calc(100% - 535px);}
.krs-item.-all-cycle .kr--side{width: 500px;}

.krs-item.-header{
  padding: 0px;
  border-bottom: none;
}
.krs-item.-header .okrs-responsibility{padding-left: 45px;}
.krs-item.-header .okrs-responsibility:hover{
  color: inherit;
  text-decoration: none;
}
.krs-item.-header .okrs-responsibility .responsibility-avarta{
  width: 32px;
  height: 32px;
}
.krs-item.-header .krs--name{
  font-size: 17px;
  font-weight: 500;
}
.krs-item.-header .krs--count{
  font-size: 13px;
  color: #999;
  padding-top: 2px;
}

.goal-display--box .box-krs .krs-item{
  padding: 15px 0px 15px 30px;
}
.goal-display--box .box-krs .krs-item .kr--icon{
  height: 32px;
  overflow: hidden;
  -ms-flex-item-align: center;
      align-self: center;
}
.goal-display--box .box-krs .krs-item .kr--icon img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.goal-display--box .box-krs .krs-item .kr--content .name{font-size: 14px;}
.goal-display--box .box-krs .krs-item .kr--content{width: calc(100% - 279px);}
.goal-display--box .box-krs .krs-item .kr--content .description{
  padding-top: 4px;
  padding-bottom: 0px;
  color: #888;
}
.goal-display--box .box-krs .krs-item .kr--content .description>em{
  font-weight: 700;
  color: #272727;
}
.goal-display--box .box-krs .krs-item .kr--side{width: auto;}
.goal-display--box .box-krs .krs-item .okrs-progress-wrap .progress-text{
  padding-bottom: 4px;
  padding-top: 0px;
}
.goal-display--box .box-krs .krs-item .okrs-progress-wrap .progress-bar{height: 10px;}
.goal-display--box .box-krs .krs-item .kr--checkins .btn{
  min-width: 82px;
  padding: 6.5px 14px;
}
/*------------------------------------ Block Checkins Item */
.checkins-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 0px 15px 30px;
}
.checkins-item .checkin--icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  overflow: hidden;
  -ms-flex-item-align: center;
      align-self: center;
  color: #0fb536;
}
.checkins-item .checkin--icon>svg{
  fill: currentColor;
  width: 32px;
  height: 32px;
}
.checkins-item .checkin--content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 235px);
  padding-left: 15px;
}
.checkins-item .checkin--content .name{
  font-size: 14px;
  font-weight: 500;
}
.checkins-item .checkin--content .description{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 13px;
  padding: 4px 0 0px;
  color: #888;
}
.checkins-item .checkin-result{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: auto;
  padding-right: 15px;
}
.checkins-item .checkin-result>svg{
  width: 16px;
  height: 16px;
  fill: #aaa;
  margin-right: 5px;
}
.checkins-item .checkin-result .thick{
  font-weight: 500;
  color: #000;
}
/*------------------------------------ Kr Cycle Filter */
.kr-cycle-filter{
  margin-bottom: 15px;
}
.kr-cycle-filter .form-group>label,
.kr-cycle-filter .kr-cycle-filter-label{
  padding-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
  margin: 0px;
  display: block;
}
.kr-cycle-filter.-textbox .form-group::before{
  content: '\f007';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  font-size: 14px;
  color: #aaa;
  left: 13px;
  top: 37px;
}
.kr-cycle-filter.-textbox .form-control{
  padding: 2px 10px 2px 36px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 3px;
  font-size: 13px;
  background: rgba(255,255,255,0.6);
}
.kr-cycle-filter.-textbox .form-control:focus{
  background: #fff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 140, 136, 0.3);
          box-shadow: 0px 0px 6px rgba(0, 140, 136, 0.3);
  border: 1px solid rgba(0, 140, 136, 0.7);
  background-color: #fff;
}
.kr-cycle-filter .form-check {
  display: block;
  min-height: 24px;
  padding-left: 25px;
  margin-bottom: 2px;
  cursor: pointer;
}
.kr-cycle-filter .form-check-input{
  width: 18px;
  height: 18px;
  margin-top: 3px;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid rgba(0,0,0,.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  position: relative;
}
.kr-cycle-filter .form-check-input::before {
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 13px transparent;
          box-shadow: 0 0 0 13px transparent;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background-color: transparent;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.kr-cycle-filter .form-check-input[type=radio]{border-radius: 50%;}
.kr-cycle-filter .form-check-input[type=radio]:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  z-index: 1;
  display: block;
  border-radius: 50%;
  background-color: #fff;
}
.kr-cycle-filter .form-check-input[type=radio]:before {
  width: 14px;
  height: 14px;
}
.kr-cycle-filter .form-check .form-check-input {
  float: left;
  margin-left: -24px;
}
.kr-cycle-filter .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: #757575;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
}
.kr-cycle-filter .form-check-input:focus:before {
  opacity: .12;
  -webkit-box-shadow: 0 0 0 8px rgb(0 0 0 / 60%);
          box-shadow: 0 0 0 8px rgb(0 0 0 / 60%);
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
  transition: -webkit-box-shadow .2s,-webkit-transform .2s;
  transition: box-shadow .2s,transform .2s;
  transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s;
}
.kr-cycle-filter .form-check-input[type=radio]:checked {
  background-image: none;
  background-color: #fff;
  border-color: #008c88;
}
.kr-cycle-filter .form-check-input:checked:before {
  opacity: .16;
}
.kr-cycle-filter .form-check-input[type=radio]:checked:after {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border-color: #008c88;
  background-color: #008c88;
  -webkit-transition: border-color;
  transition: border-color;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.kr-cycle-filter .form-check-label {
  margin-bottom: 0px;
  margin-top: 4px;
  padding-left: 3px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: #999;
}
.kr-cycle-filter .form-check-label:hover{color: #111;}
.kr-cycle-filter .form-check-input[type=radio]:checked~.form-check-label{color: #111;}
/*------------------------------------ Block KRC Item */
.xcrm-card.-krc{margin-bottom: 20px;}
.krc-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.krc-item.-all-cycle{
  padding: 20px;
  padding-bottom: 0px;
}
.krc-item.-all-cycle+.krc-item.-all-cycle{
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  border-top: 1px solid #eee;
}
.krc-item .krc-section{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.krc-item .krc-section.-checkin{
  width: 47%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.krc-section.-checkin .krc-avatar,
.krc-section.-checkin .krc-content{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.krc-section.-checkin .krc-avatar{
  width: 40px;
  height: 40px;
}
.krc-section.-checkin .krc-avatar>img{
  width: 100%;
  height: 100%;
  border-radius: 5rem;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.krc-section.-checkin .krc-content{
  width: calc(100% - 40px);
  padding-left: 20px;
}
.krc-section.-checkin .krc--title{
  font-size: 15px;
  font-weight: 500;
  display: block;
}
.krc-section.-checkin .krc--info{
  padding-top: 2px;
  color: #888;
  font-size: 13px;
}
.krc-section.-checkin .krc--info>a{color: #888;}
.krc-section.-checkin .krc--title:hover,
.krc-section.-checkin .krc--info>a:hover{
  color: #008c88;
  text-decoration: underline;
}
.krc-section.-checkin .krc--tag{padding-top: 4px;}
.krc-section.-checkin .krc--info-row{padding-top: 8px;}
.krc-section.-checkin .krc--label,
.krc-section.-checkin .krc--description{
  font-size: 13px;
  color: #999;
}
.krc-section.-checkin .krc--label{padding-bottom: 4px;}
.krc-item .krc-section.-connector{
  width: 17%;
  position: relative;
}
.krc-item .krc-section.-connector::before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: rgba(0,0,0,0.3);
  left: 0px;
  right: 0px;
  margin: auto;
}
.krc-item .krc-section.-connector>div{
  position: relative;
  z-index: 1;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0px;
  top: calc(50% - 40px);
}
.krc-item .krc-section.-connector .krc--connector-icon{
  background: #20c945;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: auto;
  color: #fff;
}
.krc-item .krc-section.-connector .krc--connector-icon::before{
  content: '';
  font-family: 'Font Awesome 5 Pro';
  color: rgba(255, 255, 255, 0.9);
  display: block;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
}
.krc-item .krc-section.-connector .krc--connector-tag{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  text-align: center;
  padding-top: 10px;
}
.krc-item.-kpi .krc-section.-connector .krc--connector-tag{font-weight: 500;}
.krc-item .krc-section.-goal{
  width: 36%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.krc-section.-goal .krc-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20px;
}
.krc-section.-goal .krc-icon .okrs-percent>div::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}
.krc-section.-goal .krc-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 20px);
  padding-left: 15px;
}
.krc-section.-goal .krc--title{
  font-size: 15px;
  font-weight: 500;
}
.krc-section.-goal .krc--title>svg{
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 5px;
}
.krc-item.-okr .krc-section.-goal .krc--title{color: #999999;}
.krc-item.-okr .krc-section.-goal .krc--title>svg{fill: currentcolor;}
.krc-item.-kpi .krc-section.-goal .krc--title>svg{fill: #008c88;}
.krc-section.-goal .krc--title>a:hover,
.krc-section.-goal .krc--info a:hover{
  text-decoration: underline;
  color: #008c88;
}
.krc-section.-goal .krc--info,
.krc-section.-goal .krc--value{
  color: #888;
  font-size: 13px;
}
.krc-section.-goal .krc--value{
  padding: 8px 0;
  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;
}
.krc-section.-goal .krc--value .value--content{color: #2d2d2d;}
/*------------------------------------ Box Checkin CRM */
.box-checkin-work-crm .block-checkin-work-heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.block-checkin-work-heading .checkin-info{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 50px);
}
.block-checkin-work-heading .checkin-info .info-subtitle{
  font-size: 13px;
  color: #999;
  font-weight: normal;
  padding-top: 2px;
}
.block-checkin-work-heading .checkin-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
  text-align: right;
}
.block-checkin-work-heading .checkin-action .btn-close{
  width: 20px;
  height: 20px;
  background-size: 30%;
  border: 1px solid #999;
  border-radius: 50%;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.box-checkin-work-crm .block-checkin-work-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0px -10px;
}
.block-checkin-work-content .checkin-work-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  padding: 0px 10px;
}
.block-checkin-work-content .checkin-work-info{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  padding: 0px 10px;
  border-left: 1px solid #ddd;
}
.work-info-timelog .info-timelog-title{
  font-size: 14px;
  color: #323a45;
  font-weight: 500;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.info-timelog-content>div{
  height: 250px;
  padding-bottom: 10px;
}
.info-timelog-content #attendance_history{
  padding: 0px 15px 0px 0px;
}
/*------------------------------------ Box Goal Linkded Other */
.box-goal-linked-other .block-linked-heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.block-linked-heading .linked-info{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 50px);
}
.block-linked-heading .linked-info .info-subtitle{
  font-size: 13px;
  color: #999;
  font-weight: normal;
  padding-top: 2px;
}
.block-linked-heading .linked-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
}
.block-linked-heading .linked-action .close{
  width: 30px;
  height: 30px;
  border: 1px solid #999;
  border-radius: 50%;
}
.box-goal-linked-other .block-linked-note{
  padding: 10px 0 0px;
  margin-top: 10px;
  font-size: 12px;
  color: #000;
  border-top: 1px solid #eee;
}
.linked-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.linked-item+.linked-item{
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #eee;
}
.linked-item .linked--percent{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
}
.linked-item .linked--percent .okrs-percent>div::before{
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}
.linked-item .linked--content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 255px);
  padding-left: 10px;
}
.linked-item .linked--content .content--label{
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-weight: 500;
}
.linked-item .linked--content .content--label>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.linked-item .linked--content .content--info{
  padding-top: 2px;
  font-size: 12px;
  color: #888;
}
.linked-item .linked--side{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 220px;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.linked-item .linked-col{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.linked-item .linked--selected .btn{
  text-transform: none;
  font-size: 13px;
}
.linked-item .linked--selected .btn-selected{
  border: 1px solid rgba(0,0,0,0.15);
  color: #333;
}
.linked-item .linked--selected .btn-selected:hover{
  color: #008c88;
  border-color: #008c88;
}
/*------------------------------------ Box Searchbox Cycle */
.box-searchbox-cycle{

}
.box-searchbox-cycle .form-group{
  position: sticky;
  top: 0px;
  margin-bottom: 0px;
}
.box-searchbox-cycle .form-control{
  position: sticky;
  top: 0px;
  height: 32px;
  padding: 8px 10px 8px 32px;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0px;
  font-size: 13px;
  background: url(../images/okrs/loupe.png) no-repeat center left 8px #fff;
  background-size: 12px 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.box-searchbox-cycle .block-cycle-list a{
  cursor: pointer;
  display: block;
  color: #111;
  font-weight: normal;
  font-size: 14px;
  padding: 10px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.box-searchbox-cycle .block-cycle-list a:hover{
  background: #f6f6f6;
  font-weight: 700;
}
/*------------------------------------ Box Edit Goal Duplicate */
.box-edit-goal-duplicate{

}
.box-edit-goal-duplicate>a{
  color: #828282;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  background-color: #f8f8f8;
  border: 1px solid rgb(130 130 130 / 30%);
  padding: 10px 0;
  margin-bottom: 15px;
  display: block;
  border-radius: 3px;
}
.box-edit-goal-duplicate>a:hover{background-color: #f5f5f5;}
/*------------------------------------ Box Duplicate Goal File */
.block-duplicate-goal-file{}
.block-duplicate-goal-file .duplicate-goal-file-title{
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #2d2d2d;
  margin-bottom: 7px;
}
.goal-file-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.goal-file-item>div{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}
.goal-file-item .form-group{margin-bottom: 0px;}
.goal-file-item .goal-file-checkbox .custom-checkbox label{cursor: pointer;}
.goal-file-item .goal-file-checkbox .custom-checkbox label:before,
.goal-file-item .goal-file-checkbox .custom-checkbox label:after{top: 5px;}
.goal-file-item .goal-file-checkbox .custom-checkbox input:checked ~ label:after{top: 11px;}
.goal-file-item .goal-file-action{padding-left: 10px;}
.goal-file-item .goal-file-action>a{
  color: #008c88;
  font-size: 12px;
}
/*------------------------------------ Box Duplicate Goal KRS */
.block-duplicate-goal-krs{}
.block-duplicate-goal-krs .duplicate-goal-krs-title{
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #2d2d2d;
  margin-bottom: 7px;
}
/*------------------------------------ Box Pagination */
.box-pagination{
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0;
}
.box-pagination .pagination{margin: 0px;}
.box-pagination .pagination>li>a,
.box-pagination .pagination>li>span{
  border-radius: 3px;
  padding: 4px 10px;
  background-color: transparent;
  color: #ccc;
  border-color: transparent;
}
.box-pagination .pagination>li.active>a,
.box-pagination .pagination>li.active>span{
  color: #fff;
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}
.box-pagination .pagination>li[data-button="previous"]>a,
.box-pagination .pagination>li[data-button="next"]>a,
.box-pagination .pagination>li[data-button="previous"]>span,
.box-pagination .pagination>li[data-button="next"]>span{
  background: transparent;
  border-color: transparent;
}
.box-pagination .pagination-label{
  font-size: 13px;
  color: #999;
}
.boardhome-single-w-filter+.box-pagination{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
/*------------------------------------ Box Modules OKRs - Settings */
.box-setting-okrs{

}
.box-setting-okrs .okrs-setting-sidebar{
  width: 250px;
  border-right: 1px solid rgba(0,0,0,0.08);
  background-color: #fff;
  padding: 20px 15px;
  padding-bottom: 130px;
  padding-top: 50px;
  margin: -55px 0px 0px -25px;
  position: absolute;
  bottom: 0;
  top: 8px;
  -webkit-box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 20%);
          box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 20%);
}
.okrs-setting-sidebar .setting-sidebar--heading{
  font-size: 22px;
  font-weight: 500;
  padding: 0 10px;
  padding-bottom: 13px;
}
.okrs-setting-sidebar .nav-tabs{border: none;}
.okrs-setting-sidebar .nav-tabs>li{
  float: none;
  margin-bottom: 5px;
}
.okrs-setting-sidebar .nav-tabs>li.divider{
  background-color: #d6d6d6;
  height: 1px;
  display: block;
  margin: 10px;
}
.okrs-setting-sidebar .nav-tabs>li>a{
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 3px;
  border: 1px solid transparent;
}
.okrs-setting-sidebar .nav-tabs>li>a:hover{
  background: rgb(0 140 136 / 20%);
  border-color: rgb(0 140 136 / 40%);
  color: #333;
}
.okrs-setting-sidebar .nav-tabs>li.active>a,
.okrs-setting-sidebar .nav-tabs>li.active>a:focus,
.okrs-setting-sidebar .nav-tabs>li.active>a:hover,
.okrs-setting-sidebar .navbar-pills.nav-tabs>li>a:focus,
.okrs-setting-sidebar .navbar-pills.nav-tabs>li>a:hover{
  font-weight: 500;
  background: #008c88;
  border: 1px solid #008c88;
  color: #fff;
}
.box-setting-okrs .okrs-setting-wrapper{
  width: calc(100% - 200px);
  margin-right: -25px;
  margin-top: -55px;
  margin-bottom: -25px;
  float: right;
  min-height: calc(100vh - 64px);
}
.okrs-setting-wrapper .okrs-setting-heading{
  width: 100%;
  background: #fff;
  padding: 55px 31px 0px;
  padding-bottom: 10px;
}
.okrs-setting-wrapper .okrs-setting-heading.-with-icon>div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.okrs-setting-wrapper .okrs-setting-heading.-with-icon .heading-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  color: #888;
}
.okrs-setting-wrapper .okrs-setting-heading.-with-icon .heading-icon>svg{
  width: 24px;
  height: 24px;
  margin-top: 4px;
  display: block;
  fill: currentcolor;
}
.okrs-setting-wrapper .okrs-setting-heading.-with-icon .heading-inner{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 40px);
}
.okrs-setting-wrapper .okrs-setting-heading .heading-title{
  font-size: 22px;
  font-weight: 500;
}
.okrs-setting-wrapper .okrs-setting-heading .heading-subtitle{
  font-size: 13px;
  color: #999;
}
/* .okrs-setting-wrapper .setting-heading--action{
  position: absolute;
  top: 0px;
  right: 0px;
} */
.okrs-setting-wrapper .setting-heading--action>div{
  display: inline-block;
  vertical-align: top;
}
.okrs-setting-wrapper .setting-heading--action>div+div{margin-left: 10px;}
.okrs-setting-wrapper .setting-heading--action .heading-action--searchbox .form-control{
  height: 37px;
  padding: 8px 32px 8px 10px;
  border: 1px solid #ddd;
  border-radius: 0.375rem;
  font-size: 13px;
  width: 160px;
  background: url(../images/okrs/loupe.png) no-repeat center right 8px #fff;
  background-size: 12px 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.okrs-setting-wrapper .setting-heading--action .heading-action--searchbox .form-control:focus{width: 200px;}
.okrs-setting-wrapper .setting-heading--action .heading-action--create .btn{
  font-size: 13px;
  /* padding: 5.725px 12px; */
}
.okrs-setting-wrapper .okrs-setting-content>div{
  height: calc(100vh - 178px);
  padding: 20px 30px 0px;
  border-top: 1px solid #e5e5e5;
}
.box-settings-xcrm-card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0px -10px;
}
.box-settings-xcrm-card>div{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
  padding: 0px 10px;
}
.box-settings-xcrm-card.-r4>div{width: 25%;}
.team-dept-item{margin-bottom: 20px;}
.team-dept-item .team-dept--header{
  position: relative;
  padding-bottom: 20px;
}
.team-dept-item .team-dept--header .-title{
  font-weight: 500;
  font-size: 15px;
}
.team-dept-item .team-dept--header .-title>a{color: #008c88;}
.team-dept-item .team-dept--header .-title>a:hover{text-decoration: underline;}
.team-dept-item .team-dept--header .-code{
  color: #999;
  padding: 5px 0;
}
.team-dept-item .team-dept--header .-code>span{
  font-weight: 500;
  color: #3ba710;
}
.team-dept-item .team-dept--header .-action{
  position: absolute;
  top: 0px;
  right: -10px;
  width: 30px;
  height: 30px;
}
.team-dept-item .team-dept--manager,
.team-dept-item .team-dept--member{padding-bottom: 16px;}
.team-dept-item .team-dept--manager .-label,
.team-dept-item .team-dept--member .-label{
  font-size: 11px;
  text-transform: uppercase;
  color: #aaa;
  padding-bottom: 5px;
  font-weight: 500;
}
.team-dept-item .team-dept-list-member .-user,
.cycle-settings-item .cs-manager{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}
.team-dept-item .team-dept-list-member .-user a,
.cycle-settings-item .cs-manager a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.team-dept-item .team-dept-list-member .-user a .-avatar,
.cycle-settings-item .cs-manager a .-avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid #fff;
  overflow: hidden;
}
.team-dept-item .team-dept-list-member .-user a+a .-avatar,
.cycle-settings-item .cs-manager a+a .-avatar{margin-left: -10px;}
.team-dept-item .team-dept-list-member .-user>a .-textname,
.cycle-settings-item .cs-manager>a .-textname{display: none;}
.team-dept-item .team-dept-list-member .-user>.team-dept-list-more,
.cycle-settings-item .cs-manager>.team-dept-list-more{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-left: -10px;
  background: #4f4f4f;
  color: #fff;
  text-align: center;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.team-dept-item .team-dept-list-member .-user>.dropdown-more,
.cycle-settings-item .cs-manager>.dropdown-more{
  position: absolute;
  top: calc(100% + 5px);
  left: 0px;
  right: 0px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px 0px rgb(0 0 0 / 20%);
          box-shadow: 0 2px 10px 0px rgb(0 0 0 / 20%);
  font-weight: normal;
  font-size: 13px;
  border-radius: 4px;
  padding: 4px 6px;
  color: #333;
  z-index: 1;
}
.team-dept-item .team-dept-list-member .-user>.dropdown-more>a,
.cycle-settings-item .cs-manager>.dropdown-more>a{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 15px 3px 3px 15px;
}
.team-dept-item .team-dept-list-member .-user>.dropdown-more>a .-avatar,
.cycle-settings-item .cs-manager>.dropdown-more>a .-avatar{margin-left: 0px;}
.team-dept-item .team-dept-list-member .-user>.dropdown-more>a .-textname,
.cycle-settings-item .cs-manager>.dropdown-more>a .-textname{
  display: block;
  color: #555;
  font-size: 13px;
  padding-left: 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.team-dept-item .team-dept-list-member .-user>.dropdown-more>a:hover,
.cycle-settings-item .cs-manager>.dropdown-more>a:hover{
  background: #eee;
}

.cycle-settings-item{
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  margin-bottom: 20px;
}
.cycle-settings-item .cycle-settings-header{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #eee;
  padding: 13px 20px 13px 20px;
  position: relative;
}
.cycle-settings-item .cycle-settings-header>div{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.cycle-settings-item .cs-carret{
  width: 25px;
  height: 20px;
  line-height: 25px;
  margin: 5px 0px;
}
.cycle-settings-item .cs-carret>a{
  color: #aaa;
}
.cycle-settings-item .cs-carret svg{
  width: 14px;
  height: 14px;
  fill: currentColor;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.cycle-settings-item.-collapsed .cs-carret svg{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.cycle-settings-item .cs-icon{
  width: 25px;
  height: 20px;
  line-height: 25px;
  margin: 6px 0px 5px;
}
.cycle-settings-item .cs-icon svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.cycle-settings-item .cs-label{
  width: calc(100% - 380px);
  padding-left: 5px;
}
.cycle-settings-item .cs-label .-title{
  font-size: 17px;
  font-weight: 500;
}
.cycle-settings-item .cs-label .-title>a{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.cycle-settings-item .cs-label .-title>a:hover{
  color: #008c88;
  text-decoration: underline;
}
.cycle-settings-item .cs-label .-desc{
  font-size: 12px;
  color: #888;
}
.cycle-settings-item .cs-manager,
.cycle-settings-item .cs-action{-ms-flex-item-align: center;align-self: center;}
.cycle-settings-item .cs-manager{
  width: 220px;
}
.cycle-settings-item .cs-action{
  width: 110px;
}
.cycle-settings-item .cs-action .okrs-action>a{
  text-align: right;
  color: #272727;
  font-weight: 500;
}
.cycle-settings-item .cs-action .okrs-action>a:hover{
  background: transparent;
  border-color: transparent;
  color: #008c88;
}
.cycle-settings-item .cycle-settings-content{padding: 20px 0px 20px 40px;}
.comp-target-item{
  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;
}
.comp-target-item+.comp-target-item{margin-top: 10px;}
.comp-target-item>div{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.comp-target-item .-icon{
  width: 30px;
  font-size: 16px;
}
.comp-target-item .-info{
  width: calc(100% - 105px);
}
.comp-target-item .-info>a{
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.comp-target-item .-info>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.comp-target-item .-action{
  width: auto;
}
.comp-target-item .-action>a{
  font-size: 12px;
  font-weight: 500;
  padding: 7px 13px;
  height: 27px;
}
.comp-target-item .-action>a:hover{color: #008c88;}
.comp-target-item .-action svg{
  width: 14px;
  height: 14px;
  fill: currentColor;
  display: inline-block;
  vertical-align: sub;
}

.box-list-metrics-group{
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 6px 0px rgb(0 0 0 / 3%);
          box-shadow: 0 2px 6px 0px rgb(0 0 0 / 3%);
  margin-bottom: 20px;
}
.metrics-group-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  padding: 10px 20px;
}
.metrics-group-item+.metrics-group-item{border-top: 1px solid rgba(0,0,0,0.1);}
.metrics-group-item>div{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.metrics-group-item .group-icon{
  width: 24px;
  color: #272727;
}
.metrics-group-item .group-icon>svg{
  width: 16px;
  height: 16px;
  margin-top: 2px;
  fill: currentColor;
}
.metrics-group-item .group-inner{
  width: calc(100% - 105px);
}
.metrics-group-item .group-inner .group--title{font-size: 15px;}
.metrics-group-item .group-inner .group--title>a:hover{
  text-decoration: underline;
  color: #008c88;
}
.metrics-group-item .group-inner .group--subtitle{
  font-size: 12px;
  color: #888;
}
.metrics-group-item .group-inner .group--title>a,
.metrics-group-item .group-inner .group--subtitle{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.metrics-group-item .group-action{
  width: 80px;
}
.metrics-group-item .group-action .okrs-action>a{
  text-align: right;
  color: #272727;
  font-weight: 500;
  font-size: 12px;
}
.metrics-group-item .group-action .okrs-action>a:hover{
  background: transparent;
  border-color: transparent;
  color: #008c88;
}

.metric-setting-item{
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 3px;
  background: #fff;
  margin-bottom: 20px;
}
.metric-setting-item.-collapsed{background: rgb(246 246 246 / 10%);}
.metric-setting-item .metric-setting-header{
  font-weight: 500;
  font-size: 16px;
  padding: 13px 20px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  cursor: pointer;
}
.cog-metric-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 13px 20px;
}
.cog-metric-item+.cog-metric-item{border-top: 1px solid #eee;}
.cog-metric-item>div{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.cog-metric-item .cog-icon{
  width: 24px;
  height: 24px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  color: #008c88;
}
.cog-metric-item .cog-icon>svg{
  width: 16px;
  height: 16px;
  fill: currentColor;
  margin-top: 2px;
}
.cog-metric-item .cog-inner{
  width: calc(100% - 275px);
  padding-left: 5px;
}
.cog-metric-item .cog-title{font-size: 15px;}
.cog-metric-item .cog-title>a{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.cog-metric-item .cog-title>.tag{
  color: #CC1111;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}
.cog-metric-item .cog-info{
  padding-top: 4px;
  font-size: 12px;
  color: #888;
}
.cog-metric-item .cog-info .-code em{
  font-weight: 500;
  color: #3ba710 !important;
}
.cog-metric-item .cog-side{
  width: 250px;
  text-align: right;
}
.cog-metric-item .cog-side>div{
  display: inline-block;
  vertical-align: middle;
}
.cog-metric-item .cog-action{margin-left: 20px;}
.cog-metric-item .cog-action .okrs-action>a{
  padding: 8px 17px 8px 17px;
  border: 1px solid rgba(0,0,0,0.15);
  font-size: 12px;
  height: 32px;
  line-height: 1.4;
  font-weight: 500;
  color: #272727;
}
.cog-metric-item .cog-action .okrs-action i{padding-left: 5px;}
.cog-metric-item .cog-action .okrs-action:hover>a{
  background: #fff;
  border-color: #008c88;
  color: #008c88;
}
.cog-metric-item .cog-action .okrs-action .action-dropdown{top: 32px;}
/*------------------------------------ Box Modules Workload Item */
.block-workload-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.block-workload-item .workload-infomation,
.block-workload-item .workload-author{
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0px 5px;
}
.block-workload-item .workload-infomation a{
  font-size: 14px;
}
/*------------------------------------ Box Lead Manager */
.lead_manager .lead-manager-filter-by{width: 100%;}
@media(min-width: 576px){
  .lead_manager .lead-manager-filter-by{
    width: calc(50% - 45px);
  }
}
@media(min-width: 768px){
  .lead_manager .lead-manager-filter-by{
    width: 25%;
  }
}

/*------------------------------------ Box Estimates */
.estimates-overview-style-card{margin-bottom: 10px;}
.estimates-overview-style-card .panel-body{
  background: #fff;
  border-color: #1db6d7;
}
.quick-top-stats h5{margin-bottom: 0px;}
/*------------------------------------ Box Client */
.flex-client-heading-button{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/*------------------------------------ Nav Stacked W Addmore */
.nav-stacked-w-addmore{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  margin-bottom: 0px;
}
.nav-stacked-w-addmore>li{position: relative;}
.nav-stacked-w-addmore>li+li{margin: 0px;}
.nav-stacked-w-addmore ul{
  position: absolute;
  background: #fff;
  z-index: 5;
  border-radius: 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  top: 100%;
  right: 0px;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
          box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-stacked-w-addmore ul li a{
  padding: 5px 10px;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-stacked-w-addmore ul li a:hover{color: #008ece;}
.nav-stacked-w-addmore [data-more-content="view_more_list"]:hover ul{
  opacity: 1;
  visibility: visible;
}
.nav-stacked-w-addmore [data-more-content="view_more_list"]>ul{padding-left: 0px;}
.nav-stacked-w-addmore [data-more-content="view_more_list"]>ul>li>.nav-link{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}
.nav-stacked-w-addmore.navbar-pills.navbar-pills-flat.nav-tabs>li:first-child>a{border-top: none;}
.nav-stacked-w-addmore.navbar-pills.navbar-pills-flat.nav-tabs>li>a{
  border-top: none;
  border-left: none;
  border-right: none;
}
.nav-stacked-w-addmore.nav-tabs>li.active>a,
.nav-stacked-w-addmore.nav-tabs>li.active>a:focus,
.nav-stacked-w-addmore.nav-tabs>li.active>a:hover,
.nav-stacked-w-addmore.nav-tabs>li>a:focus,
.nav-stacked-w-addmore.nav-tabs>li>a:hover{margin-bottom: 0px;}
/*------------------------------------ Form Choose Custom Menu */
.form-choose-custom-menu{

}
.form-choose-custom-menu .btn{
  height: 42px;
  font-size: 12px;
}
/*------------------------------------ Wrap Group module */
.wrap-group-module{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wrap-group-module .group-module-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.wrap-group-module .group-module-content>label{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #018c88;
}
.wrap-group-module .group-module-content:first-child>label{
  margin-top: 0px;
  padding-top: 0px;
  border-top: none;
}
.wrap-group-module .group-module-item{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}
.wrap-group-module .group-module-item label{
  padding-left: 0px;
}
/*------------------------------------ Setup Pagination */
.pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover{
  background-color: #008c88;
  border-color: #008c88;
}
/*------------------------------------ Setup Pagination */
.g-empty-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0px 15px;
}
.g-empty-item .empty-icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 48px;
  color: #888;
  -ms-flex-item-align: center;
      align-self: center;
}
.g-empty-item .empty-icon>svg{
  fill: currentColor;
  width: 24px;
  height: 24px;
}
.g-empty-item .empty-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 48px;)
}
.g-empty-item .empty-content .-title{
  font-size: 15px;
  font-weight: 400;
  color: #111;
}
.g-empty-item .empty-content .-text{color: #aaa;}
/*------------------------------------ Card Report Header Cat */
.card-report-header-cat{

}
.card-report-header-cat .bg-light-gray{
  border: 1px solid #cbcbcb;
}
hr,
.border-left,
.border-top,
.border-right,
.border-bottom{
  border-color: #cbcbcb;
}
.card-report-header-cat .block-header-title{
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.report-header-cat-list-item{
  -webkit-box-shadow: 6px 6px 12px 0px rgb(122 122 122 / 10%);
          box-shadow: 6px 6px 12px 0px rgb(122 122 122 / 10%);
  border-radius: 0.25rem;
  display: block;
  padding: 7px 10px;
  position: relative;
  margin-bottom: 10px;
  color: #fff;
  background: -webkit-gradient( linear, left top, right top, from(rgba(19, 184, 188, 100%)), color-stop(99%, rgba(0, 127, 150, 100%)) );
  background: linear-gradient( to right, rgba(19, 184, 188, 100%), rgba(0, 127, 150, 100%) 99% );
  text-align: center;
}
.bg-report-header-cat-list-item{
  -webkit-box-shadow: 6px 6px 20px 0px rgb(122 122 122 / 20%);
          box-shadow: 6px 6px 20px 0px rgb(122 122 122 / 20%);
  border-radius: 0.25rem;
  display: block;
  padding: 7px 10px;
  position: relative;
  margin-bottom: 10px;
  color: #fff;
  padding: 0;
  background: -webkit-gradient( linear, left top, right top, from(rgba(19, 184, 188, 100%)), color-stop(99%, rgba(0, 127, 150, 100%)) );
  background: linear-gradient( to right, rgba(19, 184, 188, 100%), rgba(0, 127, 150, 100%) 99% );
}
.bg-report-header-cat-list-item *{
  font-size: 13px;
}
.bg-report-header-cat-list-item label{
  color: #FFF;
}
.bg-report-header-cat-list-item::before {
    content: "";
    position: absolute;
    border-radius: 0.3125rem;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: -webkit-gradient( linear, left top, right top, from(rgba(144, 202, 249, 100%)), color-stop(99%, rgba(4, 126, 223, 100%)) );
    background: linear-gradient( to right, rgba(144, 202, 249, 100%), rgba(4, 126, 223, 100%) 99% );
}
.bg-report-header-cat-list-item .p8{
   background: url(../images/circle.svg) no-repeat center center;
  background-size: cover;
}
/*.bg-report-header-cat-list-item:after {
    content: "";
    position: absolute;
    background: url(../images/circle.svg) no-repeat center center;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0px;
    right: 0px;
}*/

.report-header-cat-list-item>span{position: relative;}
.report-header-cat-list-item:hover,
.report-header-cat-list-item.active{color: #fff;}
.report-header-cat-list-item::before{
  content: "";
  position: absolute;
  border-radius: 0.3125rem;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: -webkit-gradient( linear, left top, right top, from(rgba(250, 105, 100, 100%)), color-stop(99%, rgba(250, 105, 100, 100%)) );
  background: linear-gradient( to right, rgba(250, 105, 100, 100%), rgba(250, 105, 100, 100%) 99% );
}
.report-header-cat-list-item:hover::before,
.report-header-cat-list-item.active::before{opacity: 1;}
.report-header-cat-list-item:after{
  content: "";
  position: absolute;
  background: url(../images/circle.svg) no-repeat center center;
  background-size: cover;
  width: 50%;
  height: 100%;
  top: 0px;
  right: 0px;
}
/*------------------------------------ List Follower */
.list-follower,
.avatar-group{
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.list-follower.show-more::after,
.avatar-group.show-more::after{
  content: '\f141';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #cdcdcd;
  color: #212121;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  cursor: pointer;
}
.avatar-group.show-more::after{
  width: 29px;
  height: 29px;
  line-height: 29px;
  margin-left: -5px;
}
.list-follower .list-more-follower,
.avatar-group .list-more-follower{
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 1px 15px 1px rgb(90 90 90 / 30%);
          box-shadow: 0 1px 15px 1px rgb(90 90 90 / 30%);
  padding: 5px;
  border-radius: 5px;
  top: calc(100% + 5px);
  left: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.list-follower .list-more-follower>a,
.avatar-group .list-more-follower>a{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
  margin-bottom: 5px;
}
.list-follower .list-more-follower>a>img,
.avatar-group .list-more-follower>a>img{
  -webkit-box-shadow: 0px 0px 0px 1px #eee;
          box-shadow: 0px 0px 0px 1px #eee;
}
.avatar-group:hover .list-more-follower{
  opacity: 1;
  visibility: visible;
}
table.table-table_booking .list-follower .list-more-follower>a,
table.table-view-filter-detail .list-follower .list-more-follower>a,
table.table-project_roadmap .list-follower .list-more-follower>a,
table.table-project_roadmap_dt  .list-follower .list-more-follower>a{width: 33.33333333%;}
.wrap-full-card-datatable{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.card-datatable table tbody>tr>td:hover .list-follower .list-more-follower,
.card-datatable table tbody>tr>td:hover .list-tags .view-tags-labels-more{
  opacity: 1;
  visibility: visible;
}
.card-datatable table .dtr-data .list-follower,
.card-datatable table .dtr-data .list-tags{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.card-datatable table .dtr-data .list-follower>a,
.card-datatable table .dtr-data .list-tags>span.label{
  margin-bottom: 5px;
}
.card-datatable table .dtr-data .block-avarta-w-user{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
/*------------------------------------ List Tags - Ticket Single */
.tickets-tags{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.tickets-tags .list-tags{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 1rem;
}
.tickets-tags .list-tags>.label-tag{
  margin-bottom: 0.5rem;
}
/*------------------------------------ List Tags */
.kanban-tags .list-tags{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.card-datatable table .list-tags{
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.card-datatable table .list-tags.show-more::after{
  content: '\f141';
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  width: 27px;
  height: 27px;
  border-radius: 4px;
  margin-left: 3px;
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #6c6c6c;
  text-align: center;
  line-height: 26px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
.card-datatable table .list-tags .view-tags-labels-more{
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 1px 15px 1px rgb(90 90 90 / 30%);
          box-shadow: 0 1px 15px 1px rgb(90 90 90 / 30%);
  padding: 5px;
  border-radius: 5px;
  top: calc(100% + 5px);
  left: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-datatable table .list-tags .view-tags-labels-more::-webkit-scrollbar {
  width: 4px;
  height: 7px;
}
.card-datatable table .list-tags .view-tags-labels-more::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgb(246 246 246 / 50%);
}
.card-datatable table .list-tags .view-tags-labels-more::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgb(108 108 108 / 70%);
}
.card-datatable table .list-tags .view-tags-labels-more>span.label{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  margin: 0px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 90px;
}
.card-datatable table .list-tags .view-tags-labels-more>span.label+span.label{margin-top: 5px !important;}
.card-datatable table .list-tags>span.label,
.card-datatable .table-responsive table.scroll-responsive .list-tags>span.label{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 70px;
}
.card-datatable table ul.dtr-details .list-tags>span.label{
  max-width: 100%;
}
.card-datatable table .list-tags .view-tags-labels-more,
.card-datatable .table-responsive table.scroll-responsive .list-tags .view-tags-labels-more{
  top: -45px;
  left: calc(100% - 20px);
  height: 70px;
  overflow-y: auto;
  overflow-x: hidden;
}
.card-datatable table ul.dtr-details .list-tags .view-tags-labels-more{
  display: none;
}
body.purchase.invoices .card-datatable .table-responsive table.scroll-responsive .list-tags .view-tags-labels-more{
  right: calc(100% + 5px);
  left: initial;
}
/*------------------------------------ Set TH Width Datatables */
.width-table-tickets-subject{
  width: 300px !important;
  min-width: 300px !important;
}
/*------------------------------------ Block Ticket Subject */
.block-ticket-subject{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.block-ticket-subject.aligns-subject-center{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-ticket-subject a.subject-name{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 150px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  text-align: left;
  margin-right: 2px;
  margin-left: 4px;
}
table tbody>tr>td:not(:nth-child(1)):not(:nth-child(2)) .block-ticket-subject a.subject-name-no-avarta{
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.block-ticket-subject a.assign-avarta{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30px;
}
.block-ticket-subject .row-options{
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 115px;
}
/*------------------------------------ Block Project Milestones */
.project-name-oneline{
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  display: inline-block;
  width: calc(100% - 90px);
  vertical-align: middle;
}
.media-project-milestones{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.media-project-milestones .media-project-milestones--content{white-space: normal;}
.media-project-milestones .media-project-milestones--assigned{}
/*------------------------------------ Block Project Invoices */
.project_invoices .total-column .panel_s,
.project_estimates .total-column .panel_s{
  -webkit-box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%) !important;
  box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%) !important;
}
.project_invoices .total-column .panel-body,
.project_estimates .total-column .panel-body{
  border: 1px solid #dce1ef;
  padding: 10px 5px;
}
/*------------------------------------ Block Table Out Of Stock & Expired */
.modal table.table-table_out_of_stock tbody tr:not(.child) td:nth-child(1),
.modal table.table-table_out_of_stock tbody tr:not(.child) td:nth-child(3),
.modal table.table-table_out_of_stock tbody tr:not(.child) td:nth-child(4),
.modal table.table-table_out_of_stock tbody tr:not(.child) td:nth-child(5),
.modal table.table-table_expired tbody tr:not(.child) td:nth-child(1),
.modal table.table-table_expired tbody tr:not(.child) td:nth-child(3),
.modal table.table-table_expired tbody tr:not(.child) td:nth-child(4),
.modal table.table-table_expired tbody tr:not(.child) td:nth-child(5){text-align: center;}
.modal table.table-table_out_of_stock thead tr th,
.modal table.table-table_expired thead tr th{width: auto !important;}
.modal .tab-content #out_of_stock .dataTables_filter{display: none;}
.modal .tab-content #expired .dataTables_filter{display: none;}
/*------------------------------------ Contract HTML Before Print PDF */
.contract-html-content{

}
.contract-html-content *{
  font-family: 'Times New Roman', serif;
  font-size: 16px;
}
.contract-html-content dt{font-weight: 400;}
.contract-html-content table:not(table[style]) th,
.contract-html-content table:not(table[style]) td{
  padding: 0px;
}
/*------------------------------------ Block Widget Goal */
#widget-goals{

}
#widget-goals .pg-bar{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background-color: var(--bs-primary);
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}
#widget-goals .progress-bar-secondary:after{
  content: attr(data-value);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  font-size: 10px;
  padding: 0px 5px;
  display: block;
  color: #2D3436;
}
#widget-goals .progress-bar-secondary .pg-bar{
  background-color: rgba(40,199,111,.5);
}
#widget-goals .progress .pg-bar:last-child {
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
}
/*------------------------------------ Datatable Column One Line */
.block-column-one-line{
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  display: inline-block;
}
.block-column-one-line-2row{
  line-height: 1.5;
  -webkit-line-clamp: 2;
  min-height: 25px;
  max-height: 45px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: break-spaces;
  word-break: break-word;
}
.block-column-one-line-2row>*{
  margin-bottom: 0.25rem;
}
.img-solid-logo{width: 40%}
.img-dark-logo{width: 40%}
.img-favicon{width: 20%}
.form-group.favicon ._delete ,
.form-group.dark-logo ._delete,
.form-group.solid-logo ._delete{
  position: absolute;
  top: 15px;
  right: 15px
}
.table-timesheets-report .staff-timesheets-task-name{width: 25%;}
.table-clients .clients-company-name,
.table-table_user .loyalty-company-name,
.table-table_user .loyalty-email,
.table-table_warehouse_name .warehouse-name{
  width: 100px;
}
.table-leads .leads-company-name{width: 300px;}
#table-leads_wrapper .table-responsive{min-height: 700px;}
#home_tab_tasks .table-responsive{min-height: 270px;}
#table_warranty_wapper .table-responsive{min-height: 500px;}
.table-min-height-waper-350 .table-responsive{min-height: 350px;}
.table-table_booking .resource-booking-purpose,
.table-table_widget_booking .resource-booking-purpose,
.table-table_widget_approved_booking #th-purpose-name,
.table-table_widget_approved_booking .resource-booking-purpose{width: 150px;}
.table-table_transation .loyalty-transation-client-name,
.table-table_redeem_log .loyalty-redeem-log-client-name{
  width: 200px;
}
.table-table_membership_program .membership-program-name,
.table-table_loyalty_rule .loyalty-rule-name,
.table-membership-program-detail .membership-program-detail-name,
.table-loyalty-program-detail .loyalty-program-detail-name{width: 150px;}
.table-projects .projects-name{width: 100px;}
.table-tasks .tasks-dt-name,
.table-tasks .tasks-rel-name,
.table-tasks-overview .tasks-dt-name,
.table-tasks-overview .tasks-rel-name,
.table-rel-tasks .tasks-dt-name,
.table-rel-tasks .tasks-rel-name,
.table-reminders .reminders-description,
.table-kb-manage-groups .kb-manage-group-name,
.table-milestones .milestone-name,
.table-project-discussions .project-discussion-subject,
.table-table_task_filter .task-filter-name,
.table-manage-dayoff .reason-holidays,
.table-project_roadmap .roadmap-project-name,
.table-pur-order-single-client .purchase-order-single-client,
.table-table_warehouse_name_detail .commodity-name,
.table-table_inventory_inside .commodity-name,
.table-table_commodity_type .commondity-type-code,
.table-table_commodity_group .commondity-group-code,
.table-table_sub_group .sub-group-code,
.table-table_whsetting_colors .color-code,
.table-table_whsetting_bodys .model-code,
.table-table_whsetting_sizes .size-code,
.table-table_whsetting_styles .style-code,
.table-table_whsetting_custom_field .custom-fields-name,
.table-table_whsetting_approval_setting .approval-name,
.table-vendor_contacts .pur-vendor-contact-client-name,
.table-table_pur_order .purchase-order-code,
.table-table_pur_order.scroll-responsive .purchase-order-code,
.table-table_pur_vendor_expenses .category-name,
.table-vendor-items .vendors-name,
.table-table_pur_request .pur-rq-code,
.table-expenses .accounting-expenses-name,
.table-purchase-order .accounting-purchase-order,
.table-transfer .accounting-transfer-funds-from,
.table-item-automatic .accounting-item-automatic-description,
.table-payslip_table .payslip-name,
.table-payslip_template_table .templates-name,
.table-list-report .report-logs-call-title,
.table-list-report .report-logs-call-content,
.table-call-logs .report-logs-call-title,
.table-call-logs .report-logs-call-content{
  width: 200px;
}
.table-table_manage_delivery .delivery-customer-name{width: 130px;}
.table-table_manage_delivery .delivery-company-name{width: 50px;}
.table-tasks .tasks-rel-name,
.table-rel-tasks .tasks-rel-name,
.table-tasks-overview .tasks-rel-name{display: block;}
.table-table_commodity_list .warehouse-commodity-product-name{width: 300px;}
table.table-table_manage_goods_receipt .dtr-data .receipt-order-code,
table.table-table_manage_goods_receipt .dtr-data .receipt-supplier-name{
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  width: calc(100vw - 200px);
}
.table-vendors #th-company,
.table-vendors .vendors-company-name{
  width: 80px;
}
.table-table_commodity_list #th_minimum_stock,
.table-table_commodity_list #th_maximum_stock{
  white-space: normal;
  width: 60px;
  min-width: 60px;
}
table.table-table_item_list .row-options,
table[class*="table-table_assets"] .row-options,
table.table-expenses .row-options{
  display: block;
  margin: 5px 0px 0px 0px;
}
/* table.table-table_item_list .dtr-data .purchase-items-description{
  white-space: break-spaces;
  padding-left: 100px;
  margin-top: -20px;
} */
table[class*="table-table_assets"] #th-consent{
  width: 50px;
  min-width: 50px;
}
table.table-table_item_list .dtr-data .purchase-items-description,
table.table-appointments .dtr-data .appointments-description,
table.table-channel-woocommerce .dtr-data .woocommerce-store-url,
table.table-invoice-items .dtr-data .invoice-long-description,
table.table-invoiceProducts .dtr-data .service-invoice-description,
table.table-invoiceProducts .dtr-data .service-invoice-link,
table.table-expenses .dtr-data .expenses-name,
table.table-expenses .dtr-data .expenses-file-name,
table.table-expenses .dtr-data .expenses-company-name,
table.table-expenses .dtr-data .expenses-project-name,
table.table-expenses .dtr-data .expenses-reference-no,
table.table-expenses-single-client .dtr-data .expenses-name,
table.table-expenses-single-client .dtr-data .expenses-file-name,
table.table-expenses-single-client .dtr-data .expenses-company-name,
table.table-expenses-single-client .dtr-data .expenses-project-name,
table.table-expenses-single-client .dtr-data .expenses-reference-no,
table.table-estimate-custom .dtr-data .estimate-reference_no,
table.table-estimates-single-client .dtr-data .estimate-reference_no,
table.table-contracts .dtr-data .contract-type-name,
table.table-contracts .dtr-data .contract-project-name,
table.table-contracts-single-client .dtr-data .contract-type-name,
table.table-contracts-single-client .dtr-data .contract-project-name,
table.table-contracts-single-client .dtr-data .contract-project-name,
table.table-invoiceProducts .dtr-data .service-invoice-customer-group,
table.table-zoom-appointment .dtr-data .zoom-appointment-customer-email,
table.table-purchaseLog .dtr-data .purchase-log-client,
table.table-timesheets-report .dtr-data .staff-timesheets-note,
table.table-timesheets-report .dtr-data .staff-timesheets-rel-name,
table.table-table_resource .dtr-data .resources-group-name,
table.table-milestones .dtr-data .milestone-description,
table.table-table_manage_delivery .dtr-data .delivery-address,
table.table-table_warehouse_name .dtr-data .warehouse-address,
table.table-table_warehouse_name .dtr-data .warehouse-note,
table.table-table_commodity_type .dtr-data .commondity-type-name,
table.table-table_commodity_type .dtr-data .commondity-type-note,
table.table-table_commodity_group .dtr-data .commondity-group-name,
table.table-table_commodity_group .dtr-data .commondity-group-note,
table.table-table_sub_group .dtr-data .sub-group-name,
table.table-table_sub_group .dtr-data .sub-group-by-group-name,
table.table-table_sub_group .dtr-data .sub-group-note,
table.table-table_whsetting_units .dtr-data .whsetting-units-note,
table.table-table_whsetting_colors .dtr-data .color-name,
table.table-table_whsetting_colors .dtr-data .color-note,
table.table-table_whsetting_bodys .dtr-data .model-name,
table.table-table_whsetting_bodys .dtr-data .bodys-note,
table.table-table_whsetting_sizes .dtr-data .size-name,
table.table-table_whsetting_sizes .dtr-data .size-note,
table.table-table_whsetting_styles .dtr-data .style-name,
table.table-table_whsetting_styles .dtr-data .style-barcode,
table.table-table_whsetting_styles .dtr-data .style-note,
table.table-all-contacts .dtr-data .purchase-contact-email,
table.table-all-contacts .dtr-data .purchase-contact-company-name,
table.table-all-contacts .dtr-data .purchase-contact-position,
table.table-vendor_contacts .dtr-data .pur-vendor-contact-position,
table.table-table_pur_order .dtr-data .vendor-name,
table.table-table_pur_vendor_expenses .dtr-data .expenses-name,
table.table-vendor-items .dtr-data .items-name,
table.table-table_pur_request .dtr-data .pur-rq-name,
table.table-pur_estimates .dtr-data .vendor-name,
table.table-pur_estimates .dtr-data .pur-rq-code,
table.table-table_pur_setting_units .dtr-data .unit-note,
table.table-table_pur_setting_commodity_group .dtr-data .commodity-group-name,
table.table-table_pur_setting_commodity_group .dtr-data .commodity-group-note,
table.table-table_pur_setting_sub_group .dtr-data .sub-group-name,
table.table-table_pur_setting_sub_group .dtr-data .group-name,
table.table-table_pur_setting_sub_group .dtr-data .sub-group-note,
table.table-table_pur_setting_vendor_category .dtr-data .vc-description,
table.table-banking .dtr-data .banking-description,
table.table-sales-invoice .dtr-data .sales-invoice-company-name,
table.table-purchase-payment .dtr-data .accounting-purchase-order,
table.table-stock-export .dtr-data .accounting-customer-name,
table.table-stock-export .dtr-data .accounting-invoices,
table.table-opening-stock .dtr-data .accounting-commodity-name,
table.table-journal-entry .dtr-data .journal-entry-description,
table.table-transfer .dtr-data .accounting-transfer-funds-to,
table.table-reconcile-history .dtr-data .accounting-payee,
table.table-reconcile-history .dtr-data .accounting-description,
table.table-payment-mode-mapping .dtr-data .accounting-payment-mode-mapping-description,
table.table-expense-category-mapping .dtr-data .accounting-expense-category-mapping-description{
  white-space: normal;
  word-break: break-word;
  display: inline-block;
  vertical-align: top;
  width: calc(100vw - 180px);
}
table.table-table_pur_request .dtr-data .pur-rq-name,
table.table-pur_estimates .dtr-data .pur-rq-code{width: calc(100vw - 210px);}
table.table-table_pur_request .dtr-data .pur-rq-name~.row-options{display: block;}
.table-contracts #th-contract-list-subject,
.table-contracts .contract-subject-name,
.table-contracts-single-client #th-contract-list-subject,
.table-contracts-single-client .contract-subject-name{
  width: 150px;
}
.table-channel-woocommerce #th_name_channel,
.table-channel-woocommerce .woocommerce-store-name{
  width: calc(100vw - 207px);
}
.table-invoice-items #th_invoice_items_list_description{
  width: calc(100vw - 175px);
}
.table-invoice-items .invoice-description,
.table-zoom-appointment .zoom-appointment-customer-name,
.table-my-reminders .reminder-staff-description{
  width: calc(100vw - 240px);
}
.table-my-reminders .reminder-staff-title{width: 200px;}
.table-table_resource_group #th-resource-group-name,
.table-table_resource_group .resource-group-name{width: 120px;}
.table-table_resource #th-resources-name,
.table-table_resource .resources-name{width: 120px;}
.table-timesheets #th-project-timesheet-task,
.table-timesheets .project-timesheet-task{width: 300px;}
.table-timesheets #th-project-timesheet-note,
.table-timesheets .project-timesheet-note{width: 150px;}
.table-roadmap-list-members #th-total-task-assigned,
.table-roadmap-list-members #th-total-task-is-completed,
.table-roadmap-list-members #th-Total-task-late,
.table-roadmap-list-members #th-project-overview-total-logged-hours{
  width: 250px;
  min-width: 100px;
  white-space: normal;
}
.table-table_out_of_stock #th-commodity-name{width: auto !important;}
.table-table_out_of_stock .modal-commodity-name{width: 200px;}
.table-table_expired #th-commodity-name{width: auto !important;}
.table-table_expired .modal-commodity-name{width: 200px;}
.table-table_manage_goods_receipt #th_Buyer{white-space: normal;}
.table-table_manage_delivery .delivery-company-name{vertical-align: middle;}
.table-table_contracts #th-pur-vendor-name,
.table-table_contracts #th-vendor-name,
.table-table_contracts .vendor-name{width: 200px;}
.table-table_contracts #th-pur-vendor-contract-description,
.table-table_contracts #th-contract-description,
.table-table_contracts .contract-name{width: 200px;}
.table-table_pur_order.scroll-responsive #th-vendor-name,
.table-table_pur_order.scroll-responsive .vendor-name{width: 300px;}
.table-table_pur_invoices #th-contract,
.table-table_pur_invoices .contract-name{width: 150px}
.table-table_pur_invoices #th-pur-order,
.table-table_pur_invoices .pur-order-code{width: 100px;}
.table-table_pur_invoices #th-pur-vendor,
.table-table_pur_invoices .pur-vendor-name{width: 100px;}
.table-import-goods-report #th-product-name,
.table-import-goods-report .product-name{width: 150px}
.table-import-goods-report #th-pur-order-number,
.table-import-goods-report .pur-order-number{width: 100px;}
.table-po-report #th-purchase-order,
.table-po-report .purchase-order{width: 150px}
.table-po-report #th-vendor-name,
.table-po-report .vendor-name{width: 200px;}
.table-po-voucher-report #th-purchase-order,
.table-po-voucher-report .purchase-order{width: 150px;}
.table-po-voucher-report #th-project-name,
.table-po-voucher-report .project-name{width: 80px;}
.table-po-voucher-report #th-vendor-name,
.table-po-voucher-report .vendor-name{width: 250px;}
.table-purchase-inv-report #th-contract-name,
.table-purchase-inv-report .contract-name{width: 300px;}
.table-purchase-inv-report #th-pur-order,
.table-purchase-inv-report .pur-order{width: 200px;}
.table-purchase-inv-report #th-pur-vendor-name,
.table-purchase-inv-report .pur-vendor-name{width: 250px;}
.table-payslips .accounting-payslip-name{width: 200px;}
.table-payslips .accounting-payslip-template{width: 150px;}
.table-invoice-custom thead>tr>th:first-child,
.table-estimates-single-client thead>tr>th:first-child{width: 30px;}
.table-estimates-single-client tbody>tr>td:last-child{text-align: center;}
.table-report-chat-by-detail #th-report-chat-detail-id-conversation,
.table-report-chat-by-detail .report-dt-chat-detail-id-conversation{
  width: 200px;
  min-width: 200px;
}
@media (min-width: 567px) {
  .mx-sm-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .note-table-responsive{
    -webkit-transform: translateY(0px) translateX(0);
            transform: translateY(0px) translateX(0);
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  body.small-table .note-table-responsive{width: 100%;}
  .table-clients .clients-company-name,
  .table-table_user .loyalty-company-name{
    width: 150px;
  }
  .table-clients .clients-email,
  .table-table_user .loyalty-email{
    width: 150px;
  }
  .table-table_booking .resource-booking-purpose,
  .table-table_widget_booking .resource-booking-purpose,
  .table-table_widget_approved_booking .resource-booking-purpose{
    width: 130px;
  }
  .table-projects .projects-name{
    width: 120px;
  }
  .table-projects .projects-company-name{
    width: 200px;
  }
  .table-projects-single-client .projects-name{
    width: 200px;
  }
  .table-tasks .tasks-dt-name,
  .table-tasks .tasks-rel-name,
  .table-tasks #th_tasks_dt_name,
  .table-tasks-overview .tasks-dt-name,
  .table-tasks-overview .tasks-rel-name,
  .table-tasks-overview #th_tasks_dt_name,
  .table-rel-tasks .tasks-dt-name,
  .table-rel-tasks .tasks-rel-name,
  .table-rel-tasks #th_tasks_dt_name,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-rel-tasks #th_tasks_dt_name,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-dt-name,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-rel-name,
  .right-column.col-md-12:not(.col-md-7) .table-rel-tasks #th_tasks_dt_name,
  .right-column.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-dt-name,
  .right-column.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-rel-name,
  .table-list-report .report-logs-call-title,
  .table-list-report .report-logs-call-content,
  .table-call-logs .report-logs-call-title,
  .table-call-logs .report-logs-call-content{width: 100px;}
  .small-table-right-col.col-md-7:not(.col-md-12) .table-rel-tasks #th_tasks_dt_name,
  .small-table-right-col.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-dt-name,
  .small-table-right-col.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-rel-name,
  .right-column.col-md-7:not(.col-md-12) .table-rel-tasks #th_tasks_dt_name,
  .right-column.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-dt-name,
  .right-column.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-rel-name{width: 250px;}
  .table-table_manage_goods_receipt .receipt-code,
  .table-table_manage_goods_receipt #th_stock_received_docket_code{width: 130px;}
  .table-table_manage_goods_receipt .receipt-supplier-name,
  .table-table_manage_goods_receipt #th_supplier_name{width: 120px;}
  .table-table_manage_goods_receipt #th_Buyer{white-space: nowrap;}
  .table-table_manage_goods_receipt .receipt-order-code,
  .table-table_manage_goods_receipt #th_reference_purchase_order{width: 150px;}
  .table-vendors #th-company,
  .table-vendors .vendors-company-name{
    width: 150px;
  }
  .table-table_commodity_list #th_minimum_stock,
  .table-table_commodity_list #th_maximum_stock{
    white-space: normal;
    width: 80px;
    min-width: 80px;
  }
  table[class*="table-table_assets"] .th-amount-rest,
  table[class*="table-table_assets"] .th-using-amount,
  table[class*="table-table_assets"] .th-broken-code,
  table[class*="table-table_assets"] .th-lost-code{
    white-space: normal !important;
    width: 50px;
    min-width: 50px;
  }
  table[class*="table-table_assets"] .th-amount-liquidation,
  table[class*="table-table_assets"] .th-warranty-time,
  table[class*="table-table_assets"] .th-lost-time,
  table[class*="table-table_assets"] .th-broken-time{
    white-space: normal !important;
    width: 60px;
    min-width: 60px;
  }
  table[class*="table-table_assets"] .th-amount-allocate,
  table[class*="table-table_assets"] .th-assigned-to-customer,
  table[class*="table-table_assets"] .th-warranty-code,
  table[class*="table-table_assets"] .th-complete-warranty-repair{
    white-space: normal !important;
    width: 80px;
    min-width: 80px;
  }
  table[class*="table-table_assets"] .th-cost-warranty{
    white-space: normal !important;
    width: 100px;
    min-width: 100px;
  }
  table[class*="table-table_assets"] #th-consent{
    white-space: normal !important;
    width: 60px;
    min-width: 60px;
  }
  table[class*="table-table_assets"] .zoom:hover{-webkit-transform: scale(1);transform: scale(1);}
  .table-estimate-custom #th-estimate-dt-table-heading-number,
  .table-estimate-custom .estimate-code{
  /* .table-invoice-custom #th-invoice-dt-table-heading-number,
  .table-invoice-custom .invoice-code{ */
    width: 50px;
  }
  .table-estimate-custom #th-estimate-dt-table-heading-client,
  .table-estimate-custom .estimate-company-name,
  .table-invoice-custom #th-invoice-dt-table-heading-client,
  .table-invoice-custom .invoice-company-name{
    width: 300px;
  }
  .table-estimate-custom #th-estimate-project,
  .table-estimate-custom .estimate-project-name,
  .table-invoice-custom #tth-invoice-project,
  .table-invoice-custom .invoice-project-name{
    width: 50px;
  }
  .table-payments #th-payments-table-mode-heading{
    white-space: normal !important;
    width: 110px;
  }
  .table-payments #th-payments_table_invoicenumber_heading,
  .table-payments .payment-invoice-code{
    width: 70px;
  }
  .table-payments #th-payments-table-client-heading,
  .table-payments .payment-company-name{
    width: 150px;
  }
  .table-payments-single-client #th-payments-table-mode-heading{
    width: 100px;
  }
  .table-appointments #th-appointment-subject,
  .table-appointments .appointments-name{
    width: 220px;
  }
  .table.table-appointments td.white-space-normal{
    white-space: nowrap !important;
  }
  .table-contracts #th-contract-list-subject,
  .table-contracts .contract-subject-name{
    width: 100px;
  }
  .table-contracts #th-contract-list-client,
  .table-contracts .contract-company-name{
    width: 100px;
  }
  .table-contracts #th-contract-types-list-name,
  .table-contracts .contract-type-name{
    width: 120px;
  }
  .table-contracts-single-client #th-contract-list-subject,
  .table-contracts-single-client .contract-subject-name{
    width: 80px;
  }
  .table-contracts-single-client #th-contract-types-list-name,
  .table-contracts-single-client .contract-type-name{
    width: 80px;
  }
  .table-store_sync_v2 #th_store_name{width: 200px;}
  .table-channel-woocommerce #th_name_channel,
  .table-channel-woocommerce .woocommerce-store-name{
    width: 360px;
  }
  .table-invoice-items #th_invoice_items_list_description,
  .table-invoice-items .invoice-description{
    width: 150px;
  }
  .table-invoice-items #th_invoice_item_long_description,
  .table-invoice-items .invoice-long-description{
    width: 150px;
  }
  .table-expenses #th-accounting-expenses-name,
  .table-expenses .accounting-expenses-name{width: 150px;}
  table.table-expenses #th-expenses-payment-mode{
    white-space: normal !important;
    width: 80px;
    min-width: 80px;
  }
  .table-invoiceProducts #th-invoice-products-client-name,
  .table-invoiceProducts .service-invoice-customer-name{width: 300px;}
  .table-invoiceProducts #th-invoice-product-group-client-name,
  .table-invoiceProducts .service-invoice-customer-group{width: 100px;}
  .table-zoom-appointment #th-zoom-appointment-customer-name,
  .table-zoom-appointment .zoom-appointment-customer-name,
  .table-zoom-appointment #th-zoom-appointment-customer-email,
  .table-zoom-appointment .zoom-appointment-customer-email{width: 100px;}
  .table-table_transation #th-loyalty-transation-client-name,
  .table-table_transation .loyalty-transation-client-name,
  .table-table_redeem_log #th-loyalty-redeem-log-client-name,
  .table-table_redeem_log .loyalty-redeem-log-client-name{width: 150px;}
  .table-table_membership_program #th-membership-program-name,
  .table-table_membership_program .membership-program-name,
  .table-table_loyalty_rule #th-loyalty-rule-name,
  .table-table_loyalty_rule .loyalty-rule-name{width: 150px;}
  .table-membership-program-detail #th-membership-program-detail-name,
  .table-membership-program-detail .membership-program-detail-name{width: 150px;}
  .table-loyalty-program-detail #th-loyalty-program-detail-name,
  .table-loyalty-program-detail .loyalty-program-detail-name{width: 200px;}
  .table-timesheets-report #th-staff-timesheets-task-name{width: 250px;}
  .table-timesheets-report .staff-timesheets-task-name{width: 130px;}
  .table-timesheets-report #th-staff-timesheets-note,
  .table-timesheets-report .staff-timesheets-note{width: 100px;}
  .table-timesheets-report #th-staff-timesheets-rel-name,
  .table-timesheets-report .staff-timesheets-rel-name{width: 200px;}
  .table-table_resource_group #th-resource-group-name,
  .table-table_resource_group .resource-group-name{width: auto;}
  .table-table_resource #th-resources-name,
  .table-table_resource .resources-name{width: 150px;}
  .table-table_resource #th-resources-group-name,
  .table-table_resource .resources-group-name{width: 150px;}
  .table-articles #th-kb-dt-article-name,
  .table-articles .article-name{width: 150px;}
  .table-reminders #th-reminder-description,
  .table-reminders .reminders-description,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-reminders #th-reminder-description,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-reminders .reminders-description,
  .right-column.col-md-12:not(.col-md-7) .table-reminders #th-reminder-description,
  .right-column.col-md-12:not(.col-md-7) .table-reminders .reminders-description{width: 200px;}
  .small-table-right-col.col-md-7:not(.col-md-12) .table-reminders #th-reminder-description,
  .small-table-right-col.col-md-7:not(.col-md-12) .table-reminders .reminders-description,
  .right-column.col-md-7:not(.col-md-12) .table-reminders #th-reminder-description,
  .right-column.col-md-7:not(.col-md-12) .table-reminders .reminders-description{width: 100px;}
  .table-kb-manage-groups #th-kb-manage-group-name,
  .table-kb-manage-groups .kb-manage-group-name{width: 300px;}
  .table-timesheets #th-project-timesheet-task,
  .table-timesheets .project-timesheet-task{width: 300px;}
  .table-timesheets #th-project-timesheet-note,
  .table-timesheets .project-timesheet-note{width: 150px;}
  .table-milestones #th-milestone-name,
  .table-milestones .milestone-name{width: 200px;}
  .table-milestones #th-milestone-description,
  .table-milestones .milestone-description{width: 200px;}
  .table-project-discussions #th-project-discussion-subject,
  .table-project-discussions .project-discussion-subject{width: 300px;}
  .table-table_task_filter #th-task-filter-name,
  .table-table_task_filter .task-filter-name{width: 300px;}
  .table-manage-dayoff #th-reason-holidays,
  .table-manage-dayoff .reason-holidays{width: 300px;}
  .table-project_roadmap #th-roadmap-project-name,
  .table-project_roadmap .roadmap-project-name{width: 80px;}
  .table-project_roadmap_dt .main-tasks-table-href-name{width: 150px;}
  .table-project_roadmap_dt .roadmap-milestones-name{width: 150px;}
  .table-table_out_of_stock #th-commodity-name{width: 200px !important;}
  .table-table_out_of_stock .modal-commodity-name{width: 200px;}
  .table-table_expired #th-commodity-name{width: 200px !important;}
  .table-table_expired .modal-commodity-name{width: 200px;}
  .table-pur-order-single-client #th-purchase-order-single-client,
  .table-pur-order-single-client .purchase-order-single-client{width: 300px;}
  .table-table_manage_delivery #th-customer-name,
  .table-table_manage_delivery .delivery-customer-name{width: 170px;}
  .table-table_manage_delivery #th-invoices,
  .table-table_manage_delivery .delivery-company-name{width: 100px;}
  .table-table_manage_delivery #th-address,
  .table-table_manage_delivery .delivery-address{width: 100px;}
  .table-table_internal_delivery #th-internal-delivery-note,
  .table-table_internal_delivery .internal-delivery-code{width: 100px;}
  .table-loss_adjustment #th-reason-description,
  .table-loss_adjustment .loss-adjustment-reason{width: 200px;}
  .table-table_warehouse_name #th-warehouse-name,
  .table-table_warehouse_name .warehouse-name{width: 200px}
  .table-table_warehouse_name #th-warehouse-address,
  .table-table_warehouse_name .warehouse-address{width: auto;}
  .table-table_warehouse_name_detail #th-commodity-name,
  .table-table_warehouse_name_detail .commodity-name{width: 250px;}
  .table-table_inventory_inside #th-commodity-name,
  .table-table_inventory_inside .commodity-name{width: 400px;}
  .table-table_commodity_type #th-commodity-type-code,
  .table-table_commodity_type .commondity-type-code,
  .table-table_commodity_group #th-commodity-group-code,
  .table-table_commodity_group .commondity-group-code{width: 80px;}
  .table-table_commodity_type #th-commodity-type-name,
  .table-table_commodity_type .commondity-type-name,
  .table-table_commodity_group #th-commodity-group-name,
  .table-table_commodity_group .commondity-group-name{width: 200px;}
  .table-table_sub_group #th-sub-group-sub-group-name,
  .table-table_sub_group .sub-group-name{width: 150px;}
  .table-table_sub_group #th-sub-group-by-group-name,
  .table-table_sub_group .sub-group-by-group-name{width: 150px;}
  .table-table_whsetting_units #th-whsetting-units-note,
  .table-table_whsetting_units .whsetting-units-note{width: 100px;}
  .table-table_whsetting_colors #th-whsetting-color-code,
  .table-table_whsetting_colors .color-code,
  .table-table_whsetting_bodys #th-whsetting-model-code,
  .table-table_whsetting_bodys .model-code,
  .table-table_whsetting_sizes #th-whsetting-size-code,
  .table-table_whsetting_sizes .size-code{width: 120px;}
  .table-table_whsetting_colors #th-whsetting-color-name,
  .table-table_whsetting_colors .color-name,
  .table-table_whsetting_bodys #th-whsetting-model-name,
  .table-table_whsetting_bodys .model-name,
  .table-table_whsetting_sizes #th-whsetting-size-name,
  .table-table_whsetting_sizes .size-name,
  .table-table_whsetting_styles #th-whsetting-style-code,
  .table-table_whsetting_styles .style-code,
  .table-table_whsetting_styles #th-whsetting-style-name,
  .table-table_whsetting_styles .style-name,
  .table-table_whsetting_styles #th-whsetting-style-barcode,
  .table-table_whsetting_styles .style-barcode{width: 120px;}
  .table-table_whsetting_custom_field #th-custom-fields-name,
  .table-table_whsetting_custom_field .custom-fields-name{width: 300px;}
  .table-table_whsetting_approval_setting #th-whsetting-approval-name,
  .table-table_whsetting_approval_setting .approval-name{width: 300px;}
  .table-all-contacts #th-purchase-contact-client-email,
  .table-all-contacts .purchase-contact-email{width: 150px;}
  .table-all-contacts #th-purchase-contact-company-name,
  .table-all-contacts .purchase-contact-company-name{width: 300px;}
  .table-all-contacts #th-purchase-contact-position,
  .table-all-contacts .purchase-contact-position{width: 100px;}
  .table-vendor_contacts #th-pur-vendor-contact-client-name,
  .table-vendor_contacts .pur-vendor-contact-client-name{width: 250px;}
  .table-table_contracts #th-pur-vendor-name,
  .table-table_contracts #th-vendor-name,
  .table-table_contracts .vendor-name{width: 200px;}
  .table-table_contracts #th-pur-vendor-contract-description,
  .table-table_contracts #th-contract-description,
  .table-table_contracts .contract-name{width: 200px;}
  .table-table_pur_order #th-pur-vendor-name,
  .table-table_pur_order .vendor-name{width: 100px;}
  .table-table_pur_order #th-pur-vendor-purchase-order,
  .table-table_pur_order .purchase-order-code{width: 200px;}
  .table-table_pur_order.scroll-responsive #th-purchase-order,
  .table-table_pur_order.scroll-responsive .purchase-order-code{width: 300px;}
  .table-table_pur_order.scroll-responsive #th-vendor-name,
  .table-table_pur_order.scroll-responsive .vendor-name{width: 300px;}
  .table-table_pur_vendor_expenses #th-pur-vendor-expenses-category,
  .table-table_pur_vendor_expenses .category-name{width: 170px;}
  .table-table_pur_vendor_expenses #th-pur-vendor-expenses-name,
  .table-table_pur_vendor_expenses .expenses-name{width: 200px;}
  .table-vendor-items #th-vendor-item-vendors,
  .table-vendor-items .vendors-name{width: 200px;}
  .table-vendor-items #th-vendor-item-items,
  .table-vendor-items .items-name{width: 200px;}
  .table-table_pur_request #th-pur-rq-name,
  .table-table_pur_request .pur-rq-name{width: 200px;}
  .table-pur_estimates #th-vendor-name,
  .table-pur_estimates .vendor-name{width: 200px;}
  .table-pur_estimates #th-pur-request,
  .table-pur_estimates .pur-rq-code{width: 150px;}
  .table-table_pur_invoices #th-contract,
  .table-table_pur_invoices .contract-name{width: 300px}
  .table-table_pur_invoices #th-pur-order,
  .table-table_pur_invoices .pur-order-code{width: 200px;}
  .table-table_pur_invoices #th-pur-vendor,
  .table-table_pur_invoices .pur-vendor-name{width: 200px;}
  .table-import-goods-report #th-product-name,
  .table-import-goods-report .product-name{width: 250px}
  .table-import-goods-report #th-pur-order-number,
  .table-import-goods-report .pur-order-number{width: 250px;}
  .table-po-report #th-purchase-order,
  .table-po-report .purchase-order{width: 200px}
  .table-po-report #th-vendor-name,
  .table-po-report .vendor-name{width: 350px;}
  .table-po-voucher-report #th-purchase-order,
  .table-po-voucher-report .purchase-order{width: 200px;}
  .table-po-voucher-report #th-project-name,
  .table-po-voucher-report .project-name{width: 100px;}
  .table-po-voucher-report #th-vendor-name,
  .table-po-voucher-report .vendor-name{width: 300px;}
  .table-purchase-inv-report #th-contract-name,
  .table-purchase-inv-report .contract-name{width: 300px;}
  .table-purchase-inv-report #th-pur-order,
  .table-purchase-inv-report .pur-order{width: 200px;}
  .table-purchase-inv-report #th-pur-vendor-name,
  .table-purchase-inv-report .pur-vendor-name{width: 250px;}
  .table-table_pur_setting_units #th-pur-setting-units-note,
  .table-table_pur_setting_units .unit-note{width: 150px;}
  .table-table_pur_setting_approval #th-approval-name,
  .table-table_pur_setting_approval .approval-name{width: 250px;}
  .table-table_pur_setting_commodity_group #th-pur-setting-commodity-group-name,
  .table-table_pur_setting_commodity_group #th-pur-setting-commodity-group-note,
  .table-table_pur_setting_commodity_group .commodity-group-name,
  .table-table_pur_setting_commodity_group .commodity-group-note{width: 150px;}
  .table-table_pur_setting_sub_group #th-sub-group-name,
  .table-table_pur_setting_sub_group .sub-group-name{width: 100px;}
  .table-table_pur_setting_sub_group #th-group-name,
  .table-table_pur_setting_sub_group .group-name{width: 100px;}
  .table-table_pur_setting_sub_group #th-note,
  .table-table_pur_setting_sub_group .sub-group-note{width: 150px;}
  .table-table_pur_setting_vendor_category #th-vc-description,
  .table-table_pur_setting_vendor_category .vc-description{width: 250px;}
  .table-banking #th-banking-description,
  .table-banking .banking-description{width: 100px;}
  .table-sales-invoice #th_sales_invoice_company_name,
  .table-sales-invoice .sales-invoice-company-name{width: 100px;}
  .table-payslips #th-accounting-payslip-name,
  .table-payslips .accounting-payslip-name{width: 200px;}
  .table-payslips #th-accounting-payslip-template,
  .table-payslips .accounting-payslip-template{width: 150px;}
  .table-purchase-order #th-accounting-purchase-order,
  .table-purchase-order .accounting-purchase-order{width: 200px;}
  .table-purchase-payment #th-accounting-purchase-order,
  .table-purchase-payment .accounting-purchase-order{width: 200px;}
  .table-stock-export #th-accounting-customer-name,
  .table-stock-export .accounting-customer-name{width: 150px;}
  .table-stock-export #th-accounting-invoices,
  .table-stock-export .accounting-invoices{width: 150px;}
  .table-opening-stock #th-accounting-commodity-name,
  .table-opening-stock .accounting-commodity-name{width: 150px;}
  .table-journal-entry #th-journal-entry-description,
  .table-journal-entry .journal-entry-description{width: 300px;}
  .table-transfer #th-accounting-transfer-funds-from,
  .table-transfer .accounting-transfer-funds-from{width: 250px;}
  .table-transfer #th-accounting-transfer-funds-to{width: auto;}
  .table-transfer .accounting-transfer-funds-to{width: 250px;}
  .table-reconcile-history #th-accounting-payee,
  .table-reconcile-history .accounting-payee{width: 300px;}
  .table-reconcile-history #th-accounting-description,
  .table-reconcile-history .accounting-description{width: 150px;}
  .table-item-automatic #th-accounting-item-automatic-description,
  .table-item-automatic .accounting-item-automatic-description{width: 200px;}
  .table-payment-mode-mapping #th-accounting-payment-mode-mapping-description,
  .table-payment-mode-mapping .accounting-payment-mode-mapping-description{width: 150px;}
  .table-expense-category-mapping #th-accounting-expense-category-mapping-description,
  .table-expense-category-mapping .accounting-expense-category-mapping-description{width: 150px;}
  .table-expenses #th_expense_dt_table_heading_category,
  .table-expenses .expenses-category-name,
  .table-expenses-single-client #th_expense_dt_table_heading_category,
  .table-expenses-single-client .expenses-category-name{width: 110px;}
  .table-expenses #th_expense_name,
  .table-expenses .expenses-name,
  .table-expenses-single-client #th_expense_name,
  .table-expenses-single-client .expenses-name{width: 100px;}
  .table-expenses #th_expense_receipt,
  .table-expenses .expenses-file-name,
  .table-expenses-single-client #th_expense_receipt,
  .table-expenses-single-client .expenses-file-name{width: 100px;}
  .table-expenses #th_expense_dt_table_heading_customer,
  .table-expenses .expenses-company-name,
  .table-expenses-single-client #th_expense_dt_table_heading_customer,
  .table-expenses-single-client .expenses-company-name{width: 180px;}
  .table-expenses #th_expense_dt_table_project_name,
  .table-expenses .expenses-project-name,
  .table-expenses-single-client #th_expense_dt_table_project_name,
  .table-expenses-single-client .expenses-project-name{width: 60px;}
  .table-expenses #th_expense_dt_table_reference_no,
  .table-expenses .expenses-reference-no,
  .table-expenses-single-client #th_expense_dt_table_reference_no,
  .table-expenses-single-client .expenses-reference-no{width: 60px;}
  .table-payslip_table #th-payslip-name,
  .table-payslip_table .payslip-name{width: 150px;}
  .table-payslip_template_table #th-templates-name,
  .table-payslip_template_table .templates-name{width: 250px;}
  .table-my-reminders #th-reminder-staff-title,
  .table-my-reminders .reminder-staff-title{width: 250px;}
  .table-my-reminders #th-reminder-staff-description,
  .table-my-reminders .reminder-staff-description{width: 250px;}
  .img-solid-logo{width: 20%}
  .img-dark-logo{width: 20%}
  .img-favicon{width: 10%}
}
@media(min-width: 992px){
  .mt-lg-40{margin-top: 40px;}
  .mt-sm-125{margin-top: 125px;}
  .line-staff-profile-other{border-left: 1px solid #ebe9f1;}
}
@media(min-width: 1200px){
  .img-solid-logo{width: 20%}
  .img-dark-logo{width: 20%}
  .img-favicon{width: 10%}
  .mx-lg-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.accounting.transaction #wrapper>.content{
    padding: 5px 15px 25px 15px;
  }
  .note-table-responsive{
    -webkit-transform: translateY(-32px) translateX(5%);
            transform: translateY(-32px) translateX(5%);
    height: 0px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .note-table-responsive.-basic{
    height: auto;
    -webkit-transform: translateY(-7px) translateX(5%);
            transform: translateY(-7px) translateX(5%);
  }
  body.warehouse.commodity_list .note-table-responsive{-webkit-transform: translateY(-32px) translateX(45%);transform: translateY(-32px) translateX(45%);}
  body.view_project_roadmap .note-table-responsive,
  body.small-table .note-table-responsive{
    width: 35%;
    -webkit-transform: translateY(-35px);
            transform: translateY(-35px);
    line-height: 1.4;
    font-size: 9px;
  }
  .table-clients .clients-company-name,
  .table-clients #th-company{
    width: 250px;
  }
  .table-clients .clients-email,
  .table-clients #th-primary-contact-email{
    width: 150px;
  }
  .table-leads .leads-user-name{
    width: 100px;
  }
  .table-leads .leads-company-name{
    width: 300px;
  }
  .table-leads .leads-email{
    width: 200px;
  }
  .table-table_user .loyalty-company-name,
  .table-table_user #th-loyalty-client{
    width: 300px;
  }
  .table-table_user .loyalty-email,
  .table-table_user #th-loyalty-email{
    width: 230px;
  }
  .table-table_booking #th-purpose-name,
  .table-table_booking .resource-booking-purpose{
    width: 150px;
  }
  .table-projects .projects-name,
  .table-projects #th_project_name{
    width: 80px;
  }
  .table-projects .projects-company-name,
  .table-projects #th_project_customer{
    width: 120px;
  }
  .table-projects-single-client .projects-name,
  .table-projects-single-client #th_project_name{
    width: 200px;
  }
  .table-tasks #th_tasks_dt_name,
  .table-tasks .tasks-dt-name,
  .table-tasks .tasks-rel-name,
  .table-tasks-overview .tasks-dt-name,
  .table-tasks-overview .tasks-rel-name,
  .table-tasks-overview #th_tasks_dt_name,
  .table-rel-tasks #th_tasks_dt_name,
  .table-rel-tasks .tasks-dt-name,
  .table-rel-tasks .tasks-rel-name,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-rel-tasks #th_tasks_dt_name,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-dt-name,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-rel-name,
  .right-column.col-md-12:not(.col-md-7) .table-rel-tasks #th_tasks_dt_name,
  .right-column.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-dt-name,
  .right-column.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-rel-name,
  .table-list-report .report-logs-call-title,
  .table-list-report .report-logs-call-content,
  .table-call-logs .report-logs-call-title,
  .table-call-logs .report-logs-call-content{width: 250px;}
  .small-table-right-col.col-md-7:not(.col-md-12) .table-rel-tasks #th_tasks_dt_name,
  .small-table-right-col.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-dt-name,
  .small-table-right-col.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-rel-name,
  .right-column.col-md-7:not(.col-md-12) .table-rel-tasks #th_tasks_dt_name,
  .right-column.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-dt-name,
  .right-column.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-rel-name{width: 250px;}
  .table-table_manage_goods_receipt #th_stock_received_docket_code,
  .table-table_manage_goods_receipt #th_supplier_name,
  .table-table_manage_goods_receipt #th_day_vouchers,
  .table-table_manage_goods_receipt #th_total_tax_money,
  .table-table_manage_goods_receipt #th_total_goods_money,
  .table-table_manage_goods_receipt #th_value_of_inventory,
  .table-table_manage_goods_receipt #th_total_money{
    white-space: normal;
  }
  body.small-table .table-table_manage_goods_receipt #th_stock_received_docket_code{white-space: nowrap;}
  .table-table_manage_goods_receipt #th_day_vouchers,
  .table-table_manage_goods_receipt #th_total_tax_money,
  .table-table_manage_goods_receipt #th_total_goods_money,
  .table-table_manage_goods_receipt #th_value_of_inventory{
    width: 100px;
  }
  .table-table_manage_goods_receipt #th_total_money{width: 100px;}
  .table-table_manage_goods_receipt .receipt-code,
  .table-table_manage_goods_receipt #th_stock_received_docket_code{width: 60px;}
  body.small-table .table-table_manage_goods_receipt .receipt-code,
  body.small-table .table-table_manage_goods_receipt #th_stock_received_docket_code{width: 130px;}
  .table-table_manage_goods_receipt .receipt-supplier-name,
  .table-table_manage_goods_receipt #th_supplier_name{
    width: 80px;
  }
  .table-table_manage_goods_receipt #th_Buyer{width: 80px;}
  .table-table_manage_goods_receipt .receipt-buyer{width: 40px;}
  .table-table_manage_goods_receipt .receipt-order-code,
  .table-table_manage_goods_receipt #th_reference_purchase_order{
    width: 150px;
  }
  .table-vendors #th-company,
  .table-vendors .vendors-company-name{
    width: 150px;
  }
  .table-vendors #th-primary-contact,
  .table-vendors .vendors-contact-name{
    width: 100px;
  }
  .table-vendors #th-primary-contact-email,
  .table-vendors .vendors-email{
    width: 150px;
  }
  .table-vendors .list-tags .view-tags-labels-more,
  .table-vendors .list-tags .view-tags-labels-more>span.label{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .table-table_item_list .purchase-items-code,
  .table-table_item_list #th_commodity_code{
    width: 80px;
  }
  .table-table_item_list .purchase-items-description,
  .table-table_item_list #th_commodity_name{
    width: 500px;
  }
  table[class*="table-table_assets"] .assets-code,
  table[class*="table-table_assets"] .liquidation-code,
  table[class*="table-table_assets"] .th-asset-code,
  table[class*="table-table_assets"] .warranty-code,
  table[class*="table-table_assets"] .broken-code,
  table[class*="table-table_assets"] .lost-code{width: 80px;}
  table[class*="table-table_assets"] #th-asset-name{width: 400px;}
  .table-table_item_list .purchase-items-description,
  .table-table_item_list #th_commodity_name{width: 250px;}
  .table-estimate-custom #th-estimate-dt-table-heading-number,
  .table-estimate-custom .estimate-code{
  /* .table-invoice-custom #th-invoice-dt-table-heading-number,
  .table-invoice-custom .invoice-code{ */
    width: 50px;
  }
  .table-estimate-custom .estimate-reference_no,
  .table-estimates-single-client .estimate-reference_no{
    width: 100px;
  }
  .table-estimate-custom #th-estimate-dt-table-heading-client,
  .table-estimate-custom .estimate-company-name{
    width: 100px;
  }
  .table-invoice-custom #th-invoice-dt-table-heading-client,
  .table-invoice-custom .invoice-company-name{
    width: 250px;
  }
  .table-estimate-custom #th-estimate-project,
  .table-estimate-custom .estimate-project-name,
  .table-invoice-custom #th-invoice-project,
  .table-invoice-custom .invoice-project-name{
    width: 50px;
  }
  .table-payments #th-payments_table_invoicenumber_heading,
  .table-payments .payment-invoice-code{
    width: 70px;
  }
  .table-payments #th-payments-table-client-heading,
  .table-payments .payment-company-name{
    width: 500px;
  }
  .table-appointments #th-appointment-subject,
  .table-appointments .appointments-name{
    width: 300px;
  }
  .table-appointments #th-appointment-description{/*width: 500px;*/}
  .table.table-appointments td.white-space-normal{
    white-space: normal !important;
  }
  .table-contracts #th-contract-list-subject,
  .table-contracts .contract-subject-name{
    width: 150px;
  }
  .table-contracts #th-contract-list-client,
  .table-contracts .contract-company-name{
    width: 130px;
  }
  .table-contracts #th-contract-types-list-name,
  .table-contracts .contract-type-name{
    width: 100px;
  }
  .table-contracts #th-contract-project-name,
  .table-contracts .contract-project-name{
    width: 50px;
  }
  .table-contracts-single-client #th-contract-list-subject,
  .table-contracts-single-client .contract-subject-name{
    width: 300px;
  }
  .table-contracts-single-client #th-contract-types-list-name,
  .table-contracts-single-client .contract-type-name{
    width: 100px;
  }
  .table-contracts-single-client #th-contract-project-name,
  .table-contracts-single-client .contract-project-name{
    width: 50px;
  }
  .table-store_sync_v2 #th_sync_omni_sales_products,
  .table-store_sync_v2 #th_sync_omni_sales_inventorys,
  .table-store_sync_v2 #th_price_crm_woo,
  .table-store_sync_v2 #th_sync_omni_sales_description,
  .table-store_sync_v2 #th_sync_omni_sales_images,
  .table-store_sync_v2 #th_sync_omni_sales_orders,
  .table-store_sync_v2 #th_product_info_image_enable_disable,
  .table-store_sync_v2 #th_option{
    white-space: normal;
  }
  .table-store_sync_v2 #th_store_name{width: 100px;}
  .table-channel-woocommerce #th_name_channel,
  .table-channel-woocommerce #th_url,
  .table-channel-woocommerce .woocommerce-store-name,
  .table-channel-woocommerce .woocommerce-store-url{
    width: 400px;
  }
  .table-invoice-items #th_invoice_items_list_description,
  .table-invoice-items .invoice-description{
    width: 200px;
  }
  .table-invoice-items #th_invoice_item_long_description,
  .table-invoice-items .invoice-long-description{
    width: 200px;
  }
  .table-invoiceProducts #th_service_invoice_name,
  .table-invoiceProducts .service-invoice-name{width: 120px;}
  .table-invoiceProducts #th_service_invoice_description,
  .table-invoiceProducts .service-invoice-description{width: 200px;}
  .table-invoiceProducts #th_service_invoice_link,
  .table-invoiceProducts .service-invoice-link{width: 200px;}
  .table-invoiceProducts #th-invoice-products-client-name,
  .table-invoiceProducts .service-invoice-customer-name{width: 500px;}
  .table-invoiceProducts #th-invoice-product-group-client-name,
  .table-invoiceProducts .service-invoice-customer-group{width: 100px;}
  .table-invoiceProducts .service-invoice-description~.tooltip .tooltip-inner,
  .table-invoiceProducts .service-invoice-link~.tooltip .tooltip-inner{
    text-align: left;
    white-space: break-spaces;
  }
  .table-invoiceProducts .service-invoice-link~.tooltip .tooltip-inner{max-width: -webkit-max-content;max-width: -moz-max-content;max-width: max-content;}
  .table-expenses #th_expense_dt_table_heading_category,
  .table-expenses .expenses-category-name,
  .table-expenses #th_expense_dt_table_heading_category,
  .table-expenses-single-client .expenses-category-name{width: 110px;}
  .table-expenses #th_expense_name,
  .table-expenses .expenses-name,
  .table-expenses #th_expense_name,
  .table-expenses-single-client .expenses-name{width: 80px;}
  .table-expenses #th_expense_receipt,
  .table-expenses .expenses-file-name,
  .table-expenses #th_expense_receipt,
  .table-expenses-single-client .expenses-file-name{width: 80px;}
  .table-expenses #th_expense_dt_table_heading_customer,
  .table-expenses .expenses-company-name,
  .table-expenses #th_expense_dt_table_heading_customer,
  .table-expenses-single-client .expenses-company-name{width: 160px;}
  .table-expenses .expenses-project-name,
  .table-expenses-single-client #th_expense_dt_table_project_name,
  .table-expenses-single-client .expenses-project-name{width: 60px;}
  .table-expenses #th_expense_dt_table_reference_no,
  .table-expenses .expenses-reference-no,
  .table-expenses-single-client #th_expense_dt_table_reference_no,
  .table-expenses-single-client .expenses-reference-no{width: 60px;}
  .table-project-expenses #th_expense_dt_table_heading_category,
  .table-project-expenses .expenses-category-name{width: 100px;}
  .table-project-expenses #th_expense_name,
  .table-project-expenses .expenses-name{width: 200px;}
  .table-project-expenses #th_expense_receipt,
  .table-project-expenses .expenses-file-name{width: 150px;}
  .table-project-expenses #th_expense_dt_table_reference_no,
  .table-project-expenses .expenses-reference-no{width: 100px;}
  .table-expenses #th-expense-dt-table-heading-payment-mode,
  .table-project-expenses #th-expense-dt-table-heading-payment-mode{white-space: normal;}
  .okr-report-name{width: 140px;}
  .timesheets_requisition_manage-name{width: 140px;}
  .table-sales-invoice #th_sales_invoice_company_name,
  .table-sales-invoice .sales-invoice-company-name{width: 100px;}
  .table-sales-invoice #th_sales_invoice_payment-date,
  .table-expenses #th-expenses-payment-date{width: 70px; white-space: normal;}
  .table-expenses #th-accounting-expenses-name,
  .table-expenses .accounting-expenses-name{width: 70px;}
  .table-zoom-appointment #th-zoom-appointment-customer-name,
  .table-zoom-appointment .zoom-appointment-customer-name,
  .table-zoom-appointment #th-zoom-appointment-customer-email,
  .table-zoom-appointment .zoom-appointment-customer-email{width: 200px;}
  .table-table_transation #th-loyalty-transation-client-name,
  .table-table_transation .loyalty-transation-client-name,
  .table-table_redeem_log #th-loyalty-redeem-log-client-name,
  .table-table_redeem_log .loyalty-redeem-log-client-name{width: 300px;}
  .table-table_membership_program #th-membership-program-name,
  .table-table_membership_program .membership-program-name{width: 200px;}
  .table-table_loyalty_rule #th-loyalty-rule-name,
  .table-table_loyalty_rule .loyalty-rule-name{width: 180px;}
  .table-membership-program-detail #th-membership-program-detail-name,
  .table-membership-program-detail .membership-program-detail-name{width: 200px;}
  .table-loyalty-program-detail #th-loyalty-program-detail-name,
  .table-loyalty-program-detail .loyalty-program-detail-name{width: 600px;}
  .table-purchaseLog #th-purchase-log-product-name,
  .table-purchaseLog .purchase-log-product-name{width: 100px;}
  .table-purchaseLog #th-purchase-log-client,
  .table-purchaseLog .purchase-log-client{width: 300px;}
  .table-timesheets-report #th-staff-timesheets-task-name{width: 250px;}
  .table-timesheets-report .staff-timesheets-task-name{width: 40px;}
  .table-timesheets-report #th-staff-timesheets-note,
  .table-timesheets-report .staff-timesheets-note{width: 100px;}
  .table-timesheets-report #th-staff-timesheets-rel-name,
  .table-timesheets-report .staff-timesheets-rel-name{width: 200px;}
  .table-table_resource_group #th-resource-group-name,
  .table-table_resource_group .resource-group-name{width: 500px;}
  .table-table_resource #th-resources-name,
  .table-table_resource .resources-name{width: 300px;}
  .table-table_resource #th-resources-group-name,
  .table-table_resource .resources-group-name{width: 300px;}
  .table-articles #th-kb-dt-article-name,
  .table-articles .article-name{width: 500px;}
  .table-reminders #th-reminder-description,
  .table-reminders .reminders-description,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-reminders #th-reminder-description,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-reminders .reminders-description,
  .right-column.col-md-12:not(.col-md-7) .table-reminders #th-reminder-description,
  .right-column.col-md-12:not(.col-md-7) .table-reminders .reminders-description{width: 400px;}
  .small-table-right-col.col-md-7:not(.col-md-12) .table-reminders #th-reminder-description,
  .small-table-right-col.col-md-7:not(.col-md-12) .table-reminders .reminders-description,
  .right-column.col-md-7:not(.col-md-12) .table-reminders #th-reminder-description,
  .right-column.col-md-7:not(.col-md-12) .table-reminders .reminders-description{width: 150px;}
  .table-kb-manage-groups #th-kb-manage-group-name,
  .table-kb-manage-groups .kb-manage-group-name{width: 800px;}
  .table-timesheets #th-project-timesheet-task,
  .table-timesheets .project-timesheet-task{width: 300px;}
  .table-timesheets #th-project-timesheet-note,
  .table-timesheets .project-timesheet-note{width: 150px;}
  .table-milestones #th-milestone-name,
  .table-milestones .milestone-name{width: 500px;}
  .table-milestones #th-milestone-description,
  .table-milestones .milestone-description{width: 500px;}
  .table-project-discussions #th-project-discussion-subject,
  .table-project-discussions .project-discussion-subject{width: 500px;}
  .table-table_task_filter #th-task-filter-name,
  .table-table_task_filter .task-filter-name{width: 700px;}
  .table-manage-dayoff #th-reason-holidays,
  .table-manage-dayoff .reason-holidays{width: 700px;}
  .table-project_roadmap #th-roadmap-project-name,
  .table-project_roadmap .roadmap-project-name{width: 250px;}
  .table-project_roadmap_dt #th-roadmap-project-name,
  .table-project_roadmap_dt .main-tasks-table-href-name{width: 90px;}
  .table-project_roadmap_dt #th-roadmap-milestones-name,
  .table-project_roadmap_dt .roadmap-milestones-name{width: 100px;}
  .table-table_out_of_stock #th-commodity-name{width: 300px !important;}
  .table-table_out_of_stock .modal-commodity-name{width: 300px;}
  .table-table_expired #th-commodity-name{width: 300px !important;}
  .table-table_expired .modal-commodity-name{width: 300px;}
  .table-pur-order-single-client #th-purchase-order-single-client,
  .table-pur-order-single-client .purchase-order-single-client{width: 500px;}
  .table-table_manage_delivery #th-customer-name,
  .table-table_manage_delivery .delivery-customer-name{width: 170px;}
  .table-table_manage_delivery #th-invoices,
  .table-table_manage_delivery .delivery-company-name{width: 100px;}
  .table-table_manage_delivery #th-address,
  .table-table_manage_delivery .delivery-address{width: 100px;}
  .table-table_internal_delivery #th-internal-delivery-note,
  .table-table_internal_delivery .internal-delivery-code{width: 250px;}
  body.small-table .table-table_internal_delivery #th-internal-delivery-note,
  body.small-table .table-table_internal_delivery .internal-delivery-code{width: 100px;}
  .table-loss_adjustment #th-reason-description,
  .table-loss_adjustment .loss-adjustment-reason{width: 250px;}
  .table-table_warehouse_name #th-warehouse-name,
  .table-table_warehouse_name .warehouse-name{width: 180px}
  .table-table_warehouse_name #th-warehouse-address,
  .table-table_warehouse_name .warehouse-address{width: 180px;}
  .table-table_warehouse_name #th-warehouse-note,
  .table-table_warehouse_name .warehouse-note{width: 180px;}
  .table-table_warehouse_name_detail #th-commodity-name,
  .table-table_warehouse_name_detail .commodity-name{width: 250px;}
  .table-table_inventory_inside #th-commodity-name,
  .table-table_inventory_inside .commodity-name{width: 600px;}
  .table-table_commodity_type #th-commodity-type-code,
  .table-table_commodity_type .commondity-type-code,
  .table-table_commodity_group #th-commodity-group-code,
  .table-table_commodity_group .commondity-group-code{width: 80px;}
  .table-table_commodity_type #th-commodity-type-name,
  .table-table_commodity_type .commondity-type-name,
  .table-table_commodity_group #th-commodity-group-name,
  .table-table_commodity_group .commondity-group-name{width: 170px;}
  .table-table_commodity_type #th-commodity-type-note,
  .table-table_commodity_type .commondity-type-note,
  .table-table_commodity_group #th-commodity-group-note,
  .table-table_commodity_group .commondity-group-note{width: 200px;}
  .table-table_sub_group #th-sub-group-sub-group-code,
  .table-table_sub_group .sub-group-code{width: 80px;}
  .table-table_sub_group #th-sub-group-sub-group-name,
  .table-table_sub_group .sub-group-name{width: 150px;}
  .table-table_sub_group #th-sub-group-by-group-name,
  .table-table_sub_group .sub-group-by-group-name{width: 150px;}
  .table-table_sub_group #th-sub-group-note,
  .table-table_sub_group .sub-group-note{width: 100px;}
  .table-table_whsetting_units #th-whsetting-units-note,
  .table-table_whsetting_units .whsetting-units-note{width: 100px;}
  .table-table_whsetting_colors #th-whsetting-color-code,
  .table-table_whsetting_colors .color-code{width: 80px;}
  .table-table_whsetting_colors #th-whsetting-color-name,
  .table-table_whsetting_colors .color-name{width: 80px;}
  .table-table_whsetting_colors #th-whsetting-color-note,
  .table-table_whsetting_colors .color-note{width: 100px;}
  .table-table_whsetting_bodys #th-whsetting-model-code,
  .table-table_whsetting_bodys .model-code{width: 80px}
  .table-table_whsetting_bodys #th-whsetting-model-name,
  .table-table_whsetting_bodys .model-name{width: 80px}
  .table-table_whsetting_bodys #th-whsetting-bodys-note,
  .table-table_whsetting_bodys .bodys-note{width: 100px;}
  .table-table_whsetting_sizes #th-whsetting-size-code,
  .table-table_whsetting_sizes .size-code{width: 100px;}
  .table-table_whsetting_sizes #th-whsetting-size-name,
  .table-table_whsetting_sizes .size-name{width: 100px;}
  .table-table_whsetting_sizes #th-whsetting-size-note,
  .table-table_whsetting_sizes .size-note{width: 100px;}
  .table-table_whsetting_styles #th-whsetting-style-code,
  .table-table_whsetting_styles .style-code,
  .table-table_whsetting_styles #th-whsetting-style-name,
  .table-table_whsetting_styles .style-name{width: 100px;}
  .table-table_whsetting_styles #th-whsetting-style-barcode,
  .table-table_whsetting_styles .style-barcode{width: 100px;}
  .table-table_whsetting_styles #th-whsetting-style-note,
  .table-table_whsetting_styles .style-note{width: 100px;}
  .table-table_whsetting_custom_field #th-custom-fields-name,
  .table-table_whsetting_custom_field .custom-fields-name{width: 600px;}
  .table-table_whsetting_approval_setting #th-whsetting-approval-name,
  .table-table_whsetting_approval_setting .approval-name{width: 600px;}
  .table-all-contacts #th-purchase-contact-client-email,
  .table-all-contacts .purchase-contact-email{width: 150px;}
  .table-all-contacts #th-purchase-contact-company-name,
  .table-all-contacts .purchase-contact-company-name{width: 300px;}
  .table-all-contacts #th-purchase-contact-position,
  .table-all-contacts .purchase-contact-position{width: 100px;}
  .table-vendor_contacts #th-pur-vendor-contact-client-name,
  .table-vendor_contacts .pur-vendor-contact-client-name{width: 200px;}
  .table-vendor_contacts #th-pur-vendor-contact-position,
  .table-vendor_contacts .pur-vendor-contact-position{width: 150px;}
  .table-table_pur_order #th-pur-vendor-name,
  .table-table_pur_order .vendor-name{width: 100px;}
  .table-table_pur_order #th-pur-vendor-purchase-order,
  .table-table_pur_order .purchase-order-code{width: 80px;}
  .table-table_pur_vendor_expenses #th-pur-vendor-expenses-category,
  .table-table_pur_vendor_expenses .category-name{width: 170px;}
  .table-table_pur_vendor_expenses #th-pur-vendor-expenses-name,
  .table-table_pur_vendor_expenses .expenses-name{width: 200px;}
  .table-vendor-items #th-vendor-item-vendors,
  .table-vendor-items .vendors-name{width: 500px;}
  .table-vendor-items #th-vendor-item-items,
  .table-vendor-items .items-name{width: 500px;}
  .table-table_pur_request #th-pur-rq-code,
  .table-table_pur_request .pur-rq-code{width: 120px;}
  .table-table_pur_request #th-pur-rq-name,
  .table-table_pur_request .pur-rq-name{width: 120px;}
  .table-pur_estimates #th-vendor-name,
  .table-pur_estimates .vendor-name{width: 250px;}
  .table-pur_estimates #th-pur-request,
  .table-pur_estimates .pur-rq-code{width: 150px;}
  .table-table_pur_invoices #th-contract,
  .table-table_pur_invoices .contract-name{width: 300px}
  .table-table_pur_invoices #th-pur-order,
  .table-table_pur_invoices .pur-order-code{width: 200px;}
  .table-table_pur_invoices #th-pur-vendor,
  .table-table_pur_invoices .pur-vendor-name{width: 200px;}
  .table-import-goods-report #th-product-name,
  .table-import-goods-report .product-name{width: 300px}
  .table-import-goods-report #th-pur-order-number,
  .table-import-goods-report .pur-order-number{width: 300px;}
  .table-po-report #th-purchase-order,
  .table-po-report .purchase-order{width: 200px}
  .table-po-report #th-vendor-name,
  .table-po-report .vendor-name{width: 350px;}
  .table-po-voucher-report #th-purchase-order,
  .table-po-voucher-report .purchase-order{width: 200px;}
  .table-po-voucher-report #th-project-name,
  .table-po-voucher-report .project-name{width: 100px;}
  .table-po-voucher-report #th-vendor-name,
  .table-po-voucher-report .vendor-name{width: 300px;}
  .table-purchase-inv-report #th-contract-name,
  .table-purchase-inv-report .contract-name{width: 300px;}
  .table-purchase-inv-report #th-pur-order,
  .table-purchase-inv-report .pur-order{width: 200px;}
  .table-purchase-inv-report #th-pur-vendor-name,
  .table-purchase-inv-report .pur-vendor-name{width: 250px;}
  .table-table_pur_setting_units #th-pur-setting-units-note,
  .table-table_pur_setting_units .unit-note{width: 200px;}
  .table-table_pur_setting_approval #th-approval-name,
  .table-table_pur_setting_approval .approval-name{width: 700px;}
  .table-table_pur_setting_commodity_group #th-pur-setting-commodity-group-name,
  .table-table_pur_setting_commodity_group #th-pur-setting-commodity-group-note,
  .table-table_pur_setting_commodity_group .commodity-group-name,
  .table-table_pur_setting_commodity_group .commodity-group-note{width: 200px;}
  .table-table_pur_setting_sub_group #th-sub-group-name,
  .table-table_pur_setting_sub_group .sub-group-name{width: 200px;}
  .table-table_pur_setting_sub_group #th-group-name,
  .table-table_pur_setting_sub_group .group-name{width: 200px;}
  .table-table_pur_setting_sub_group #th-note,
  .table-table_pur_setting_sub_group .sub-group-note{width: 200px;}
  .table-table_pur_setting_vendor_category #th-vc-description,
  .table-table_pur_setting_vendor_category .vc-description{width: 500px;}
  .table-banking #th-banking-description,
  .table-banking .banking-description{width: 150px;}
  .table-payslips #th-accounting-payslip-name,
  .table-payslips .accounting-payslip-name{width: 200px;}
  .table-payslips #th-accounting-payslip-template,
  .table-payslips .accounting-payslip-template{width: 150px;}
  .table-purchase-order #th-accounting-purchase-order,
  .table-purchase-order .accounting-purchase-order{width: 300px;}
  .table-purchase-payment #th-accounting-purchase-order,
  .table-purchase-payment .accounting-purchase-order{width: 200px;}
  .table-stock-export #th-accounting-customer-name,
  .table-stock-export .accounting-customer-name{width: 100px;}
  .table-stock-export #th-accounting-invoices,
  .table-stock-export .accounting-invoices{width: 100px;}
  .table-opening-stock #th-accounting-commodity-name,
  .table-opening-stock .accounting-commodity-name{width: 300px;}
  .table-journal-entry #th-journal-entry-description,
  .table-journal-entry .journal-entry-description{width: 500px;}
  .table-transfer #th-accounting-transfer-funds-from,
  .table-transfer .accounting-transfer-funds-from{width: 300px;}
  .table-transfer #th-accounting-transfer-funds-to,
  .table-transfer .accounting-transfer-funds-to{width: 300px;}
  .table-reconcile-history #th-accounting-payee,
  .table-reconcile-history .accounting-payee{width: 300px;}
  .table-reconcile-history #th-accounting-description,
  .table-reconcile-history .accounting-description{width: 150px;}
  .table-item-automatic #th-accounting-item-automatic-description,
  .table-item-automatic .accounting-item-automatic-description{width: 400px;}
  .table-payment-mode-mapping #th-accounting-payment-mode-mapping-description,
  .table-payment-mode-mapping .accounting-payment-mode-mapping-description{width: 300px;}
  .table-expense-category-mapping #th-accounting-expense-category-mapping-description,
  .table-expense-category-mapping .accounting-expense-category-mapping-description{width: 300px;}
  .table-payslip_table #th-payslip-name,
  .table-payslip_table .payslip-name{width: 150px;}
  .table-payslip_template_table #th-templates-name,
  .table-payslip_template_table .templates-name{width: 500px;}
  .table-table_widget_booking #th-purpose-name,
  .table-table_widget_booking .resource-booking-purpose,
  .table-table_widget_approved_booking #th-purpose-name,
  .table-table_widget_approved_booking .resource-booking-purpose{width: 500px}
  .table-my-reminders #th-reminder-staff-title,
  .table-my-reminders .reminder-staff-title{width: 250px;}
  .table-my-reminders #th-reminder-staff-description,
  .table-my-reminders .reminder-staff-description{width: 300px;}
  .custom-layout-authen .login-header-title{
    font-size: 20px;
    line-height: 30px;
  }
  .custom-layout-authen .login-header-subtitle{
    font-size: 12px;
    line-height: 22px;
  }
  .custom-layout-authen .alert{
    margin: 5px 0px;
    padding: 5px 15px;
  }
  .custom-layout-authen section{margin-top: 22px;}
  .custom-layout-authen .form-group{
    position: relative;
    margin-bottom: 22px;
  }
  .custom-layout-authen .form-group::before{top: 15px;}
  .custom-layout-authen .form-group>.form-control{
    padding: 14px 22px;
    padding-left: 45px;
    height: 50px;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
  }
  .custom-layout-authen .row-forget-form{
    padding: 8px 0px;
    margin-bottom: 24px;
  }
  .custom-layout-authen .col-memo-form{width: 70%;}
  .custom-layout-authen .col-forget-form{width: 30%;}
  .custom-layout-authen .col-memo-form .custom-checkbox label{
    font-weight: 700 !important;
    font-size: 12px;
    line-height: 22px;
  }
  .custom-layout-authen .col-memo-form .custom-checkbox label::before,
  .custom-layout-authen .col-memo-form .custom-checkbox label::after{top: 0px;}
  .custom-layout-authen .col-memo-form .custom-checkbox input:checked ~ label:after{top: 6px;}
  .custom-layout-authen .col-forget-form>a{
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .custom-layout-authen button[type="submit"]{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    padding: 12px 10px;
    border-radius: 8px;
  }
  .custom-layout-authen .company-logo{margin-bottom: 20px;}
  .custom-layout-authen .company-logo img{width: 100px;}
  .overview-tab-content-item>div{height: calc(100vh - 210px);}
  body.overview .card-profile .card-body{padding: 3rem 2.3rem 1.5rem;}
  body.overview .card-profile .card-body .profile-image-wrapper .profile-image img{
    width: 60px;
    height: 60px;
  }
  body.overview .card-profile .card-body .-desc h3{font-size: 1rem;}
  body.overview .card-profile .card-body .-desc h6{font-size: 0.875rem;}
  body.overview .card-profile .-action>.btn{
    padding: 5px 10px;
    font-size: 12px;
  }
  body.overview .card-user-timeline .user-timeline-title-icon{
    width: 1.25rem;
    height: 1.25rem;
  }
  body.overview .card-user-timeline .card-title{font-size: 1rem;}
  .list-newsfeed>div{height: calc(100vh - 437px);}
  .anchor-sticky{
    position: sticky;
    top: 75px;
  }
  .box-rows-goal-today .meetup-img-wrapper>img{height: 120px;}
  .box-rows-goal-today .meetup-header .todo-info>div:nth-child(1) {
    width: 45px;
    margin-right: 5px;
    padding-right: 5px;
  }
  .box-rows-goal-today .meetup-header .todo-info>div:nth-child(2) {width: calc(100% - 50px);}
  .box-rows-goal-today .todo-item .-title{font-size: 12px;}
  .todo-list-item h4.card-title{
    font-size: 1rem;
    margin-bottom: 1rem;
  }
  .box-rows-goal-today .mytodo-item{padding-right: 5px;}
  body.overview .anchor-sticky {
    position: sticky;
    top: 75px;
  }
}
@media(min-width: 1400px){
  .custom-layout-authen .login-header-title{
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
  }
  .custom-layout-authen .login-header-subtitle{
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  .custom-layout-authen .alert{
    margin: 10px 0px;
    padding: 10px 15px;
  }
  .custom-layout-authen section{margin-top: 32px;}
  .custom-layout-authen .form-group{
    position: relative;
    margin-bottom: 32px;
  }
  .custom-layout-authen .form-group::before{top: 20px;}
  .custom-layout-authen .form-group>.form-control{
    padding: 16px 24px;
    padding-left: 45px;
    height: 56px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
  }
  .custom-layout-authen .row-forget-form{
    padding: 8px 0px;
    margin-bottom: 32px;
  }
  .custom-layout-authen .col-memo-form{width: 70%;}
  .custom-layout-authen .col-forget-form{width: 30%;}
  .custom-layout-authen .col-memo-form .custom-checkbox label{
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 24px;
  }
  .custom-layout-authen .col-memo-form .custom-checkbox label::before,
  .custom-layout-authen .col-memo-form .custom-checkbox label::after{top: 2px;}
  .custom-layout-authen .col-memo-form .custom-checkbox input:checked ~ label:after{top: 8px;}
  .custom-layout-authen .col-forget-form>a{
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.3px;
  }
  .custom-layout-authen button[type="submit"]{
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    padding: 16px 10px;
    border-radius: 8px;
  }
  .custom-layout-authen .company-logo{margin-bottom: 25px;}
  .custom-layout-authen .company-logo img{width: 100px;}
  body.overview .card-profile .card-body .-desc h3 {font-size: 1.5rem;}
  body.overview .card-profile .card-body .-desc h6 {font-size: 1rem;}
  body.overview .card-profile .card-body .profile-image-wrapper .profile-image img {
    width: 80px;
    height: 80px;
  }
  body.overview .card-profile .card-body {padding: 4rem 2.3rem 1.5rem;}
  body.overview .card-user-timeline .card-title {font-size: 1.175rem;}
  .list-newsfeed>div{height: calc(100vh - 460px);}
  .widget-statistics .card-statistics .card-header{
    padding-left: 1.5rem;
    padding-bottom: 0.75rem;
  }
  .widget-statistics .card-statistics .statistics-body{padding: 1rem 1.5rem !important;}
  .widget-statistics .card-statistics .statistics-body .avatar .avatar-content{
    width: 40px;
    height: 40px;
  }
  .widget-statistics .card-statistics .statistics-body .avatar .avatar-content .avatar-icon{
    width: 20px;
    height: 20px;
  }
  .widget-congratulation .card-congratulation-medal .congratulation-medal{
    right: 17px;
    height: 80px;
  }
  .table-my-reminders #th-reminder-staff-title,
  .table-my-reminders .reminder-staff-title{width: 300px;}
  .table-my-reminders #th-reminder-staff-description,
  .table-my-reminders .reminder-staff-description{width: 300px;}
}
@media(min-width: 1400px) and (max-width: 1600px){
  .table-sales-invoice #th_sales_invoice_company_name,
  .table-sales-invoice .sales-invoice-company-name{width: 250px;}
  .table-table_booking #th-purpose-name,
  .table-table_booking .resource-booking-purpose{width: 200px;}
  body.view_project_roadmap .note-table-responsive,
  body.small-table .note-table-responsive{
    width: 40%;
    -webkit-transform: translateY(-40px) translateX(40px);
            transform: translateY(-40px) translateX(40px);
    line-height: 1.4;
    font-size: 11px;
  }
  .table-table_manage_goods_receipt #th_day_vouchers,
  .table-table_manage_goods_receipt #th_total_tax_money,
  .table-table_manage_goods_receipt #th_total_goods_money,
  .table-table_manage_goods_receipt #th_value_of_inventory{width: 80px;}
  .table-table_manage_goods_receipt #th_total_money{width: 100px;}
  .table-table_manage_goods_receipt .receipt-code,
  .table-table_manage_goods_receipt #th_stock_received_docket_code{width: 80px;}
  .table-table_manage_goods_receipt .receipt-supplier-name,
  .table-table_manage_goods_receipt #th_supplier_name{width: 150px;}
  .table-table_manage_goods_receipt #th_Buyer{width: 80px;}
  .table-table_manage_goods_receipt .receipt-buyer{width: 40px;}
  .table-table_manage_goods_receipt .receipt-order-code,
  .table-table_manage_goods_receipt #th_reference_purchase_order{width: 150px;}
  .table-table_whsetting_custom_field #th-custom-fields-name,
  .table-table_whsetting_custom_field .custom-fields-name{width: 700px;}
  .table-table_whsetting_approval_setting #th-whsetting-approval-name,
  .table-table_whsetting_approval_setting .approval-name{width: 700px;}
  body.small-table .table-table_manage_goods_receipt .receipt-code,
  body.small-table .table-table_manage_goods_receipt #th_stock_received_docket_code{width: 140px;}
  body.small-table .table-table_manage_goods_receipt #th_day_vouchers{
    width: 110px;
    white-space: nowrap;
  }
  .table-table_pur_order #th-pur-vendor-name,
  .table-table_pur_order .vendor-name{width: 150px;}
  .table-table_pur_order #th-pur-vendor-purchase-order,
  .table-table_pur_order .purchase-order-code{width: 150px;}
  .table-table_pur_order.scroll-responsive #th-purchase-order,
  .table-table_pur_order.scroll-responsive .purchase-order-code{width: 200px;}
  .table-table_pur_order.scroll-responsive #th-vendor-name,
  .table-table_pur_order.scroll-responsive .vendor-name{width: 300px;}
  .table-table_pur_invoices #th-contract,
  .table-table_pur_invoices .contract-name{width: 300px}
  .table-table_pur_invoices #th-pur-order,
  .table-table_pur_invoices .pur-order-code{width: 200px;}
  .table-table_pur_invoices #th-pur-vendor,
  .table-table_pur_invoices .pur-vendor-name{width: 200px;}
  .table-table_widget_booking #th-purpose-name,
  .table-table_widget_booking .resource-booking-purpose,
  .table-table_widget_approved_booking #th-purpose-name,
  .table-table_widget_approved_booking .resource-booking-purpose{width: 250px;}
  .table-my-reminders #th-reminder-staff-title,
  .table-my-reminders .reminder-staff-title{width: 300px;}
  .table-my-reminders #th-reminder-staff-description,
  .table-my-reminders .reminder-staff-description{width: 350px;}
}
@media(min-width: 1600px){
  .mx-xl-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .col-xxl-2{
    width: 16.66666667%;
  }
  .col-xxl-10{
    width: 83.33333333%;
  }
  .note-table-responsive{
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
    height: 0px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .note-table-responsive.-basic{
    height: auto;
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  body.warehouse.commodity_list .note-table-responsive{-webkit-transform: translateY(-32px);transform: translateY(-32px);}
  body.view_project_roadmap .note-table-responsive,
  body.small-table .note-table-responsive{
    width: 40%;
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    line-height: 1.4;
    font-size: 14px;
  }
  .table-clients .clients-company-name,
  .table-clients #th-company{
    width: 700px;
  }
  .table-clients .clients-email,
  .table-clients #th-primary-contact-email{
    width: 180px;
  }
  .table-leads .leads-user-name{
    width: 130px;
  }
  .table-leads .leads-company-name{
    width: 400px;
  }
  .table-leads .leads-email{
    width: 180px;
  }
  .table-table_user .loyalty-company-name,
  .table-table_user #th-loyalty-client{
    width: 900px;
  }
  .table-table_user .loyalty-email,
  .table-table_user #th-loyalty-email{
    width: 250px;
  }
  .table-table_booking #th-purpose-name,
  .table-table_booking .resource-booking-purpose{
    width: 450px;
  }
  .table-projects .projects-name,
  .table-projects #th_project_name{
    width: 150px;
  }
  .table-projects .projects-company-name,
  .table-projects #th_project_customer{
    width: 300px;
  }
  .table-projects-single-client .projects-name,
  .table-projects-single-client #th_project_name{
    width: 500px;
  }
  .table-tasks .tasks-dt-name,
  .table-tasks .tasks-rel-name,
  .table-tasks #th_tasks_dt_name,
  .table-tasks-overview .tasks-dt-name,
  .table-tasks-overview .tasks-rel-name,
  .table-tasks-overview #th_tasks_dt_name,
  .table-rel-tasks .tasks-dt-name,
  .table-rel-tasks .tasks-rel-name,
  .table-rel-tasks #th_tasks_dt_name,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-dt-name,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-rel-name,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-rel-tasks #th_tasks_dt_name,
  .right-column.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-dt-name,
  .right-column.col-md-12:not(.col-md-7) .table-rel-tasks .tasks-rel-name,
  .right-column.col-md-12:not(.col-md-7) .table-rel-tasks #th_tasks_dt_name{width: 600px;}
  .table-list-report .report-logs-call-title,
  .table-call-logs .report-logs-call-title{width: 250px;}
  .table-list-report .report-logs-call-content,
  .table-call-logs .report-logs-call-content{width: 400px;}
  .small-table-right-col.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-dt-name,
  .small-table-right-col.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-rel-name,
  .small-table-right-col.col-md-7:not(.col-md-12) .table-rel-tasks #th_tasks_dt_name,
  .right-column.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-dt-name,
  .right-column.col-md-7:not(.col-md-12) .table-rel-tasks .tasks-rel-name,
  .right-column.col-md-7:not(.col-md-12) .table-rel-tasks #th_tasks_dt_name{width: 200px;}
  .table-table_manage_goods_receipt #th_day_vouchers,
  .table-table_manage_goods_receipt #th_total_tax_money,
  .table-table_manage_goods_receipt #th_total_goods_money,
  .table-table_manage_goods_receipt #th_value_of_inventory,
  .table-table_manage_goods_receipt #th_total_money{
    white-space: nowrap;
    width: auto;
  }
  .table-table_manage_goods_receipt .receipt-code,
  .table-table_manage_goods_receipt #th_stock_received_docket_code{width: 80px;}
  body.small-table .table-table_manage_goods_receipt .receipt-code,
  body.small-table .table-table_manage_goods_receipt #th_stock_received_docket_code{width: 130px;}
  .table-table_manage_goods_receipt .receipt-supplier-name,
  .table-table_manage_goods_receipt #th_supplier_name{width: 250px;}
  .table-table_manage_goods_receipt #th_supplier_name{white-space: nowrap;}
  .table-table_manage_goods_receipt #th_Buyer{width: 80px;}
  .table-table_manage_goods_receipt .receipt-buyer{width: 70px;}
  .table-table_manage_goods_receipt .receipt-order-code,
  .table-table_manage_goods_receipt #th_reference_purchase_order{width: 250px;}
  .table-vendors #th-company,
  .table-vendors .vendors-company-name{
    width: 450px;
  }
  .table-vendors #th-primary-contact,
  .table-vendors .vendors-contact-name{
    width: 150px;
  }
  .table-vendors #th-primary-contact-email,
  .table-vendors .vendors-email{
    width: 180px;
  }
  .table-vendors .list-tags .view-tags-labels-more,
  .table-vendors .list-tags .view-tags-labels-more>span.label{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .table-table_item_list .purchase-items-code,
  .table-table_item_list #th_commodity_code,
  table[class*="table-table_assets"] .assets-code,
  table[class*="table-table_assets"] .th-asset-code,
  table[class*="table-table_assets"] .liquidation-code,
  table[class*="table-table_assets"] .warranty-code,
  table[class*="table-table_assets"] .broken-code,
  table[class*="table-table_assets"] .lost-code{
    width: 80px;
  }
  .table-table_item_list .purchase-items-description,
  .table-table_item_list #th_commodity_name,
  table[class*="table-table_assets"] #th-asset-name{
    width: 700px;
  }
  .table-estimate-custom #th-estimate-dt-table-heading-number,
  .table-estimate-custom .estimate-code{
  /* .table-invoice-custom #th-invoice-dt-table-heading-number,
  .table-invoice-custom .invoice-code{ */
    width: 80px;
  }
  .table-estimate-custom .estimate-reference_no,
  .table-estimates-single-client .estimate-reference_no{
    width: 100px;
  }
  .table-estimate-custom #th-estimate-dt-table-heading-client,
  .table-estimate-custom .estimate-company-name,
  .table-invoice-custom #th-invoice-dt-table-heading-client,
  .table-invoice-custom .invoice-company-name{
    width: 450px;
  }
  .table-estimate-custom #th-estimate-project,
  .table-estimate-custom .estimate-project-name,
  .table-invoice-custom #tth-invoice-project,
  .table-invoice-custom .invoice-project-name{
    width: 80px;
  }
  .table-payments #th-payments_table_invoicenumber_heading,
  .table-payments .payment-invoice-code{
    width: 70px;
  }
  .table-payments #th-payments-table-client-heading,
  .table-payments .payment-company-name{
    width: 1070px;
  }
  .table-appointments #th-appointment-subject,
  .table-appointments .appointments-name{
    width: 300px;
  }
  .table-appointments #th-appointment-description{/*width: 500px;*/}
  .table-contracts #th-contract-list-subject,
  .table-contracts .contract-subject-name{
    width: 250px;
  }
  .table-contracts #th-contract-list-client,
  .table-contracts .contract-company-name{
    width: 500px;
  }
  .table-contracts #th-contract-types-list-name,
  .table-contracts .contract-type-name,
  .table-contracts-single-client #th-contract-types-list-name,
  .table-contracts-single-client .contract-type-name{
    width: 120px;
  }
  .table-contracts #th-contract-project-name,
  .table-contracts .contract-project-name,
  .table-contracts-single-client #th-contract-project-name,
  .table-contracts-single-client .contract-project-name{
    width: 70px;
  }
  .table-contracts-single-client #th-contract-list-subject,
  .table-contracts-single-client .contract-subject-name{
    width: 700px;
  }
  .table-store_sync_v2 #th_sync_omni_sales_products{width: 100px;}
  .table-store_sync_v2 #th_sync_omni_sales_inventorys{width: 90px;}
  .table-store_sync_v2 #th_price_crm_woo{width: 80px;}
  .table-store_sync_v2 #th_sync_omni_sales_description{width: 130px;}
  .table-store_sync_v2 #th_sync_omni_sales_images{width: 130px;}
  .table-store_sync_v2 #th_sync_omni_sales_orders{width: 90px;}
  .table-store_sync_v2 #th_product_info_image_enable_disable{width: 100px;}
  .table-store_sync_v2 #th_option{width: 80px;}
  .table-store_sync_v2 #th_store_name{width: calc(100% - 800px);}
  .table-channel-woocommerce #th_name_channel,
  .table-channel-woocommerce #th_url,
  .table-channel-woocommerce .woocommerce-store-name,
  .table-channel-woocommerce .woocommerce-store-url{
    width: 500px;
  }
  .table-invoice-items #th_invoice_items_list_description,
  .table-invoice-items .invoice-description{
    width: 500px;
  }
  .table-invoice-items #th_invoice_item_long_description,
  .table-invoice-items .invoice-long-description{
    width: 500px;
  }
  .table-invoiceProducts #th_service_invoice_name,
  .table-invoiceProducts .service-invoice-name{width: 150px;}
  .table-invoiceProducts #th_service_invoice_description,
  .table-invoiceProducts .service-invoice-description{width: 250px;}
  .table-invoiceProducts #th_service_invoice_link,
  .table-invoiceProducts .service-invoice-link{width: 400px;}
  .table-invoiceProducts #th-invoice-products-client-name,
  .table-invoiceProducts .service-invoice-customer-name{width: 700px;}
  .table-invoiceProducts #th-invoice-product-group-client-name,
  .table-invoiceProducts .service-invoice-customer-group{width: 100px;}
  .table-expenses #th_expense_dt_table_heading_category,
  .table-expenses .expenses-category-name,
  .table-expenses-single-client #th_expense_dt_table_heading_category,
  .table-expenses-single-client .expenses-category-name{width: 110px;}
  .table-expenses #th_expense_name,
  .table-expenses .expenses-name,
  .table-expenses-single-client #th_expense_name,
  .table-expenses-single-client .expenses-name{width: 200px;}
  .table-expenses #th_expense_receipt,
  .table-expenses .expenses-file-name,
  .table-expenses-single-client #th_expense_receipt,
  .table-expenses-single-client .expenses-file-name{width: 200px;}
  .table-expenses #th_expense_dt_table_heading_customer,
  .table-expenses .expenses-company-name,
  .table-expenses-single-client #th_expense_dt_table_heading_customer,
  .table-expenses-single-client .expenses-company-name{width: 280px;}
  .table-expenses #th_expense_dt_table_project_name,
  .table-expenses .expenses-project-name,
  .table-expenses-single-client #th_expense_dt_table_project_name,
  .table-expenses-single-client .expenses-project-name{width: 60px;}
  .table-expenses #th_expense_dt_table_reference_no,
  .table-expenses .expenses-reference-no,
  .table-expenses-single-client #th_expense_dt_table_reference_no,
  .table-expenses-single-client .expenses-reference-no{width: 60px;}
  .table-project-expenses #th_expense_dt_table_heading_category,
  .table-project-expenses .expenses-category-name{width: 100px;}
  .table-project-expenses #th_expense_name,
  .table-project-expenses .expenses-name{width: 550px;}
  .table-project-expenses #th_expense_receipt,
  .table-project-expenses .expenses-file-name{width: 300px;}
  .table-project-expenses #th_expense_dt_table_reference_no,
  .table-project-expenses .expenses-reference-no{width: 150px;}
  .okr-report-name{width: 200px;}
  .timesheets_requisition_manage-name{width: 200px;}
  .table-sales-invoice #th_sales_invoice_company_name,
  .table-sales-invoice .sales-invoice-company-name{width: 500px;}
  .table-expenses #th-expenses-payment-date,
  .table-sales-invoice #th_sales_invoice_payment-date{white-space: nowrap;}
  .table-expenses #th-accounting-expenses-name,
  .table-expenses .accounting-expenses-name{width: 400px;}
  .table-zoom-appointment #th-zoom-appointment-customer-name,
  .table-zoom-appointment .zoom-appointment-customer-name,
  .table-zoom-appointment #th-zoom-appointment-customer-email,
  .table-zoom-appointment .zoom-appointment-customer-email{width: 260px;}
  .table-table_transation #th-loyalty-transation-client-name,
  .table-table_transation .loyalty-transation-client-name,
  .table-table_redeem_log #th-loyalty-redeem-log-client-name,
  .table-table_redeem_log .loyalty-redeem-log-client-name{width: 700px;}
  .table-table_membership_program #th-membership-program-name,
  .table-table_membership_program .membership-program-name{width: 400px;}
  .table-table_loyalty_rule #th-loyalty-rule-name,
  .table-table_loyalty_rule .loyalty-rule-name{width: 500px;}
  .table-membership-program-detail #th-membership-program-detail-name,
  .table-membership-program-detail .membership-program-detail-name{width: 700px;}
  .table-loyalty-program-detail #th-loyalty-program-detail-name,
  .table-loyalty-program-detail .loyalty-program-detail-name{width: 1200px;}
  .table-purchaseLog #th-purchase-log-product-name,
  .table-purchaseLog .purchase-log-product-name{width: 100px;}
  .table-purchaseLog #th-purchase-log-client,
  .table-purchaseLog .purchase-log-client{width: 500px;}
  .table-timesheets-report #th-staff-timesheets-task-name{width: 300px;}
  .table-timesheets-report .staff-timesheets-task-name{width: 150px;}
  .table-timesheets-report #th-staff-timesheets-note,
  .table-timesheets-report .staff-timesheets-note{width: 200px;}
  .table-timesheets-report #th-staff-timesheets-rel-name,
  .table-timesheets-report .staff-timesheets-rel-name{width: 400px;}
  .table-table_resource_group #th-resource-group-name,
  .table-table_resource_group .resource-group-name{width: 900px;}
  .table-table_resource #th-resources-name,
  .table-table_resource .resources-name{width: 500px;}
  .table-table_resource #th-resources-group-name,
  .table-table_resource .resources-group-name{width: 500px;}
  .table-articles #th-kb-dt-article-name,
  .table-articles .article-name{width: 1000px;}
  .table-reminders #th-reminder-description,
  .table-reminders .reminders-description,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-reminders #th-reminder-description,
  .small-table-right-col.col-md-12:not(.col-md-7) .table-reminders .reminders-description,
  .right-column.col-md-12:not(.col-md-7) .table-reminders #th-reminder-description,
  .right-column.col-md-12:not(.col-md-7) .table-reminders .reminders-description{width: 1000px;}
  .small-table-right-col.col-md-7:not(.col-md-12) .table-reminders #th-reminder-description,
  .small-table-right-col.col-md-7:not(.col-md-12) .table-reminders .reminders-description,
  .right-column.col-md-7:not(.col-md-12) .table-reminders #th-reminder-description,
  .right-column.col-md-7:not(.col-md-12) .table-reminders .reminders-description{width: 350px;}
  .table-kb-manage-groups #th-kb-manage-group-name,
  .table-kb-manage-groups .kb-manage-group-name{width: 1000px;}
  .table-timesheets #th-project-timesheet-task,
  .table-timesheets .project-timesheet-task{width: 350px;}
  .table-timesheets #th-project-timesheet-note,
  .table-timesheets .project-timesheet-note{width: 200px;}
  .table-milestones #th-milestone-name,
  .table-milestones .milestone-name{width: 500px;}
  .table-milestones #th-milestone-description,
  .table-milestones .milestone-description{width: 500px;}
  .table-project-discussions #th-project-discussion-subject,
  .table-project-discussions .project-discussion-subject{width: 800px;}
  .table-table_task_filter #th-task-filter-name,
  .table-table_task_filter .task-filter-name{width: 1000px;}
  .table-manage-dayoff #th-reason-holidays,
  .table-manage-dayoff .reason-holidays{width: 1200px;}
  .table-project_roadmap #th-roadmap-project-name,
  .table-project_roadmap .roadmap-project-name{width: 450px;}
  .table-project_roadmap_dt #th-roadmap-project-name,
  .table-project_roadmap_dt .main-tasks-table-href-name{width: 300px;}
  .table-project_roadmap_dt #th-roadmap-milestones-name,
  .table-project_roadmap_dt .roadmap-milestones-name{width: 300px;}
  .table-table_out_of_stock #th-commodity-name{width: 300px !important;}
  .table-table_out_of_stock .modal-commodity-name{width: 300px;}
  .table-table_expired #th-commodity-name{width: 300px !important;}
  .table-table_expired .modal-commodity-name{width: 300px;}
  .table-pur-order-single-client #th-purchase-order-single-client,
  .table-pur-order-single-client .purchase-order-single-client{width: 1000px;}
  .table-table_manage_delivery #th-customer-name,
  .table-table_manage_delivery .delivery-customer-name{width: 400px;}
  .table-table_manage_delivery #th-invoices,
  .table-table_manage_delivery .delivery-company-name{width: 200px;}
  .table-table_manage_delivery #th-address,
  .table-table_manage_delivery .delivery-address{width: 200px;}
  .table-table_internal_delivery #th-internal-delivery-note,
  .table-table_internal_delivery .internal-delivery-code{width: 500px;}
  body.small-table .table-table_internal_delivery #th-internal-delivery-note,
  body.small-table .table-table_internal_delivery .internal-delivery-code{width: 250px;}
  .table-loss_adjustment #th-reason-description,
  .table-loss_adjustment .loss-adjustment-reason{width: 700px;}
  .table-table_warehouse_name #th-warehouse-name,
  .table-table_warehouse_name .warehouse-name{width: 250px}
  .table-table_warehouse_name #th-warehouse-address,
  .table-table_warehouse_name .warehouse-address{width: 250px;}
  .table-table_warehouse_name #th-warehouse-note,
  .table-table_warehouse_name .warehouse-note{width: 400px;}
  .table-table_warehouse_name_detail #th-commodity-name,
  .table-table_warehouse_name_detail .commodity-name{width: 400px;}
  .table-table_inventory_inside #th-commodity-name,
  .table-table_inventory_inside .commodity-name{width: 700px;}
  .table-table_commodity_type #th-commodity-type-code,
  .table-table_commodity_type .commondity-type-code,
  .table-table_commodity_group #th-commodity-group-code,
  .table-table_commodity_group .commondity-group-code{width: 80px;}
  .table-table_commodity_type #th-commodity-type-name,
  .table-table_commodity_type .commondity-type-name,
  .table-table_commodity_group #th-commodity-group-name,
  .table-table_commodity_group .commondity-group-name{width: 400px;}
  .table-table_commodity_type #th-commodity-type-note,
  .table-table_commodity_type .commondity-type-note,
  .table-table_commodity_group #th-commodity-group-note,
  .table-table_commodity_group .commondity-group-note{width: 400px;}
  .table-table_sub_group #th-sub-group-sub-group-code,
  .table-table_sub_group .sub-group-code{width: 80px;}
  .table-table_sub_group #th-sub-group-sub-group-name,
  .table-table_sub_group .sub-group-name{width: 200px;}
  .table-table_sub_group #th-sub-group-by-group-name,
  .table-table_sub_group .sub-group-by-group-name{width: 200px;}
  .table-table_sub_group #th-sub-group-note,
  .table-table_sub_group .sub-group-note{width: 200px;}
  .table-table_whsetting_units #th-whsetting-units-note,
  .table-table_whsetting_units .whsetting-units-note{width: 300px;}
  .table-table_whsetting_colors #th-whsetting-color-code,
  .table-table_whsetting_colors .color-code{width: 100px;}
  .table-table_whsetting_colors #th-whsetting-color-name,
  .table-table_whsetting_colors .color-name{width: 100px;}
  .table-table_whsetting_colors #th-whsetting-color-note,
  .table-table_whsetting_colors .color-note{width: 400px;}
  .table-table_whsetting_bodys #th-whsetting-model-code,
  .table-table_whsetting_bodys .model-code{width: 100px}
  .table-table_whsetting_bodys #th-whsetting-model-name,
  .table-table_whsetting_bodys .model-name{width: 100px}
  .table-table_whsetting_bodys #th-whsetting-bodys-note,
  .table-table_whsetting_bodys .bodys-note{width: 400px;}
  .table-table_whsetting_sizes #th-whsetting-size-code,
  .table-table_whsetting_sizes .size-code{width: 100px;}
  .table-table_whsetting_sizes #th-whsetting-size-name,
  .table-table_whsetting_sizes .size-name{width: 300px;}
  .table-table_whsetting_sizes #th-whsetting-size-note,
  .table-table_whsetting_sizes .size-note{width: 300px;}
  .table-table_whsetting_styles #th-whsetting-style-code,
  .table-table_whsetting_styles .style-code,
  .table-table_whsetting_styles #th-whsetting-style-name,
  .table-table_whsetting_styles .style-name{width: 100px;}
  .table-table_whsetting_styles #th-whsetting-style-barcode,
  .table-table_whsetting_styles .style-barcode{width: 200px;}
  .table-table_whsetting_styles #th-whsetting-style-note,
  .table-table_whsetting_styles .style-note{width: 300px;}
  .table-table_whsetting_custom_field #th-custom-fields-name,
  .table-table_whsetting_custom_field .custom-fields-name{width: 1050px;}
  .table-table_whsetting_approval_setting #th-whsetting-approval-name,
  .table-table_whsetting_approval_setting .approval-name{width: 1050px;}
  .table-all-contacts #th-purchase-contact-client-email,
  .table-all-contacts .purchase-contact-email{width: 150px;}
  .table-all-contacts #th-purchase-contact-company-name,
  .table-all-contacts .purchase-contact-company-name{width: 600px;}
  .table-all-contacts #th-purchase-contact-position,
  .table-all-contacts .purchase-contact-position{width: 150px;}
  .table-vendor_contacts #th-pur-vendor-contact-client-name,
  .table-vendor_contacts .pur-vendor-contact-client-name{width: 500px;}
  .table-vendor_contacts #th-pur-vendor-contact-position,
  .table-vendor_contacts .pur-vendor-contact-position{width: 150px;}
  .table-table_contracts #th-pur-vendor-name,
  .table-table_contracts #th-vendor-name,
  .table-table_contracts .vendor-name{width: 300px;}
  .table-table_contracts #th-pur-vendor-contract-description,
  .table-table_contracts #th-contract-description,
  .table-table_contracts .contract-name{width: 300px;}
  .table-table_pur_order #th-pur-vendor-name,
  .table-table_pur_order .vendor-name{width: 300px;}
  .table-table_pur_order #th-pur-vendor-purchase-order,
  .table-table_pur_order .purchase-order-code{width: 200px;}
  .table-table_pur_order.scroll-responsive #th-purchase-order,
  .table-table_pur_order.scroll-responsive .purchase-order-code{width: 200px;}
  .table-table_pur_order.scroll-responsive #th-vendor-name,
  .table-table_pur_order.scroll-responsive .vendor-name{width: 300px;}
  .table-table_pur_vendor_expenses #th-pur-vendor-expenses-category,
  .table-table_pur_vendor_expenses .category-name{width: 170px;}
  .table-table_pur_vendor_expenses #th-pur-vendor-expenses-name,
  .table-table_pur_vendor_expenses .expenses-name{width: 600px;}
  .table-vendor-items #th-vendor-item-vendors,
  .table-vendor-items .vendors-name{width: 700px;}
  .table-vendor-items #th-vendor-item-items,
  .table-vendor-items .items-name{width: 700px;}
  .table-table_pur_request #th-pur-rq-code,
  .table-table_pur_request .pur-rq-code{width: 150px;}
  .table-table_pur_request #th-pur-rq-name,
  .table-table_pur_request .pur-rq-name{width: 400px;}
  .table-pur_estimates #th-vendor-name,
  .table-pur_estimates .vendor-name{width: 500px;}
  .table-pur_estimates #th-pur-request,
  .table-pur_estimates .pur-rq-code{width: 150px;}
  .table-table_pur_invoices #th-contract,
  .table-table_pur_invoices .contract-name{width: 300px}
  .table-table_pur_invoices #th-pur-order,
  .table-table_pur_invoices .pur-order-code,
  .table-table_pur_invoices #th-pur-vendor,
  .table-table_pur_invoices .pur-vendor-name{width: 200px;}
  .table-import-goods-report #th-product-name,
  .table-import-goods-report .product-name{width: 500px;}
  .table-import-goods-report #th-pur-order-number,
  .table-import-goods-report .pur-order-number{width: 500px;}
  .table-po-report #th-purchase-order,
  .table-po-report .purchase-order{width: 200px;}
  .table-po-report #th-vendor-name,
  .table-po-report .vendor-name{width: 500px;}
  .table-po-voucher-report #th-purchase-order,
  .table-po-voucher-report .purchase-order{width: 200px;}
  .table-po-voucher-report #th-project-name,
  .table-po-voucher-report .project-name{width: 100px;}
  .table-po-voucher-report #th-vendor-name,
  .table-po-voucher-report .vendor-name{width: 400px;}
  .table-purchase-inv-report #th-contract-name,
  .table-purchase-inv-report .contract-name{width: 500px;}
  .table-purchase-inv-report #th-pur-order,
  .table-purchase-inv-report .pur-order{width: 200px;}
  .table-purchase-inv-report #th-pur-vendor-name,
  .table-purchase-inv-report .pur-vendor-name{width: 250px;}
  .table-table_pur_setting_units #th-pur-setting-units-note,
  .table-table_pur_setting_units .unit-note{width: 400px;}
  .table-table_pur_setting_approval #th-approval-name,
  .table-table_pur_setting_approval .approval-name{width: 1000px;}
  .table-table_pur_setting_commodity_group #th-pur-setting-commodity-group-name,
  .table-table_pur_setting_commodity_group #th-pur-setting-commodity-group-note,
  .table-table_pur_setting_commodity_group .commodity-group-name,
  .table-table_pur_setting_commodity_group .commodity-group-note{width: 400px;}
  .table-table_pur_setting_sub_group #th-sub-group-name,
  .table-table_pur_setting_sub_group .sub-group-name{width: 250px;}
  .table-table_pur_setting_sub_group #th-group-name,
  .table-table_pur_setting_sub_group .group-name{width: 250px;}
  .table-table_pur_setting_sub_group #th-note,
  .table-table_pur_setting_sub_group .sub-group-note{width: 400px;}
  .table-table_pur_setting_vendor_category #th-vc-description,
  .table-table_pur_setting_vendor_category .vc-description{width: 1000px;}
  .table-banking #th-banking-description,
  .table-banking .banking-description{width: 300px;}
  .table-payslips #th-accounting-payslip-name,
  .table-payslips .accounting-payslip-name{width: 200px;}
  .table-payslips #th-accounting-payslip-template,
  .table-payslips .accounting-payslip-template{width: 150px;}
  .table-purchase-order #th-accounting-purchase-order,
  .table-purchase-order .accounting-purchase-order{width: 300px;}
  .table-purchase-payment #th-accounting-purchase-order,
  .table-purchase-payment .accounting-purchase-order{width: 600px;}
  .table-stock-export #th-accounting-customer-name,
  .table-stock-export .accounting-customer-name{width: 300px;}
  .table-stock-export #th-accounting-invoices,
  .table-stock-export .accounting-invoices{width: 300px;}
  .table-opening-stock #th-accounting-commodity-name,
  .table-opening-stock .accounting-commodity-name{width: 600px;}
  .table-journal-entry #th-journal-entry-description,
  .table-journal-entry .journal-entry-description{width: 500px;}
  .table-transfer #th-accounting-transfer-funds-from,
  .table-transfer .accounting-transfer-funds-from{width: 500px;}
  .table-transfer #th-accounting-transfer-funds-to,
  .table-transfer .accounting-transfer-funds-to{width: 500px;}
  .table-reconcile-history #th-accounting-payee,
  .table-reconcile-history .accounting-payee{width: 600px;}
  .table-reconcile-history #th-accounting-description,
  .table-reconcile-history .accounting-description{width: 300px;}
  .table-item-automatic #th-accounting-item-automatic-description,
  .table-item-automatic .accounting-item-automatic-description{width: 800px;}
  .table-payment-mode-mapping #th-accounting-payment-mode-mapping-description,
  .table-payment-mode-mapping .accounting-payment-mode-mapping-description{width: 600px;}
  .table-expense-category-mapping #th-accounting-expense-category-mapping-description,
  .table-expense-category-mapping .accounting-expense-category-mapping-description{width: 600px;}
  .table-payslip_table #th-payslip-name,
  .table-payslip_table .payslip-name{width: 400px;}
  .table-payslip_template_table #th-templates-name,
  .table-payslip_template_table .templates-name{width: 600px;}
  .table-table_widget_booking #th-purpose-name,
  .table-table_widget_booking .resource-booking-purpose,
  .table-table_widget_approved_booking #th-purpose-name,
  .table-table_widget_approved_booking .resource-booking-purpose{width: 500px;}
  .table-contracts_about_to_expire #th_dashboard_contract_list_subject,
  .table-contracts_about_to_expire .dashboard-contract-list-subject{width: 200px;}
  .table-contracts_about_to_expire #th_dashboard_contract_list_client,
  .table-contracts_about_to_expire .dashboard-contract-list-client{width: 500px;}
  .table-my-reminders #th-reminder-staff-title,
  .table-my-reminders .reminder-staff-title{width: 300px;}
  .table-my-reminders #th-reminder-staff-description,
  .table-my-reminders .reminder-staff-description{width: 500px;}
  body.overview .card-user-timeline .user-timeline-title-icon{
    width: 1.714rem;
    height: 1.714rem;
  }
  body.overview .card-user-timeline .card-title {font-size: 1.285rem;}
  body.overview .card-profile .card-body{padding: 5rem 2.3rem 1.5rem;}
  body.overview .card-profile .card-body .profile-image-wrapper .profile-image img{
    width: 100px;
    height: 100px;
  }
  .list-newsfeed>div {height: calc(100vh - 480px);}
  .box-rows-goal-today .meetup-header .todo-info>div:nth-child(1){width: 60px;}
  .box-rows-goal-today .meetup-header .todo-info>div:nth-child(2){width: calc(100% - 130px);}
  .box-rows-goal-today .meetup-img-wrapper>img{height: 170px;}
  .box-rows-goal-today .meetup-header .todo-info>div:nth-child(1){
    width: 60px;
    padding-right: 1.3rem;
    margin-right: 1.3rem;
  }
  .box-rows-goal-today .todo-item .-title{font-size: 12px;}
  .overview-tab-content-item>div {height: calc(100vh - 260px);}
  .widget-statistics .card-statistics .card-header{
    padding-left: 1.5rem;
    padding-bottom: 0.25rem;
  }
  .widget-statistics .card-statistics .statistics-body{padding: 1rem 1.5rem!important;}
  .widget-statistics .card-statistics .statistics-body .avatar .avatar-content{
    width: 48px;
    height: 48px;
  }
  .widget-statistics .card-statistics .statistics-body .avatar .avatar-content .avatar-icon{
    width: 24px;
    height: 24px;
  }
  .widget-congratulation .card-congratulation-medal .congratulation-medal{
    right: 25px;
    height: 90px;
  }
}
/*------------------------------------ Block List Reminder */
.block-list-reminder{
  background: #fff;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.block-list-reminder ul{
  list-style: none;
  padding-left: 0px;
}
.block-list-reminder .reminder-header{
  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;
}
.block-list-reminder .reminder-header p{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70%;
  font-size: 12px;
  line-height: 1.4;
}
.block-list-reminder .reminder-header .header-action{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30%;
  text-align: right;
}
.block-list-reminder .reminder-content{
  font-size: 12px;
  font-weight: 400;
}
/*------------------------------------ Vertical Top Align Estimates Add Edit Table */
.custom-estimate-s-table .table tbody tr td{
  vertical-align: top !important;
}
.custom-estimate-s-table .table tbody .custom-fields-form-row .input-group .input-group-addon{
  min-width: 100px;
}
.custom-estimate-s-table .table tbody .life-time-periodic-group>span.bold{
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #bfcbd9;
  display: block;
}
.custom-estimate-s-table .table tbody td.quantity span,
.custom-estimate-s-table .table tbody td.amount span{
  padding-top: 9px;
  padding-bottom: 9px;
  display: block;
}
.custom-estimate-s-table .table tbody td.amount span{text-align: right;}
/*------------------------------------ Estimate Preview Table Tablesmall */
.estimate_preview_table_tablesmall table tbody>tr>td>p{
  margin-bottom: 0px;
}
/*------------------------------------ Omnisale Store Pos Bill Item */
.row-mystore-bill{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0px -10px;
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 10px;
}
.row-mystore-bill::-webkit-scrollbar{
  width: 4px;
  height: 10px;
}
.row-mystore-bill::-webkit-scrollbar-track{
  border-radius: 10px;
  background: rgb(224 224 224 / 50%);
}
.row-mystore-bill::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background: rgb(102 102 102 / 30%);
}
.col-mystore-bill{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
  padding: 0px 10px;
}
.mystore-bill-item{
  -webkit-box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);
          box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);
  border-radius: 8px;
  border: 1px solid #dce1ef;
  cursor: pointer;
}
.mystore-bill-item .block-header{
  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;
  padding: 5px 10px;
  background: #e7eff2;
  border-radius: 8px 8px 0px 0px;
  color: #272727;
  font-size: 11px;
}
.mystore-bill-item .block-body{padding: 10px;}
.mystore-bill-item .block-body .-floating-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mystore-bill-item .block-body .-floating-row+.-floating-row{margin-top: 15px;}
.mystore-bill-item .block-body .floating-label,
.mystore-bill-item .block-body .floating-content{font-size: 12px;}
.mystore-bill-item .block-body .floating-content.-company{
  height: 36px;
  overflow: hidden;
  line-height: 1.5;
}
.mystore-bill-item .block-body .floating-label{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33%;
  font-weight: 600;
}
.mystore-bill-item .block-body .floating-content{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 67%;
}
.mystore-bill-item .block-footer .-footer-status{
  padding: 5px 10px;
  background: #e7eff2;
  border-radius: 0px 0px 8px 8px;
  color: #272727;
  font-size: 11px;
  text-align: center;
}
.row-mystore-bill.-processing .mystore-bill-item .block-footer .-footer-status{
  background: rgb(3 169 244 / 50%);
  color: #272727;
}
.row-mystore-bill.-pending_payment .mystore-bill-item .block-footer .-footer-status{
  background: #ff6f00;
  color: #272727;
}
.row-mystore-bill.-finish .mystore-bill-item .block-footer .-footer-status{
  background: #2ecc71;
  color: #fff;
}
.row-mystore-bill.-cancelled .mystore-bill-item .block-footer .-footer-status{
  background: rgb(250 105 100);
  color: #fff;
}
@media (min-width: 1200px) {
  .mystore-bill-item .block-body .floating-label, .mystore-bill-item .block-body .floating-content{font-size: 11px;}
  .col-mystore-bill{width: 21%;}
}
@media(min-width: 1400px) and (max-width: 1600px){
  .mystore-bill-item .block-body .floating-label, .mystore-bill-item .block-body .floating-content{font-size: 11px;}
  .col-mystore-bill{width: 20%;}
}
@media (min-width: 1600px) {
  .mystore-bill-item .block-body .floating-label, .mystore-bill-item .block-body .floating-content{font-size: 12px;}
  .col-mystore-bill{width: 16.66666667%;}
}
/*------------------------------------ Edit XCRM Not found followed Modules */
.xcrm-card.-wiki.-empty{
  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;
  height: calc(100vh - 260px);
}
.xcrm-card.-wiki.-empty svg{
  width: 72px;
  height: 72px;
}
.xcrm-card.-wiki.-empty .wiki-empty-results{
  font-size: 14px;
}
/*------------------------------------ Overview Container */
@media (min-width: 567px) {
  .box-overview-pages .block-overview-centerapp {
    width: calc(100% - 20px);
  }
}
@media (min-width: 1200px) {
  .box-overview-pages .block-overview-centerapp {
    width: calc(100% - 20px);
  }
  .block-notification-lasted{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 15px -15px 20px;
  }
  .block-notification-lasted .block-overview-calendar{
    width: 35%;
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  .block-notification-lasted .block-overview-calendar .fc-toolbar .fc-center{margin-top: 7px;}
  .block-notification-lasted .block-overview-calendar .fc-toolbar .fc-right{margin-top: 7px;}
  .block-hello-user .block-header-title h2{font-size: 16px;}
  .block-hello-user .block-header-title .block-avatar{
    width: 150px;
    height: 150px;
  }
  .block-overview-clock .block-timezone-datetime .time{font-size: 45px;}
  .block-overview-clock .block-timezone-datetime .time > span{font-size: 28px;}
  .block-overview-clock .block-timezone-datetime .date{font-size: 10px;}
  .block-notification-list .block-header-title h2{font-size: 16px;}
  .notice-item .notice-title{font-size: 12px;}
  .block-notification-lasted .block-overview-calendar .fc-toolbar h2{font-size: 12px;}
  .block-notification-lasted .block-notification-list::before{left: -30px;}
  .block-notification-list .block-content ul{height: 340px;}
  .admin.calendar_booking #wrapper{min-height: calc(100vh - 120px) !important;}
  .admin.calendar_booking .box-header-menu-w-aside{position: static;}
}
@media (min-width: 1200px) {
  .box-modules-asset-overview-header .flex-wrap > .btn {
    width: calc(25% - 5px);
    margin-bottom: 5px;
  }
}
@media (min-width: 1400px) {
  .box-modules-asset-overview-header .flex-wrap > .btn {
    width: calc(17% - 8px);
    margin-bottom: 5px;
  }
  .block-notification-lasted{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 15px -15px 20px;
  }
  .block-notification-lasted .block-overview-calendar{-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  .block-notification-lasted .block-overview-calendar .fc-toolbar .fc-center{margin-top: 0px;}
  .block-notification-lasted .block-overview-calendar .fc-toolbar .fc-right{margin-top: 0px;}
  .block-hello-user .block-header-title h2{font-size: 16px;}
  .block-hello-user .block-header-title .block-avatar{
    width: 150px;
    height: 150px;
  }
  .block-overview-clock .block-timezone-datetime .time{font-size: 45px;}
  .block-overview-clock .block-timezone-datetime .time > span{font-size: 28px;}
  .block-overview-clock .block-timezone-datetime .date{font-size: 10px;}
  .block-notification-list .block-header-title h2{font-size: 16px;}
  .notice-item .notice-title{font-size: 12px;}
  .block-notification-lasted .block-overview-calendar .fc-toolbar h2{font-size: 12px;}
  .block-notification-lasted .block-notification-list::before{left: -30px;}
  .block-notification-list .block-content ul{height: 340px;}
}
@media (min-width: 1600px) {
  .block-notification-lasted{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px -15px 20px;
  }
  .block-notification-lasted .block-overview-calendar{-webkit-transform: translateY(20px);transform: translateY(20px);}
  .box-overview-pages .block-overview-centerapp {
    width: calc(100% - 15px);
  }
  .block-notification-lasted .block-overview-calendar{width: 30%;}
  .block-notification-lasted .block-overview-calendar .fc-toolbar h2{font-size: 20px;}
  .box-modules-asset-overview-header .flex-wrap > .btn {
    width: auto;
    margin-bottom: 0px;
  }
  .block-hello-user .block-header-title h2{font-size: 22px;}
  .block-hello-user .block-header-title .block-avatar{
    width: 200px;
    height: 200px;
  }
  .block-overview-clock .block-timezone-datetime .time{font-size: 76px;}
  .block-overview-clock .block-timezone-datetime .time > span{font-size: 32px;}
  .block-overview-clock .block-timezone-datetime .date{font-size: 14px;}
  .block-notification-list .block-header-title h2{font-size: 22px;}
  .notice-item .notice-title{font-size: 14px;}
  .block-notification-lasted .block-notification-list::before{left: -50px;}
  .block-notification-list .block-content ul{height: 380px;}
}
/*------------------------------------ Monitor Ipad Landspace */
@media (max-width: 1024px) {
  .custom-layout-authen .login-header-title{
    font-size: 20px;
    line-height: 30px;
  }
  .custom-layout-authen .login-header-subtitle{
    font-size: 12px;
    line-height: 22px;
  }
  .custom-layout-authen .alert{
    margin: 5px 0px;
    padding: 5px 15px;
  }
  .custom-layout-authen section{margin-top: 22px;}
  .custom-layout-authen .form-group{
    position: relative;
    margin-bottom: 22px;
  }
  .custom-layout-authen .form-group::before{top: 17px;}
  .custom-layout-authen .form-group>.form-control{
    padding: 14px 22px;
    padding-left: 40px;
    height: 50px;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
  }
  .custom-layout-authen .row-forget-form{
    padding: 8px 0px;
    margin-bottom: 24px;
  }
  .custom-layout-authen .col-memo-form{width: 70%;}
  .custom-layout-authen .col-forget-form{width: 30%;}
  .custom-layout-authen .col-memo-form .custom-checkbox label{
    font-weight: 700 !important;
    font-size: 12px;
    line-height: 22px;
  }
  .custom-layout-authen .col-memo-form .custom-checkbox label::before,
  .custom-layout-authen .col-memo-form .custom-checkbox label::after{top: 0px;}
  .custom-layout-authen .col-memo-form .custom-checkbox input:checked ~ label:after{top: 6px;}
  .custom-layout-authen .col-forget-form>a{
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .custom-layout-authen button[type="submit"]{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    padding: 12px 10px;
    border-radius: 8px;
  }
  .custom-layout-authen .company-logo{margin-bottom: 20px;}
  .custom-layout-authen .company-logo img{width: 130px;}

  .overview-sidebar .sidebar-newsfeed .list-newsfeed>div{height: 295px;}
  .box-rows-goal-today .col-calendar-mytodo,
  .box-rows-goal-today .col-list-mytodo{width: 100%;}
  .box-rows-goal-today .col-list-mytodo{
    margin-top: 16px;
    margin-left: 0px;
  }
  .calendar-mytodo .fc-toolbar h2{
    font-size: 14px;
    margin-top: 6px !important;
  }
  .calendar-mytodo .btn{
    font-size: 10px;
    padding: 4px 7px;
  }
  .box-header .block-header-account {
    width: 8%;
  }
  .box-header .block-header-menumain {
    width: 87%;
  }
  .box-header .block-header-menumain {
    font-size: 13px;
  }
  .kaban-button-group .block-kanban-searchbox input[type="search"]{height: 30px;}
  .kaban-button-group .btn{margin-bottom: 5px;}
  .box-kanban.kanban-candidate-profile #kan-ban-tab{min-height: calc(100vh - 230px);}
  .estimates-overview-style-card{margin-bottom: 0px;}
  .mobile table tr td .row-options,
  table tr td .row-options {
    position: static;
  }
  .block-notification-lasted .block-hello-user{
    width: 38%;
    margin-left: auto;
    margin-right: auto;
  }
  body.show-sidebar #side-menu ul.group-modules > li.active > a{width: 285px;}
  #side-menu ul.group-modules > li > a{border-bottom: 1px solid rgb(255 255 255 / 20%);}
  body.show-sidebar #side-menu ul.group-modules > li > ul,
  body.show-sidebar #side-menu ul.group-modules > li > ul > li > ul{
    opacity: 1;
    visibility: visible;
    display: block;
  }
  #side-menu ul.group-modules > li > ul > li > ul.collapse,
  #side-menu ul.group-modules > li > ul.collapse{display: none !important;}
  #side-menu ul.group-modules > li > ul > li > ul.collapse.in,
  #side-menu ul.group-modules > li > ul.collapse.in{display: block !important;}
  .box-header-menu-w-aside{
    min-height: 0px;
    margin: 0px;
  }
  table.mainstyle-datatable:not(.scroll-responsive):not(.table-in-modal)>thead>tr{top: 0px;}
}
/*------------------------------------ Monitor Ipad Portrial */
@media only screen and (max-width: 992px) {
  .box-header {
    padding: 0px;
  }
  .box-header .block-header-logo,
  .box-header .block-header-minicart,
  .box-header .block-header-account {
    display: none;
  }
  .crmmobileheader {
    display: block;
  }
  .crmmobileheader {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    background: linear-gradient(45deg, #ffffff 19%, #087c7b 50%);
    -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
            box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
    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;
    padding: 5px 0px;
    z-index: 1000;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .crmmobileheader .smllogo {
    margin-left: 55px;
  }
  .crmmobileheader .smllogo img {
    width: 90px;
  }
  .crmmobileheader .crmanimated-arrow {
    cursor: pointer;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto 0px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .crmmobileheader .crmanimated-arrow span {
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
  }
  .crmmobileheader .crmanimated-arrow span,
  .crmmobileheader .crmanimated-arrow span:before,
  .crmmobileheader .crmanimated-arrow span:after {
    cursor: pointer;
    height: 2px;
    width: 20px;
    background: #000;
    position: absolute;
    display: block;
    content: "";
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
  }
  .crmmobileheader .crmanimated-arrow span:before {
    top: -7px;
  }
  .crmmobileheader .crmanimated-arrow span:after {
    bottom: -7px;
  }
  .box-header .block-header-menumain {
    position: fixed;
    top: 0px;
    left: 0px;
    margin-left: -100%;
    bottom: 0px;
    right: initial;
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .box-header .block-header-menumain .nav {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 242px;
    height: 100%;
    background: linear-gradient(45deg, #3fc1be 45%, #207775);
    margin-left: -240px;
    position: relative;
    -webkit-transition: margin-left 0.5s ease;
    transition: margin-left 0.5s ease;
  }
  .box-header .block-header-menumain > .menumain-list {
    text-align: left;
  }
  .box-header .block-header-menumain > .menumain-list > li {
    display: block;
  }
  .crmactive .crmmobileheader .crmanimated-arrow span {
    background-color: transparent;
  }
  .crmactive .crmmobileheader .crmanimated-arrow span:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: 0px;
  }
  .crmactive .crmmobileheader .crmanimated-arrow span:after {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .crmactive .crmmobileheader .crmanimated-arrow span:before,
  .crmactive .crmmobileheader .crmanimated-arrow span:after {
    top: 0px;
  }

  .crmmobileheader .crmmobile-minicart,
  .crmmobileheader .crmmobile-account {
    position: relative;
    padding: 5px 0px;
  }
  .crmmobileheader .crmmobile-minicart {
    margin-right: 10px;
  }
  .crmmobileheader .crmmobile-account {
    margin: 0px 15px 0px 10px;
  }
  .crmmobileheader .crmmobile-account > ul {
    margin-bottom: 0px;
  }
  .crmmobileheader .crmmobile-account .dropdown-menu .dropdown-menu {
    border-radius: 0px;
    border: 1px solid #eee;
  }
  .crmmobileheader .crmmobile-account .dropdown-submenu.pull-left {
    float: none !important;
  }
  .crmmobileheader .crmmobile-minicart .block-content-cart {
    right: calc(100% - 100px);
  }
  .box-header .block-header-menumain .overlapblackbg {
    right: 0;
    width: 100%;
    height: 100vh;
    min-height: 100%;
    position: fixed;
    top: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .crmactive .box-header .block-header-menumain .overlapblackbg {
    display: block;
  }
  .crmactive .box-header .block-header-menumain {
    z-index: 999;
    margin-left: 0px;
    width: auto;
    padding: 0px;
  }
  .crmactive .box-header .block-header-menumain .nav {
    margin-left: 0px;
  }
  .crmactive .crmmobileheader {
    -webkit-transform: translateX(242px);
            transform: translateX(242px);
  }
  .box-header .block-header-menumain > .menumain-list > li + li {
    margin-left: 0px;
  }
  .box-header .block-header-menumain > .menumain-list > li > a {
    padding: 10px;
    border-radius: 0px;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    position: initial;
  }
  .box-header .block-header-menumain > .menumain-list > li > ul.sub-menu {
    display: none;
    position: relative;
    top: 0px;
    background-color: #fff;
    border: none;
    padding: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform-style: flat;
  }
  .box-header .block-header-menumain > .menumain-list > li > .crmmenu-click {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    cursor: pointer;
    width: calc(100% - 208px);
  }
  .box-header
    .block-header-menumain
    > .menumain-list
    > li
    .crmmenu-click.crm-activearrow
    > i {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: 17px;
  }
  .box-header
    .block-header-menumain
    > .menumain-list
    > li
    > .crmmenu-click
    > i {
    display: block;
    height: 8px;
    width: 8px;
    float: right;
    -webkit-transform: rotate(-225deg);
            transform: rotate(-225deg);
    margin: 13px 13px 0px 0px;
  }
  .box-header
    .block-header-menumain
    > .menumain-list
    > li
    > .crmmenu-click
    > i:before {
    content: "";
    width: 100%;
    height: 100%;
    border-width: 1.5px 1.5px 0 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 100%);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    display: block;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
  }
  .box-kanban #kan-ban .panel-body .lead-name{padding-left: 15px;}
  .box-kanban.kanban-leads #kan-ban .panel-body{padding: 5px 10px 5px 10px;}
  body.leads.hide-sidebar:not(.show-sidebar) #wrapper{min-height: auto}
  body.show-sidebar:not(.hide-sidebar){overflow: hidden;}
  body.show-sidebar:not(.hide-sidebar) #side-menu .set-aside-mobile{
    height: calc(100vh - 63px);
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100% !important;
  }
  body.show-sidebar:not(.hide-sidebar) #side-menu .child-group-modules{min-height: 100% !important;}
  .box-kanban #kan-ban .panel-body .note-invoice-success{
    width: 100%;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    text-align: center;
  }
  .box-license-catalogue-template-option,
  .box-license-template-option>ul>li>ul{
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  .box-okr-modules-dashboard .line-right{border-right: none;}
  .block-card-okr-dashboard+.block-card-okr-dashboard{margin-top: 40px;}
  .block-card-okr-dashboard:first-child{margin-top: 40px;}
  .box-okr-modules-dashboard .card-dashboard{width: calc(100% - 15px);}
  body.show-sidebar:not(.hide-sidebar) .kanban-task,
  body.show-sidebar:not(.hide-sidebar) .kanban-sales,
  body.show-sidebar:not(.hide-sidebar) .kanban-leads,
  body.show-sidebar:not(.hide-sidebar) .kanban-knowledge-base,
  body.show-sidebar:not(.hide-sidebar) .kanban-candidate-profile{
    z-index: 9;
  }
  body.overview .overlay-header .overlay-header-startwork .btn{
    width: calc(65% - 5px);
    font-size: 16px;
  }
  body.overview .overlay-header .overlay-header-startwork{
    padding: 170px 0px 120px;
  }
  .block-notification-lasted .block-hello-user{width: 30%;}
  .block-notification-lasted .block-notification-list::before{left: -10px;}
  .block-hello-user .block-header-title h2{font-size: 16px;}
  .block-overview-clock .block-timezone-datetime .time{font-size: 50px;}
  .block-overview-clock .block-timezone-datetime .time > span{font-size: 25px;}
  .admin #menu{width: 250px !important;}
  #side-menu ul.group-modules > li > a{border-bottom: 1px solid rgb(255 255 255 / 20%);}
  #side-menu ul.group-modules > li > ul,
  #side-menu ul.group-modules > li > ul > li > ul{
    position: static;
    opacity: 1;
    visibility: visible;
    display: block;
  }
  #side-menu ul.group-modules > li > ul > li > ul{width: 100%;}
  #side-menu ul.group-modules > li > ul > li > ul.collapse,
  #side-menu ul.group-modules > li > ul.collapse{display: none !important;}
  #side-menu ul.group-modules > li > ul > li > ul.collapse.in,
  #side-menu ul.group-modules > li > ul.collapse.in{display: block !important;}
  #side-menu ul.group-modules > li > ul > li > ul.nav-second-level li a{padding: 7px 10px 7px 34px;}
  #side-menu ul.group-modules > li > ul > li > a span.arrow{-webkit-transform: rotate(0deg) translateY(0px);transform: rotate(0deg) translateY(0px);}
  #side-menu ul.group-modules > li:hover > a, #side-menu ul.group-modules > li > a.active,
  body.show-sidebar #side-menu ul.group-modules > li.active > a{width: 250px;}
  #side-menu ul.group-modules > li > a .icon-arrow{display: block;}
  #setup-menu{
    height: calc(100vh - 63px);
    overflow-x: hidden;
    overflow-y: auto;
  }
  table.table-estimate-custom .dtr-data .estimate-company-name,
  table.table-estimate-custom .dtr-data .estimate-project-name,
  table.table-invoice-custom .dtr-data .invoice-company-name,
  table.table-invoice-custom .dtr-data .invoice-project-name,
  table.table-payments .dtr-data .payment-company-name{
    white-space: break-spaces;
    padding-left: 0px;
    vertical-align: top;
    width: 78%;
  }
}
/*------------------------------------ Monitor Ipad Portrial */
@media only screen and (max-width: 768px) {
  .crmmobileheader
    .crmmobile-account
    .dropdown-submenu.pull-left
    > .dropdown-menu {
    position: absolute;
    left: initial;
    right: 100%;
  }
  .kaban-button-group.-leads-modules ._buttons .btn,
  .kaban-button-group.-leads-modules ._buttons .btn-group{
    float: left !important;
    width: calc(50% - 2.5px);
  }
  .kaban-button-group.-leads-modules ._buttons .btn:nth-child(even),
  .kaban-button-group.-leads-modules ._buttons .btn-group:nth-child(even){margin-left: 5px !important;}
  .knowledge-base-button-group .btn{width: auto;}
  .knowledge-base-button-group .btn-group{
    float: right !important;
    width: auto !important;
  }
  .custom-mention-overview .box-detail-post-mention{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .box-detail-post-mention .detail-post-image{width: 100%;}
  .box-detail-post-mention .detail-post-image>img{
    display: block;
    margin: auto;
    width: 50%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 992px) and (max-width: 768px) {
  body.overview #header{padding: 0px;}
  .box-header-overview .navbar-right{
    display: block;
    height: 63px;
    padding: 10px 0;
    margin-right: 15px;
  }
  .box-overview-pages .overview-sidebar{display: none;}
  .box-overview-pages .overview-content{width: 100%;}
  .box-overview-pages .small-logo{margin-left: 15px;}
  .header-flat-notifications .notifications.width400,
  .header-flat-voicemail .notifications.width400{width: 360px;}
  .dropdown-profile-user{display: block;}
  .navbar-nav>li>a .staff-profile-image-small{margin-top: 3px;}
  .box-header-tabs-overview .start-work-mobile{display: block;}
  .box-header-tabs-overview{
    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;
  }
  .box-header-tabs-overview .start-work-mobile{
    width: 200px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .box-rows-goal-today .col-calendar-mytodo,
  .box-rows-goal-today .col-list-mytodo{width: 100%;}
  .box-rows-goal-today .col-list-mytodo{margin: 25px 0px;}
}
@media only screen and (max-width: 767px) {
  .box-detail-post-mention .modal-body{overflow-x: hidden;}
  .kaban-button-group.-leads-modules ._buttons .btn, .kaban-button-group.-leads-modules ._buttons .btn-group {width: auto;}
  .kaban-button-group.-leads-modules ._buttons .btn:nth-child(odd), .kaban-button-group.-leads-modules ._buttons .btn-group:nth-child(odd){margin-right: 5px !important;}
  .kaban-button-group.-leads-modules .leads-search {margin-top: 0px;}
  .kanban-sales.-pipeline-estimates{
    position: static;
    width: 100%;
  }
  .kanban-sales.-pipeline-estimates.hide-overview{
    position: fixed;
    width: calc(100% - 30px);
  }
  .quick-top-stats .mbstats{margin-bottom: 10px;}
  .box-header-overview .navbar-right{
    margin: 0px 10px 0px 0px;
    float: right;
  }
  .box-header-overview .navbar-nav>li+li{margin-left: 15px;}
  .box-header-overview .nav>li{display: inline-block;}
  .custom-layout-authen .login-header-title{
    font-size: 18px;
    line-height: 24px;
  }
  .custom-layout-authen .login-header-subtitle{
    font-size: 12px;
    line-height: 22px;
  }
  .custom-layout-authen .alert{
    margin: 5px 0px;
    padding: 5px 15px;
  }
  .custom-layout-authen section{margin-top: 15px;}
  .custom-layout-authen .form-group{
    position: relative;
    margin-bottom: 15px;
  }
  .custom-layout-authen .row-forget-form{
    padding: 8px 0px;
    margin-bottom: 10px;
  }
  .custom-layout-authen .col-memo-form .custom-checkbox label{font-size: 10px;}
  .custom-layout-authen .col-forget-form>a{font-size: 10px;}
  .custom-layout-authen button[type="submit"]{
    font-size: 10px;
    padding: 8px 10px;
    border-radius: 6px;
  }
  .custom-layout-authen .company-logo{margin-bottom: 15px;}
  .custom-layout-authen .company-logo img{width: 100px;}
}
@media only screen and (max-width: 480px) {
  .note-table-responsive{display: none;}
  .block-checkin-work-content .checkin-work-info,
  .block-checkin-work-content .checkin-work-action{
    width: 100%;
  }
  .custom-layout-authen .login-header-title{
    font-size: 20px;
    line-height: 30px;
  }
  .custom-layout-authen .login-header-subtitle{
    font-size: 11px;
    line-height: 22px;
  }
  .custom-layout-authen .alert{
    margin: 5px 0px;
    padding: 5px 15px;
  }
  .custom-layout-authen section{margin-top: 22px;}
  .custom-layout-authen .form-group{
    margin-bottom: 22px;
  }
  .custom-layout-authen .row-forget-form{
    margin-bottom: 24px;
  }
  .custom-layout-authen .col-memo-form{width: 65%;}
  .custom-layout-authen .col-forget-form{width: 35%;}
  .custom-layout-authen .col-memo-form .custom-checkbox label{
    font-size: 12px;
  }
  .custom-layout-authen .col-memo-form .custom-checkbox input:checked ~ label:after{top: 6px;}
  .custom-layout-authen .col-forget-form>a{
    font-size: 12px;
  }
  .custom-layout-authen button[type="submit"]{
    font-size: 12px;
    padding: 12px 10px;
    border-radius: 8px;
  }
  .custom-layout-authen .company-logo{margin-bottom: 20px;}
  .custom-layout-authen .company-logo img{width: 130px;}

  body.overview .anchor-sticky{
    top: 0px;
    position: static;
  }
  body.overview .card-profile .-action>.btn{
    padding: 5px 15px;
    font-size: 12px;
  }
  body.overview .card-profile .-action>.btn>svg{
    width: 16px;
    height: 16px;
  }
  body.overview .card-user-timeline .timeline .timeline-item:last-child .timeline-event{font-size: 12px}
  .card-newsfeed-item .card-newsfeed--images{height: 150px;}
  .comment-count .comment-count-right{font-size: 12px;}
  .comment-item .comment-avatar{
    width: 24px;
    height: 24px;
  }
  .comment-count .comment-count-left .avatar-group .avatar img{
    width: 24px;
    height: 24px;
  }
  .comment-item .comment-message{width: calc(100% - 34px);}
  .comment-item .comment-message .c-inner{
    min-width: auto;
    width: calc(100vw - 125px);
  }
  .comment-item .comment-message .c-message{
    font-size: 10px;
    line-height: 1.4;
  }
  .comment-item .comment-message .c-username,
  .comment-item .comment-message .c-username>span{
    font-size: 0.75rem !important;
  }
  .comment-item .comment-message .c-react{
    font-size: 0.75rem;
    bottom: -4px;
    right: 10px;
  }
  .comment-item .comment-message .c-post-time{font-size: 10px;}
  .c-inner-reply .comment-item .comment-message .c-inner{
    min-width: auto;
    max-width: calc(100% - 20px);
  }
  .box-rows-goal-today .meetup-img-wrapper>img{height: 120px;}
  .box-rows-goal-today .meetup-header .todo-info>div:nth-child(1) {
    width: 45px;
    margin-right: 5px;
    padding-right: 5px;
  }
  .box-rows-goal-today .meetup-header .todo-info>div:nth-child(2) {width: calc(100% - 50px);}
  .box-rows-goal-today .todo-item .-title{font-size: 12px;}
  .todo-list-item h4.card-title{
    font-size: 1rem;
    margin-bottom: 1rem;
  }

  [class*="customers_"] .company-logo,
  .customers.register .company-logo {
    margin-bottom: 15px;
  }
  .box-section-statistic {
    padding: 15px 30px;
  }
  .btn-footer-bottom-toolbar {
    padding-right: 15px;
  }
  .flex-button-estimates {
    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;
  }
  .flex-button-estimates a:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 80%;
  }
  .flex-button-estimates a:nth-child(2){
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(20% - 10px);
    text-align: center;
    margin-left: 10px;
  }
  .flex-button-estimates .estimates-total {
    text-align: center;
  }
  .box-modules-asset-overview-header .flex-wrap > .btn {
    width: calc(16% - 1px);
    margin-bottom: 5px;
  }
  .box-modules-asset-overview-header .flex-wrap > .btn {
    width: calc(32% - 1px);
    margin-bottom: 5px;
  }
  .kaban-button-group.-leads-modules .row._buttons{margin: 0px;}
  .kaban-button-group.-leads-modules ._buttons .btn, .kaban-button-group.-leads-modules ._buttons .btn-group{width: 100%;}
  .box-kanban.kanban-leads .lead-kan-ban .col-xs-12{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .kanban-candidate-profile .kan-ban-tab,
  .box-kanban.kanban-candidate-profile #kan-ban{
    min-height: calc(100vh - 250px);
  }
  .box-kanban.kanban-candidate-profile #kan-ban-tab {
    min-height: calc(100vh - 240px);
  }
  .box-license-catalogue-template-option,
  .box-license-template-option>ul>li>ul{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .box-okr-modules-dashboard .circle__content {
    width: 110px;
    font-size: 1em;
  }
  #container_ck{
    margin: 0px !important;
  }
  .block-card-okr-dashboard .card_{position: relative;}
  .block-card-okr-dashboard .card__right .card__sale-flag{
    margin-top: 20px;
    border-top: 1px solid #eaeaea;
    border-radius: 0px;
  }
  .block-card-okr-dashboard .card__left{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px 5px;
    width: 100%;
    height: 100%;
  }
  .block-card-okr-dashboard .card__left .card__sale-flag:nth-child(2){
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  .block-card-okr-dashboard .card__left .card__sale-flag:nth-child(3){
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  .block-card-okr-dashboard .card__left .card__sale-flag:nth-child(4){
    -webkit-transform: translateY(75px);
            transform: translateY(75px);
  }
  #estimates_total{margin-bottom: 10px;}
  .quick-top-stats>.col-xs-12{
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .kanban-sales.-pipeline-estimates.hide-overview {
    width: calc(100% - 10px);
  }
  .mb-xs-10{margin-bottom: 10px;}
  .min-2linetheight{
    display: block;
    height: 40px;
  }
  table.table-projects>tbody>tr.child ul.dtr-details>li:first-child span.dtr-title{vertical-align: top;}
  .table-projects .projects-company-name,
  .table-projects-single-client .projects-name{
    white-space: break-spaces;
    width: calc(100% - 80px);
  }
  .table-payments #th-payments-table-mode-heading{
    width: auto;
  }
  table.table-contracts .dtr-data .contract-company-name{
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    width: calc(100vw - 180px);
  }
  .table-tasks .row-options,
  .table-rel-tasks .row-options{
    display: block;
    margin-left: 0px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 380px) {
  .block-notification-list .block-content ul {
    height: calc(var(--vh, 1vh) * 28);
  }
  .notice-item .notice-avatar img {
    height: 25px;
  }
  .block-notification-list .notice-item .notice-info {
    text-align: right;
    padding-right: 10px;
  }
  .block-notification-list .notice-item .notice-info > .date-notice {
    display: block;
  }
  .box-modules-asset-overview-header .flex-wrap > .btn {
    width: calc(32% - 2px);
    margin-bottom: 5px;
  }
}
/*warehouse/commodity_list*/
@media screen and (min-width: 992px) {
  .commodity_list .custom-grid-4 {
    width: 42%;
  }
  .commodity_list .custom-grid-2 {
    width: 14%;
    padding: 0 2px;
  }
}
/*livechat*/
.sb-admin, .sb-admin * {
  -webkit-box-sizing: inherit!important;
          box-sizing: inherit!important;
}
.sb-setting>.sb-setting-content, .sb-input-setting>.sb-setting-content {
  max-width: 476px!important;
  width: 476px!important;
}

/*Add Custom*/
#side-menu li.active>a {
    border-radius: 0;
    color: #FFF!important;
    background: #008c88!important;
}
#side-menu li .nav-second-level a:hover {
    background-color: #008c88!important;
    color: #FFF!important;
}
/*User*/
.sb-profiles{
  display: none!important;
}
.sb-chat .sb-header-main+.sb-list {
    margin-top: 145px!important;
}
.sb-chat.sb-dashboard-active .sb-header-main {
    padding: 0 20px 0px 20px!important;
}
.sb-chat .sb-dashboard {
    margin-top: 130px!important;
}
.sb-chat .sb-header-main {
    padding: 0 20px 0px 20px!important;
}
.sb-chat .sb-header-main+.sb-list {
    margin-top: 110px!important;
}
/*Filter*/
.mySelect_status *{
  cursor: pointer!important;
  color: #000;
}

/*Live Chat*/
.sb-info-card.sb-info-card-info.sb-active{
  display: none!important;
}

@-webkit-keyframes bgcolor {
    0% {
        background-color: #45a3e5
    }

    30% {
        background-color: #66bf39
    }

    60% {
        background-color: #eb670f
    }

    90% {
        background-color: #f35
    }

    100% {
        background-color: #864cbf
    }
}

@keyframes bgcolor {
    0% {
        background-color: #45a3e5
    }

    30% {
        background-color: #66bf39
    }

    60% {
        background-color: #eb670f
    }

    90% {
        background-color: #f35
    }

    100% {
        background-color: #864cbf
    }
}
.menu-item-sb{
  position: relative;
}

.menu-item-sb.show-count .count{
    position: absolute;
    content: '0';
    right: 20px;
    top: 10px;
    background: #fb6a65;
    color: #FFF;
    padding: 0px 8px;
    border-radius: 25px;
    font-size: 11px;

    /*-webkit-animation: bgcolor 5s infinite;
    animation: bgcolor 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;*/
    cursor: pointer;
}
.code-cskh{
  position: relative;
}
.code-cskh.show-count .count{
    position: absolute;
    left: 25px;
    top: 16px;
    background: #fb6a65;
    color: #FFF;
    padding: 0px 8px;
    border-radius: 25px;
    z-index: 9;
    font-size: 11px;

    /*-webkit-animation: bgcolor 5s infinite;
    animation: bgcolor 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;*/
}

.sb-scroll-area ul li[data-conversation-status="2"] {
    background-image: linear-gradient(45deg,#f4f6f9, #dbdde0)!important;
}

.code-chat{
  position: relative;
}
.code-chat.show-count .count{
    position: absolute;
    left: 25px;
    top: 16px;
    background: #fb6a65;
    color: #FFF;
    padding: 0px 8px;
    border-radius: 25px;
    z-index: 9;
    font-size: 11px;

    /*-webkit-animation: bgcolor 5s infinite;
    animation: bgcolor 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;*/
}

.menu-item-prchat{
  position: relative;
}

.menu-item-prchat.show-count .count{
    position: absolute;
    content: '0';
    right: 20px;
    top: 10px;
    background: #fb6a65;
    color: #FFF;
    padding: 2px 8px;
    border-radius: 25px;
    font-size: 11px;

    /*-webkit-animation: bgcolor 5s infinite;
    animation: bgcolor 5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;*/
    cursor: pointer;
}
#setup-menu-wrapper{
  z-index: 999;
}
table td a.custom-avatar{
  width: 32px;
  /*background: red;*/
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

/**/
.font-12{
  font-size:12px!important;
}
#description_ifr{
  height: 290px!important;
}
/*
PROFILE BOX
==========================================================
*/
.sb-profile img {
    left: 10px!important;
}
.pull-right{
  float: right;
}

.lazyload {
	opacity: 0;
}

.lazyloading {
	opacity: 1;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	background: #f7f7f7 url(../images/gif/loader.gif) no-repeat center;
}

.ui-autocomplete-modal{
  z-index: 1080;
}
.table-head-light thead tr th{
  background: #fff !important;
  background-color: #fff !important;
}
.card-collapse-modal{
  background: #fff;
  position:absolute !important;
  z-index:990 !important;
  -webkit-box-shadow:0 1px 6px 0 #ddd !important;
          box-shadow:0 1px 6px 0 #ddd !important;
}
/*
===========================================================================
*/
ul.auto-commplete-scroll{
  max-height: 300px;
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 430px;
  max-width: 430px;
  background: #fff !important;
  background-clip:padding-box;
  border:1px solid rgba(34,41,47,.05) !important;
  border-top: 0 !important;
  border-radius: .5rem !important;
  -webkit-box-shadow: 0 5px 25px rgb(34 41 47 / 10%) !important;
          box-shadow: 0 5px 25px rgb(34 41 47 / 10%) !important;
  margin-top: .4rem !important;
}
ul.auto-commplete-scroll .ui-state-active{
  color: var(--bs-primary) !important;
  background: rgba(14,171,175,.12) !important;
  border: 0 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}
ul.auto-commplete-scroll li.list-group-item{
  padding: 0;
}
ul.auto-commplete-scroll .ui-menu-item-wrapper{
  padding: 1rem !important;
  border: 0 !important;
  margin: 0 !important;
}
@-webkit-keyframes loadingtext {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
@keyframes loadingtext {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
li.loading {
  -webkit-animation: loadingtext 1.5s ease-in-out infinite;
          animation: loadingtext 1.5s ease-in-out infinite;
}