:root {
  --tblr-blue: #206bc4;
  --tblr-azure: #4299e1;
  --tblr-indigo: #4263eb;
  --tblr-purple: #ae3ec9;
  --tblr-pink: #d6336c;
  --tblr-red: #d63939;
  --tblr-orange: #f76707;
  --tblr-yellow: #f59f00;
  --tblr-lime: #74b816;
  --tblr-green: #2fb344;
  --tblr-teal: #0ca678;
  --tblr-cyan: #17a2b8;
  --tblr-gray-100: #f4f6fa;
  --tblr-gray-200: #f0f2f6;
  --tblr-gray-300: #e7eaef;
  --tblr-gray-400: #dbdee3;
  --tblr-gray-500: #c6cad0;
  --tblr-gray-600: #a0a6ae;
  --tblr-gray-700: #6e7680;
  --tblr-gray-800: #444e5a;
  --tblr-gray-900: #232e3c;
  --tblr-primary: #206bc4;
  --tblr-secondary: #656d77;
  --tblr-success: #2fb344;
  --tblr-info: #4299e1;
  --tblr-warning: #f76707;
  --tblr-danger: #d63939;
  --tblr-light: #f4f6fa;
  --tblr-dark: #232e3c;
  --tblr-primary-rgb: 32, 107, 196;
  --tblr-secondary-rgb: 101, 109, 119;
  --tblr-success-rgb: 47, 179, 68;
  --tblr-info-rgb: 66, 153, 225;
  --tblr-warning-rgb: 247, 103, 7;
  --tblr-danger-rgb: 214, 57, 57;
  --tblr-light-rgb: 244, 246, 250;
  --tblr-dark-rgb: 35, 46, 60;
  --tblr-white-rgb: 255, 255, 255;
  --tblr-black-rgb: 0, 0, 0;
  --tblr-body-color-rgb: 35, 46, 60;
  --tblr-body-bg-rgb: 244, 246, 250;
  --tblr-font-sans-serif: Inter, Roboto, -apple-system, BlinkMacSystemFont,
    San Francisco, Segoe UI, Helvetica Neue, sans-serif;
  --tblr-font-monospace: false, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace;
  --tblr-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-body-font-size: 0.72rem;
  --tblr-body-font-weight: 400;
  --tblr-body-line-height: 1.3333333;
  --tblr-body-color: #232e3c;
  --tblr-body-bg: #f0f2f6;
  --dw-grid-border-color: #dbdee3;
  --dw-grid-border-right-color: #e7eaef;
  --dw-grid-header-bg-color: #f4f6fa;
  --dw-form-control-bg-color: white;
  --dw-form-control-border-color: #dadcde;
  --dw-dark: #1e1927;
  --dw-heading: #3f434a;
  --dw-body-dark: #595f69;
  --dw-body-light: #8a9099;
  --dw-border-2: #e8e9eb;
  --dw-dark-primary: #004165;
  --dw-orange: #ff965d;
  --dw-dark-orange: #e56e19;
  --dw-red: #fd7972;
  --dw-dark-red: #f05c54;
  --dw-yellow: #ffd240;
  --dw-dark-yellow: #e5b823;
  --dw-green: #49c96d;
  --dw-dark-green: #20a144;
  --dw-second: #6993FF;
  --dw-third: #D2DFFF;
  --dw-blue-color: #1E6091;
  --dw-blue-color-rgb: 30,96,145;
  --dw-dark-blue-color: #184E77;
  --dw-dark-blue-color-rgb: 24, 78, 119;
}



.modal-header {
  padding: 0 0.75rem 0 0.75rem;
  min-height: 2.5rem;
}

.modal-body {
  background-color: var(--tblr-body-bg);
}

.tox .tox-dialog__header {
  display: none !important;
}

.tox-dialog__content-js .tox-dialog__body-content {
    max-height: initial!important;
}

.overlayContainer {
    background: rgba(244, 246, 250, 0.01);
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
}

.loading-indicator-icon {
  position: fixed;
  left: 46%;
  top: 46%;
  z-index: 9999;
  border: 1px solid var(--tblr-gray-400);
  border-radius: 5px;
  background: white;  
}

.nav-tabs {
  border-bottom: 1px solid var(--tblr-gray-400);
  background: var(--tblr-gray-100);
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  color: var(--tblr-gray-800);
  background: none;
  border: none;
  padding: 3px 6px 3px 6px;
  text-transform: uppercase;
  font-size: 0.69rem;
}
.nav-tabs .nav-link i {
  display: none;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #f0f2f6 #f0f2f6 #e7eaef;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #a0a6ae;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: 600;
  color: var(--dw-blue-color);
  border: 1px solid var(--tblr-gray-400);
  border-bottom: none !important;
  background-color: white !important;
  border-top-color: var(--dw-blue-color);
  border-top-width: 2px;
  padding-top: 2px;
}
.nav-tabs .nav-link.active uib-tab-heading,
.nav-tabs .nav-item.show .nav-link uib-tab-heading {
  margin-top: 0;
}

.nav-pills .nav-link i {
  display: none;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  font-weight: 600;
}

.page-title {
  text-transform: uppercase;
}

.card {
  border: 1px solid rgba(101, 109, 119, 0.3);
}

.card-header {
  padding: 0.07rem 0.45rem 0.01rem 0.45rem;
}

.common-form-container .card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 99%;
  color: var(--dw-blue-color);
}

.common-group-control .card-title {
  width: 99%;
}

.card-title {
    font-size: 0.69rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 1.1rem;
    color: var(--dw-blue-color);
}

.card-footer {
  padding: 0.5rem;
}

.card-body {
  padding: 0.3rem 0.5rem;
}

.tabs-form .card-title {
  font-size: 0.71rem;
  font-weight: 500;
  color: var(--dw-blue-color);
}

.modal-title {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--dw-blue-color);
}

.dropdown-multiselect .form-check {
  margin-bottom: 0;
}

.label-control.form-check-label {
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;  
  max-width: 100%;
  margin-left: -0.375rem;
}

.label-control {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 95%;
  font-weight: 500;
  color: var(--tblr-gray-800);
}

.filter-group .label-control {
  font-weight: 500;
  max-width: 99%;
}

.filter-group .row-div-in-group {
  margin-top: -5px;
}

.filter-group .card-body {
  padding: 0.5rem 0.5em 0.35em 0.1rem;
}

label.textRed::before {
  content: "*";
  margin-right: 1px;
  color: var(--tblr-red);
  font-size: 12px;
  line-height: 12px;
}

label.textTransparent{
    opacity:0;
}

.control-group-row {
  margin-bottom: 0.25rem !important;
}

.modal-body {
  padding: 0.625rem;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--tblr-gutter-x, 0.625rem);
  padding-left: var(--tblr-gutter-x, 0.625rem);
  margin-right: auto;
  margin-left: auto;
}

.arrow-steps .step {
  padding: 2px 10px !important;
}

.btn {
  padding: 0.125rem 0.625rem;
  font-size: 0.73rem;
}

.page-header .btn {
  padding: 0.2rem 0.625rem;
}

.form-btn-wrapper a {
  text-decoration: none;
}

.form-btn-wrapper.btn-upload input {
  display: none;
}

.btn.btn-form {
  padding: 0.125rem 0.5rem;
  margin-top: -0.08rem;
  line-height: 0.94rem;
}

.btn-form.dropdown-toggle {
  width: 100% !important;
}

.btn.btn-form .pixel-btn-title,
.btn.btn-form .btn-form-title {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.btn.btn-form i.fa {
  margin-bottom: 1px;
}

.btn:disabled, .btn.disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

.btn.cell-link-btn:hover {
  color: var(--tblr-primary);
}

.modal-header .btn {
  padding: 0.25rem 0.75rem;
}

.modal-header .btn .fa {
  font-size: 1rem;
}

.modal-header .btn .bi {
  font-size: 0.75rem;
}

.form-toolbar .btn {
  font-size: 0.8rem;
  padding: 0.2rem 0.625rem;
}

.btn-group > .btn:nth-last-child(2) {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

#dlgPTask_btnMinus i.fa,
#dlgPTask_btnPlus i.fa {
  margin-right: 0;
}

.form-toolbar-dropdown i {
  font-size: 1rem;
}

.form-control {
  font-size: 0.72rem;
  padding: 0.05rem 0.2rem 0.01rem 0.1rem;
  /* padding: 1px 1px 1px 1px; */
  background-color: var(--dw-form-control-bg-color);
  /* line-height: 1.125rem; */
  line-height: 1.125rem;
}

.form-select {
  padding: 0.05rem 1.25rem 0.05rem 0.25rem;
  background-position: right 0.25rem center;
}

.controler-error {
  border: 1px solid var(--tblr-red);
}

.group-controler-error > input {
    border: 1px solid var(--tblr-red);
    border: 1px solid var(--tblr-red);
}

.group-controler-error .cell-link-btn {
    border-top: 1px solid var(--tblr-red);
    border-bottom: 1px solid var(--tblr-red);
    border-left: 1px solid var(--tblr-red);
}

.group-controler-error .btn-dic-master {
    border-top: 1px solid var(--tblr-red);
    border-bottom: 1px solid var(--tblr-red);
    border-right: 1px solid var(--tblr-red);
}

.group-controler-error .btn-barcode-master {
    border-top: 1px solid var(--tblr-red);
    border-bottom: 1px solid var(--tblr-red);
    border-right: 1px solid var(--tblr-red);
}

.group-controler-error .btn-phone-master {
    border-top: 1px solid var(--tblr-red);
    border-bottom: 1px solid var(--tblr-red);
    border-right: 1px solid var(--tblr-red);
}

.group-controler-error .btn-email-master {
    border-top: 1px solid var(--tblr-red);
    border-bottom: 1px solid var(--tblr-red);
    border-right: 1px solid var(--tblr-red);
}

.group-controler-error .btn-map-master {
    border-top: 1px solid var(--tblr-red);
    border-bottom: 1px solid var(--tblr-red);    
}

.group-controler-error .btn-direct-master {
    border-top: 1px solid var(--tblr-red);
    border-bottom: 1px solid var(--tblr-red);
    border-right: 1px solid var(--tblr-red);
}

.dropdown-menu {
    font-size: 0.75rem;
}

.dropdown-toggle:after {
  margin-bottom: 0.1rem;
}

.form-progress-bar .progress {
  height: 21px;
}

.uib-dropdown-form-control {
  top: 100%;
}

.uib-typeahead-match a.dropdown-item {
  overflow: hidden;
  padding: 0.375rem;
  display: block !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(101, 109, 119, 0.1);
}

.page-body .gantt_container,
.page-body .gantt_tooltip {
  font-family: var(--tblr-body-font-family);
  font-size: 0.75rem;
}

.page-body .gantt_cell {
  font-size: 0.75rem;
}

.navbar-brand-image {
  height: 1.5rem;
}

.dropdown-multiselect .btn-combo-multi {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0rem 0.75rem 0.05rem 0.75rem;
  background: var(--dw-form-control-bg-color);
  min-width: 100%;
  width:100%;
  line-height: 1.125rem;
}

.parent-dropdown-item {
  padding: 0.5rem 0.75rem 0;
}

.sub-dropdown-items {
  margin: 8px 0 0 0;
  padding: 0 0 0 5px;
}

.sub-dropdown-items .dropdown-item {
  color: var(--dw-body-dark);
  cursor: pointer;
}

.link-item-icon {
  margin-right: 5px;
  width: 1rem !important;
  height: 1rem !important;
}

.dropdown-multiselect .dropdown-item {
  padding: 0.125rem 0.75rem;
}

.dropdown-multiselect label.form-check {
  cursor: pointer;
}

.dropdown-multiselect span.form-check-label {
  color: var(--tblr-body-color);
}

.control-group-row .form-check {
  margin-bottom: 0;
}

.form-check.form-check-inline {
  margin-right: 0;
}

.dropdown-multiselect .dropdown-toggle:after {
  position: absolute;
  width: 0.45rem;
  height: 0.45rem;
  right: 0.5rem;
}

.dropdown-multiselect a:hover {
  text-decoration: none;
}

.ng-toast .alert a {
  color: var(--tblr-body-color);
  text-decoration: none;
  cursor: default;
}

.ng-toast .alert a:hover {
  text-decoration: none;
}

.notify-red-icon {
  color: var(--tblr-red);
}

.alert {
  border: 1px solid var(--tblr-lime);
  border-left: 0.25rem solid var(--tblr-lime);
  box-shadow: rgba(35, 46, 60, 0.04) 0 2px 4px 0;
}

.form-control:focus {
  box-shadow: 0 0 0 0.15rem rgba(32, 107, 196, 0.25);
}

.form-select:focus {
  box-shadow: 0 0 0 0.15rem rgba(32, 107, 196, 0.25);
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.15rem rgba(32, 107, 196, 0.25);
}

.btn-master {
  padding: 0.125rem 0.4rem;
  color: var(--tblr-gray-600);
  /*line-height: 1.125rem;*/
  line-height: 0.94rem;
}

.all-saved-views .dropdown-toggle:after {
  color: var(--dw-second);
  width: 0.7em;
  height: 0.7em;
  margin-bottom: 0.4em;
  margin-left: 0.7em;
}


.dropdown-toggle:after {
  color: var(--tblr-gray-500);
}

.row-div-in-group {
  margin-bottom: 0.25rem;
}
.app-control-group {
  /*  margin-bottom: 0.125rem;*/
  margin-bottom: 0.05rem;
}

/*** TREE CONTROL CUSTOMIZATION - BEGIN ********************************************/

.sidebar-tree-menu {
  font-family: var(--tblr-font-sans-serif) !important;
  color: rgba(255, 255, 255, 0.75);
  height: 95vh;
  z-index: 10;
}

.sidebar-tree-menu label {
  color: rgba(255, 255, 255, 0.75);
}

.sidebar treecontrol li {
  line-height: 1.8rem;
  padding: 0;
}

.item-module-tree {
  font-weight: 600;
}

.tree-classic .tree-ml-0 {
  margin-left: 0rem !important;
}

.tree-classic .tree-ml-1 {
  margin-left: 1rem !important;
}

.tree-classic .tree-ml-2 {
  margin-left: 1.5rem !important;
}

.tree-classic .tree-ml-3 {
  margin-left: 2rem !important;
}

.tree-classic .tree-ml-4 {
  margin-left: 2.1rem !important;
}

.tree-classic .tree-ml-5 {
  margin-left: 3rem !important;
}

.tree-classic .tree-ml-6 {
  margin-left: 3.1rem !important;
}

.tree-classic .tree-ml-8 {
  margin-left: 4rem !important;
}

.sidebar .tree-ml-0 {
  margin-left: 0rem !important;
}

.sidebar .tree-ml-1 {
  margin-left: 0.375rem !important;
}

.sidebar .tree-ml-2 {
  margin-left: 0.5rem !important;
}

.sidebar .tree-ml-3 {
  margin-left: 0.75rem !important;
}

.sidebar .tree-ml-4 {
  margin-left: 1.375rem !important;
}

.sidebar .tree-ml-5 {
  margin-left: 1.25rem !important;
}

.sidebar .tree-ml-6 {
  margin-left: 1.75rem !important;
}

.sidebar .tree-ml-8 {
  margin-left: 2.35rem !important;
}

.sidebar .tree-leaf-item {
  padding-left: 20px;
}

.sidebar .item-leaf-tree .bi-dot {
  font-size: 14px;
  padding-left: 5px;
}

.sidebar .item-leaf-tree:hover,
.sidebar .item-node-tree:hover {
  background-color: var(--tblr-gray-900);
}

.sidebar .item-leaf-tree-selected {
  background-color: var(--tblr-body-bg) !important;
}

.sidebar .item-leaf-tree-selected label {
  color: var(--dw-dark);
  font-weight: 600;
}

.sidebar .item-leaf-tree-selected label:hover {
  color: var(--dw-dark);
}

treecontrol.sidebar ul {
  padding: 0;
}

treecontrol.sidebar i, treecontrol.sidebar svg {
  color: var(--dw-body-light);
}

treecontrol label {
  cursor: pointer;
}

treecontrol.sidebar label {
  font-size: 0.8rem;
}

treecontrol.sidebar label:hover {
  color: white;
}

.sidebar .item-leaf-tree > label,
.sidebar .item-leaf-tree-selected > label {
  margin-top: 0;
  margin-left: -4px;
}

/*** TREE CONTROL CUSTOMIZATION - END **********************************************/

/*** AG GRID CUSTOMIZATION - BEGIN *************************************************/


.app-table-schedule {
  line-height : 1.4;
  width       : 100%;
}

.app-table-schedule tr {
  border-left: 1px solid var(--dw-grid-border-color) !important;
  border-bottom: 1px solid var(--dw-grid-border-color) !important;
  border-top: 1px solid var(--dw-grid-border-color) !important;
}

.app-table-schedule th {
  border-right: 1px solid var(--dw-grid-border-color) !important;
  text-align  : center;
  height      :22px;
  color: var(--tblr-secondary) !important;
  font-weight: 500 !important;
  background: var(--dw-grid-header-bg-color) !important;  
  padding: 0.25rem 0.1rem;
}

.app-table-schedule td {
  border-right: 1px solid var(--dw-grid-border-color) !important;
  height      :22px;
  font-weight : normal;
  padding     : 2px;
}

.full-width-panel {
  position: relative;
  background: #fafafa !important;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border-left: 1px solid var(--tblr-gray-400);
  border-bottom: 1px solid var(--tblr-gray-400);
  border-right: 1px solid var(--tblr-gray-400);
}
.full-width-grid {
  margin-left: 38px;
  box-sizing: border-box;
  display: block;
  height: 100%;
  width: 80%;
}
.master-detail-header {
  background-color: gainsboro !important;
}
.master-detail-header > .ag-header-cell-resize {
  background-color: gainsboro !important;
}
.master-detail-header > div > .ag-header-cell-label {
  padding: 2px 2px 4px 2px !important;
}
.Detail-Cell {
  background-color: #eceef3 !important;
}
.ngViewport {
  height: auto !important;
  width: 100% !important;
}
.ngCanvas {
  width: 100% !important;
}
.ngRow {
  width: 100% !important;
  border-bottom: none !important;
}
.ngFooterPanel {
  width: 100% !important;
}
.ngTopPanel {
  width: 100% !important;
}
.grid-items-dialog {
  height: 320px;
}
.gridItems {
  width: auto;
  height: 250px;
}

.cell-grid-text-nomal {
  color: #000 !important;
}
.cell-grid-center {
  text-align: center;
}

.cell-grid-center .ag-cell-wrapper{
    justify-content:center;
}

.cell-grid-left {
  text-align: left;
}

.cell-grid-left .ag-cell-wrapper{
  justify-content: left;
}

.cell-grid-right {
  text-align: right;
}

.cell-grid-right .ag-cell-wrapper{
  justify-content: right;
}

.check-box-row {
  position: relative !important;
  margin-top: 0 !important;
  margin-right: 8px !important;
}
.checkbox-disable {
  opacity: 0.4;
  cursor: not-allowed;
}
.ui-select-highlight {
  font-weight: bold;
}
.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important;
}
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #d44950;
}
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #d44950;
}
.select2-result-single {
  padding-left: 0;
}
.select2-locked > .select2-search-choice-close {
  display: none;
}
.select-locked > .ui-select-match-close {
  display: none;
}
body > .select2-container.open {
  z-index: 9999;
}
.selectize-input.selectize-focus {
  border-color: white !important;
  border-radius: 0 !important;
}
.selectize-control > .selectize-input > input {
  width: 100%;
}
.selectize-control > .selectize-dropdown {
  width: 100%;
}
.selectize-input {
  border-color: white !important;
  border-radius: 0 !important;
  height: 20px;
  padding-top: 0 !important;
  background-color: #a3d9ac !important;
}
.ag-theme-fresh {
  font-family: var(--tblr-font-sans-serif) !important;
  font-size: 0.72rem !important;
}
.ag-theme-fresh .ag-header {
  color: var(--tblr-gray-800)!important;
  border-bottom: 1px solid var(--dw-grid-border-color) !important;
  font-weight: 500 !important;
  background: var(--dw-grid-header-bg-color) !important;
}
.ag-theme-fresh .ag-header-cell {
  background: var(--dw-grid-header-bg-color);
  padding:0!important;
}

.ag-theme-fresh .ag-header-group-cell-with-group {
  border-bottom: 1px solid var(--dw-grid-border-right-color) !important;
}
.ag-theme-fresh .ag-ltr .ag-header-group-cell {
  border-right: 1px solid var(--dw-grid-border-right-color) !important;
}

.ag-theme-fresh .ag-ltr .ag-header-cell {
  border-right: 1px solid var(--dw-grid-border-right-color) !important;
}

.ag-theme-fresh .ag-ltr .ag-header-group-cell:hover,
.ag-theme-fresh .ag-ltr .ag-header-cell:hover {
  border-right: 1px solid var(--tblr-gray-400) !important;
}

.ag-theme-fresh .ag-header-cell-text {
  font-size: 0.73rem;
  font-weight: 500;
  padding-left: 0 !important;
}

.ag-cell-wrapper {
  /*padding-left: 0.5rem;*/
  /*padding-right: 0.5rem;*/
  overflow: hidden;
}

.ag-theme-fresh .ag-selection-checkbox img {
  margin-top: -3px;
}

.ag-cell.ag-cell-last-left-pinned {
  text-overflow: unset !important;
}

.ag-theme-fresh .ag-header-cell-label {
  padding: 2px 5px !important;
}

.ag-theme-fresh .ag-cell,
.ag-theme-fresh .ag-cell-not-inline-editing {
  padding: 0px 2px !important;
  line-height:22px!important;
  border-right: 1px solid var(--dw-grid-border-right-color) !important;
  border-bottom: 1px solid var(--dw-grid-border-color) !important;
}

.ag-header-select-all .ag-checkbox-unchecked,
.ag-header-select-all .ag-checkbox-checked {
  margin-left: 9px;
}

.text-header-red .ag-header-cell-text::before {
  content: "*";
  margin-right: 1px;
  color: var(--tblr-red);
  font-size: 12px;
  line-height: 12px;
}

.ag-theme-fresh .ag-cell.ag-cell-inline-editing {
  padding: 0px 0px 0px 1px!important;
  overflow: visible;
  height:22px!important;
}

.ag-theme-fresh .ag-cell-no-focus {
  border-right: 1px solid var(--dw-grid-border-right-color) !important;
  border-bottom: 1px solid var(--dw-grid-border-color) !important;
}
.ag-theme-fresh .ag-root {
  border-bottom: none !important;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
}
.ag-theme-fresh .ag-header-group-cell-label {
  text-align: center;
  background-color: var(--dw-grid-header-bg-color);
  justify-content:center;
  font-size:0.8rem;
}
.ag-theme-fresh .ag-header-group-cell-no-group {
  background-color: var(--dw-grid-header-bg-color);
}
.ag-theme-fresh .ag-paging-panel {
  padding: 6px !important;
}
.ag-theme-fresh .ag-floating-bottom .ag-row > div {
  background-color: var(--dw-grid-header-bg-color) !important;
  color: var(--tblr-red);
  border-bottom: none !important;
}
.ag-theme-fresh .ag-cell-focus {
  /*background-color: var(--tblr-gray-400);*/
  border: 1px solid #6996fe!important;
}


.ag-theme-fresh p {
  margin-bottom: 0;
}

.ag-theme-fresh .ag-header-cell-menu-button {
  margin-right: 1px;
  margin-top: 2px !important;
  color: var(--tblr-secondary) !important;
}
.ag-theme-fresh .ag-pivot-mode {
  display: none;
}
.ag-theme-fresh .ag-header-cell-resize {
  background-color: var(--dw-grid-header-bg-color);
}
.ag-theme-fresh .ag-tool-panel {
  width: 170px;
}
.ag-theme-fresh .ag-column-drop-vertical .ag-column-drop-empty-message {
  padding: 1px !important;
}
.ag-theme-fresh .ag-footer-cell {
  font-style: italic;
  font-weight: bold;
  background-color: #ffe0ba;
}
.ag-theme-fresh .ag-overlay-loading-wrapper {
    background-color: rgba(255,255,255,0) !important;
}

.ag-theme-fresh .btn.btn-grid {
  padding: 0 0.5rem;
  border-color: var(--tblr-gray-200);
  margin-top: -2px;
}

.ag-theme-fresh .btn.btn-grid:empty {
  display: none;
}

.ag-theme-fresh .btn-date-master {
  padding: 0 !important;
  margin: 0;
  width: 15px;
  height: 19px;
  border-radius: 0 !important;
  border: 1px solid var(--tblr-gray-400);
  background-color: white;
}
.ag-theme-fresh .btn-date-master > i {
  width: 13px;
  font-size: 0.9em;
  color: #969696;
}
.ag-theme-fresh .btn-time-master {
  padding: 0 !important;
  margin: 0;
  width: 15px;
  height: 19px;
  border-radius: 0 !important;
  border: 1px solid var(--tblr-gray-400);
  background-color: white;
}
.ag-theme-fresh .btn-time-master > i {
  top: 3px;
  right: 0px;
  width: 13px;
  font-size: 0.9em;
  position: absolute;
  color: #969696;
}
.ag-theme-fresh .btn-dic-master {
  padding: 0 !important;
  margin: 0;
  width: 15px;
  height: 19px;
  border: 1px solid var(--tblr-gray-400);
  border-radius: 0 1px 1px 0;
  background-color: white;
}
.ag-theme-fresh .btn-dic-master > i {
  color: #969696;
  width: 15px;
  font-size: 1.1em;
  padding-right: 1px;
}
.ag-theme-fresh .btn-barcode-master {
  padding: 0 !important;
  margin: 0;
  width: 17px;
  height: 19px;
  border: 1px solid var(--tblr-gray-400);
  background-color: white;
}
.ag-theme-fresh .btn-barcode-master > i {
  color: #969696;
  width: 13px;
  font-size: 1.3em;
  margin-top: 2px;
}
.ag-theme-fresh .btn-phone-master {
  padding: 0 !important;
  margin: 0;
  width: 20px;
  height: 19px;
  border: 1px solid var(--tblr-gray-400);
  border-radius: 0 1px 1px 0;
  background-color: white;
}
.ag-theme-fresh .btn-phone-master > i {
  color: #969696;
  width: 13px;
  font-size: 1.1em;
  margin-top: 2px;
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}
.ag-theme-fresh .btn-email-master {
  padding: 0 !important;
  margin: 0;
  width: 15px;
  height: 19px;
  border: 1px solid var(--tblr-gray-400);
  border-radius: 0 1px 1px 0;
  background-color: white;
}
.ag-theme-fresh .btn-email-master > i {
  color: #969696;
  width: 13px;
  font-size: 0.95em;
  margin-top: 2px;
}
.ag-theme-fresh .btn-map-master {
  padding: 0 !important;
  margin: 0;
  width: 20px;
  height: 19px;
  border: 1px solid var(--tblr-gray-400);
  border-radius: 0 1px 1px 0;
  background-color: white;
}
.ag-theme-fresh .btn-map-master > i {
  color: #969696;
  width: 13px;
  font-size: 14px;
  margin-top: 2px;
}
.ag-theme-fresh .btn-direct-master {
  padding: 0 !important;
  margin: 0 0px 0px 2px;
  width: 20px;
  height: 19px;
  border: 1px solid var(--tblr-gray-400);
  border-radius: 0 1px 1px 0;
  background-color: white;
}
.ag-theme-fresh .btn-direct-master > i {
  color: #969696;
  width: 13px;
  font-size: 14px;
  margin-top: 3px;
}
.ag-theme-fresh .btn-number-master {
  float: left;
  padding: 0 !important;
  margin: 0;
  width: 15px;
  height: 19px;
  border: 1px solid var(--tblr-gray-400);
  border-radius: 0 1px 1px 0;
  background-color: white;
}
.ag-theme-fresh .btn-number-master > i {
  color: #969696;
  width: 13px;
  font-size: 0.95em;
  margin-top: 2px;
}
.ag-theme-fresh .btn-dic-grid {
  padding: 0 !important;
  margin: 0;
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1px 1px 0;
  background-color: white;
}
.ag-theme-fresh .btn-dic-grid > i {
  position: absolute;
  top: 3px;
  left: 2px;
  height: 17px;
  width: 15px;
  font-size: 0.95em;
  color: #969696;
}
.ag-theme-fresh .btn-link-grid {
  padding: 0 !important;
  margin: 0;
  width: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
}
.ag-theme-fresh .btn-link-grid > i {
  color: #969696;
  position: inherit;
  padding-top: 2px;
  left: 2px;
}
.ag-theme-fresh .btn-date-grid {
  padding: 0 !important;
  margin: 0;
  width: 15px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
}
.ag-theme-fresh .btn-date-grid > i {
  position: absolute;
  top: 3px;
  left: -2px;
  height: 10px;
  width: 15px;
  font-size: 0.9em;
  color: #969696;
}
.ag-theme-fresh .btn-time-grid {
    padding: 0 !important;
    margin-top: -5px;
    width: 16px;
    height: 21px;
    border-radius: 0 !important;
    border-bottom: none;
    border-top: none;
    border-right: none;
    background-color: white;
}
.ag-theme-fresh .btn-time-grid > i {
    position: absolute;
    top: 6px;
    color: black;
    /* left: -1px; */
    height: 10px;
    width: 16px;
    font-size: 0.99em;
    color: #545050;
}

.ag-theme-fresh .ag-icon-menu {
    margin-right: 6px;
    font-size: 14px !important;
    margin-bottom: 1px;
}

.ag-theme-fresh .ag-menu {
  font-size: 0.75rem !important;
  font-family: var(--tblr-font-sans-serif) !important;
}

.ag-theme-fresh .ag-menu .ag-menu-option{
    height:22px!important;
    line-height:22px!important;
}

.ag-theme-fresh .ag-menu .ag-menu-separator{
    height:4px!important;
}

.ag-bl-full-height-center {
  padding-right: 1px;
}
.grid-pivot .ag-pivot-mode {
  height: 25px !important;
  display: inherit !important;
}
.grid-pivot .ag-header-cell {
  background: #79d287 !important;
}
.grid-pivot .ag-header-group-cell {
  background: #79d287 !important;
}
.grid-pivot .ag-header-group-cell-label {
  background: #79d287 !important;
}
.grid-pivot .ag-header-group-cell-no-group {
  background: #79d287 !important;
}
.grid-pivot .ag-column-select-panel {
  height: calc(45% - 25px);
  overflow: auto;
}
.grid-pivot .ag-column-drop-values {
  height: 20%;
  overflow: auto;
}
.grid-pivot .ag-column-drop-row-group {
  height: 20%;
  overflow: auto;
}
.grid-pivot .ag-column-drop-pivot {
  height: 15%;
  overflow: auto;
}
.grid-pivot .ag-header-cell-resize {
  background: #79d287 !important;
}
.ag-menu-column-select-wrapper {
  max-height: 250px;
}
.ag-menu-column-select-wrapper .ag-column-select-panel {
  height: 100% !important;
}
.ag-ltr .ag-column-select-column {
  margin-left: 2px !important;
}
.pivot-header-cell .ag-header-icon {
  display: none;
}
.ag-menu {
  z-index: 99;
}
.icon-menu-column {
  font-size: 14px;
}
.header-non-group {
  text-align: center;
  height: 44px !important;
  margin-top: -13px;
}

#label-total-result-dialog {
  position: absolute;
  left: 10px;
  bottom: 5px;
}
.ag-floating-bottom > div {
  background-color: var(--dw-grid-header-bg-color) !important;
  color: var(--tblr-red);
  font-weight: 600;
}
.ag-floating-bottom-full-width-container {
  display: none !important;
}
.check-box-ag {
  position: relative !important;
  margin-top: 2px !important;
}
.ag-row-selected > div {
  /*background: var(--tblr-gray-200);*/
  background: #dbe5ff;
}
.btn-paging-dialog {
  padding: 3px 7px 3px 7px !important;
}
.green {
  background-color: white;
}
.pink {
  background-color: pink;
}
.white {
  background-color: white;
}
.red {
  background-color: red;
}
.error {
  color: red;
}
.orange {
  background-color: rgba(246, 242, 212, 0.5)
}
.gray {
  background-color: #ccccbf;
}
.lightgray {
  background-color: #f2f2f2;
}
.hight-light {
  background-color: #77b5f6;
}
.blue {
  background-color: blue;
}
.cell-error {
  background-color: #e5e5dd;
  color: #cc0000;
  -webkit-box-shadow: inset 0px 0px 0px 10px #f00;
  -moz-box-shadow: inset 0px 0px 0px 10px #f00;
  box-shadow: inset 0px 0px 0px 2px #f00;
}
.grid-input-xs {
  border-radius: 0 !important;
  height: 19px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding-right: 1px;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 2px;
}
.input-dic-grid {
  width: calc(100% - 15px);
}
.label-total-footer-en {
  position: absolute;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
.label-total-footer-vi {
  position: absolute;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
.input-Ag-Cell-Customize {
  color: black;
  margin-top: 0;
  margin-left: -1px;
  padding-left: 0.5rem;
}

.input-Ag-Cell-Customize:invalid {
  border: 2px solid red;
}

input.input-Ag-Cell-Customize:focus {
  box-shadow: none;
  border: none;
}

.erp-table-symbol-right {
  font-size: 15px;
  padding-top: 2px;
  position: absolute;
  right: 5px;
}
.erp-table-symbol-left {
  font-size: 13px;
  padding-top: 0px;
  padding-left: 0px;
}
.erp-table-symbol-center {
  font-size: 15px;
  padding-top: 2px;
}
.grid-time-input > input {
    height: 24px;
    border: none;
    border-radius: 0;
}
.cell-off-row-error {
  color: red;
}
.ag-bl-full-height {
  overflow: visible !important;
}
.erp-button-grid:hover {
  background-color: #fff3a1;
}
.erp-button-grid:hover .erp-button-grid-icon {
  opacity: 1;
}
.erp-button-grid-icon {
  opacity: 0.5;
}
.erp-button-grid-icon:hover {
  opacity: 1;
}
.erp-button-grid-disable {
  cursor: not-allowed;
}
.erp-button-grid-disable .erp-button-grid-icon {
  cursor: not-allowed;
}
.erp-grid-empty-row {
  color: #949393 !important;
}

.erp-grid-new-row {
  color: #ff6c0a !important;
}

.erp-grid-saved-row {
  color: black !important;
}

.erp-overlay-grid-board {
  border-radius: 5px;
  padding: 10px;
  border: 1px solid var(--tblr-gray-400);
  color: #333333 !important;
  background: white;
}

.erp-table-symbol-phone-call {
  height: 16px !important;
  padding: 3px;
  font-size: 11px;
  right: 1px;
  border-radius: 2px;
  position: absolute;
}

.erp-table-symbol-phone-call:hover {
  background-color: #3fa04f;
  color: white;
}

.grid-header-multi-lines {
  white-space: pre-line;
}

.cell-link-btn i.fa {
  color: var(--tblr-cyan);
}

.ag-theme-fresh .ag-ltr .ag-cell-first-right-pinned,
.ag-theme-fresh .ag-ltr .ag-pinned-right-header {
  border-left: 1px solid var(--tblr-gray-600) !important;
}

/*** AG GRID CUSTOMIZATION - END *************************************************/

.kanban_default_main {
  font-family:  var(--tblr-font-sans-serif) !important;
}

/*** EXTEND TABLER ***************************************************************/

.btn-dark, .btn-outline-dark, .btn-ghost-dark {
  --tblr-btn-color: var(--dw-blue-color-rgb);
  --tblr-btn-color-darker: var(--dw-dark-blue-color-rgb);
  --tblr-btn-color-text: #f4f6fa;
}

.btn-primary, .btn-outline-primary, .btn-ghost-primary {
  --tblr-btn-color: var(--dw-blue-color-rgb);
  --tblr-btn-color-darker: var(--dw-dark-blue-color-rgb);
  --tblr-btn-color-text: #f4f6fa;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  max-width: 300px;
  min-width: 40px;
  padding: 0.25rem 0.5rem;
  color: white;
  text-align: center;
  background-color: var(--dw-heading);
  border-radius: 4px;
  font-weight: 400;
}

.bs-tooltip-top,
.bs-tooltip-auto[tooltip-placement^="top"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[tooltip-placement^="top"] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[tooltip-placement^="top"] .tooltip-arrow::before {
  top: -1px;
  left: 20px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--dw-heading);
}

.bs-tooltip-top-right,
.bs-tooltip-auto[tooltip-placement^="top-right"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top-right .tooltip-arrow,
.bs-tooltip-auto[tooltip-placement^="top-right"] .tooltip-arrow {
  bottom: 0;
  right: 15%;
}
.bs-tooltip-top-right .tooltip-arrow::before,
.bs-tooltip-auto[tooltip-placement^="top-right"] .tooltip-arrow::before {
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--dw-heading);
}

.bs-tooltip-right,
.bs-tooltip-auto[tooltip-placement^="right"] {
  padding: 0 0.4rem;
  margin-left: 0.25rem;
}
.bs-tooltip-right .tooltip-arrow,
.bs-tooltip-auto[tooltip-placement^="right"] .tooltip-arrow {
  left: 1px;
  top: 6px;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .tooltip-arrow::before,
.bs-tooltip-auto[tooltip-placement^="right"] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: var(--dw-heading);
}

.bs-tooltip-bottom,
.bs-tooltip-auto[tooltip-placement^="bottom"] {
  padding: 0.4rem 0;
  margin-top: 0.5rem;
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[tooltip-placement^="bottom"] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[tooltip-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  left: 20px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--dw-heading);
}

.bs-tooltip-bottom-left,
.bs-tooltip-auto[tooltip-placement^="bottom"] {
  padding: 0.4rem 0;
  margin-top: 0.5rem;
}
.bs-tooltip-bottom-left .tooltip-arrow,
.bs-tooltip-auto[tooltip-placement^="bottom"] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom-left .tooltip-arrow::before,
.bs-tooltip-auto[tooltip-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  left: 10px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--dw-heading);
}


.bs-tooltip-bottom-right,
.bs-tooltip-auto[tooltip-placement^="bottom"] {
  padding: 0.4rem 0;
  margin-top: 0.5rem;
}
.bs-tooltip-bottom-right .tooltip-arrow,
.bs-tooltip-auto[tooltip-placement^="bottom"] .tooltip-arrow {
  top: 0;
  right: 20%;
}
.bs-tooltip-bottom-right .tooltip-arrow::before,
.bs-tooltip-auto[tooltip-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--dw-heading);
}

.bs-tooltip-left,
.bs-tooltip-auto[tooltip-placement^="left"] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .tooltip-arrow,
.bs-tooltip-auto[tooltip-placement^="left"] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .tooltip-arrow::before,
.bs-tooltip-auto[tooltip-placement^="left"] .tooltip-arrow::before {
  left: -1px;
  top: 6px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: var(--dw-heading);
}

.overflow-x {
  overflow-x: auto !important;
}

.overflow-y {
  overflow-y: auto !important;
}

.footer {
  padding: 0.25rem 0;
}

.footer .list-inline {
  margin-top: 0;
}

.common-form-container input[type="file"] {
  display: none;
}

.dw-dialog-body input[type="file"] {
    display: none;
}

li {
  cursor: default;
}

.mouse-pointer {
  cursor: pointer;
}

.page-wrapper .page-header {
  margin: 0.02rem 0 0 0;
  min-height: 2rem;
}

.page-body {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.navbar-dark {
  background-color: var(--dw-dark);
}

.form-control:disabled,
.form-control[readonly] {
  color: var(--tblr-secondary);
  background-color: var(--tblr-gray-200);
}

.popover-body {
  padding: 0.5rem;
}

input[type="number"] {
  padding: 0.125rem 0.65rem 0.125rem 0.25rem;
}

.checkall-wrapper .checkall {
  margin-left: 0.125rem;
  margin-bottom: 0 !important;
}

.form-check-input {
  margin-top: 0;
}

@media (min-width: 992px) {

  .main-page-container {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .dw-menu-module-detail {
    width: 12rem;
  }  

  .dw-main-notify-popover {
    max-width: 30rem !important;
    width: 25rem !important;
  }

  .myday .app-icon-wrapper {
    /*width: 8rem;*/
    margin-bottom: 1.5rem;
  }
    
  .dw-mainpage-collapse {
    margin-left: 15rem !important;
    transition: all 300ms !important;
  }

  .dw-mainpage-expand {
    margin-left: 3rem !important;
    transition: all 300ms !important;
  }

  .dw-mainpage-collapse .main-tabs-fixed-top {
    left: 15rem !important;
    transition: all 300ms !important;
  }

  .dw-mainpage-expand .main-tabs-fixed-top {
    left: 3rem !important;
    transition: all 300ms !important;
  }

  .dw-menu-collapse {
    width: 3rem !important;
    transition: all 300ms !important;
  }

  .dw-menu-expand {
    width: 15rem !important;
    transition: all 300ms !important;
  }

  .navbar-expand-lg.navbar-vertical ~ .navbar,
  .navbar-expand-lg.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }

  .navbar-vertical.navbar-expand-lg {
    width: 15rem;
    overflow: hidden;
    z-index: 1;
  }

  .erp-panel-staff-list {
      display: inline-block;
      width: calc(40%);
  }

  .erp-panel-staff-list.close {
      display: none;
  }

  .erp-panel-map-info {
      width: calc(59.5%);
      position: relative;
      display: inline-block;
      float: right;
      overflow-y: auto;
      z-index: 1;
  }

  .erp-panel-dlg-map-info {
      top: 0px;
      right: -5px;
      overflow-y: auto;
      width: calc(60%);
      position: relative;
      display: inline-block;
      float: right;
      z-index: 1;
  }

  .erp-panel-map-info.full {
      width: 100%;
      right: 0;
      left: 0;
  }

  .erp-panel-dlg-map-info.full {
      width: 100%;
      right: 0;
      left: 0;
  }

  .leaflet-top .leaflet-control {
      margin-top: 5px;
  }

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

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

  .leaflet-right .leaflet-control {
      margin-right: 5px;
  }

  .leaflet-geosearch-bar {
       position: relative!important;
       display: block!important;
       height: auto!important;
       width: 80%!important;
       max-width: calc(100% - 120px)!important;
       margin: 5px auto 0!important;
       cursor: auto!important;
       z-index: 1000!important;
  }

  .leaflet-control-geosearch form button{
      padding: 0;
      width: 10px;
      border: none;
      background: none;
      font-size: 20px;
      position: absolute;
      top: 1px;
      right: 7px;
    }


    .leaflet-touch .leaflet-geosearch-bar form input{
        width:calc(100% - 15px);
    }

  .item-wrap--preview .image {
      width: 100%;
      height: 140px;
      text-align: center;
  }

  .item-wrap--preview .image:before {
      content: ' ';
      display: block;
      position: absolute;
      height: 140px;
      width: 100%;
      background-color: white;
      background-image: url(../images/photoGridView/imageNotFound.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .item-wrap--preview .album:before {
      right: 20px;
      left: 20px;
      top: -4px;
  }

  .item-wrap--preview .album:after {
      right: 10px;
      left: 10px;
      top: -2px;
  }

  .item-wrap--grid .image {
      width: 80px;
      height: 80px;
  }

  .item-wrap--grid .image:before {
      content: ' ';
      display: block;
      position: absolute;
      height: 80px;
      width: 80px;
      background-color: white;
      background-image: url(../images/photoGridView/imageNotFound.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .erp-panel-map-dashboard.float-left {
    float: left;
  }

  .erp-panel-map-dashboard {
    width: calc(49.5%);
    position: relative;
    display: inline-block;
    overflow-y: auto;
    z-index: 1;
  }

  .erp-panel-map-dashboard.fill {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #dfe1e6;
  }

  .erp-panel-map-dashboard.float-right {
    float: right;
  }

  .erp-panel-map-dashboard {
    width: calc(49.5%);
    position: relative;
    display: inline-block;
    overflow-y: auto;
    z-index: 1;
  }
}

@media (max-width: 767px) {

  .main-page-container {
    margin-top: 8px;
  }


  .login-card-footer-text {
    margin-bottom: 24px;
  }

  .form-toolbar .btn {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }

  .btn-group > .btn:nth-last-child(2) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .dw-main-notify-popover {
    max-width: 20rem !important;
    width: 20rem !important;
  }  

  .dw-main-notify-popover .modal-title {
    font-size: 0.75rem;
  }

  .myday .app-icon-wrapper {
    /*width: 6.2rem;*/
    margin-bottom: 2rem;
  }  

  .center-modal-standard-xx-small .modal-dialog .modal-content {
    height: 100% !important;
  } 

  .center-modal-standard-x-small .modal-dialog .modal-content{
      height      : 100%!important;
  } 

  .center-modal-standard-small .modal-dialog .modal-content{
      height      : 100%!important;
  } 

  .center-modal-standard-medium .modal-dialog .modal-content{
      height      : 100%!important;
  }   

  .center-modal-standard-medium-high .modal-dialog .modal-content{
      height      : 100%!important;
  }  

  .center-modal-standard-large .modal-dialog .modal-content{
      height      : 100%!important;
  }

  .center-modal-standard-large-high .modal-dialog .modal-content {
      height: 100% !important;
  } 

  .center-modal-standard-x-large .modal-dialog .modal-content{
      height      : 100%!important;
  } 

  .center-modal-standard-xx-small .modal-dialog {
      width       : auto !important;
      height      : 100% !important;
      margin      : 0 !important;
      top         : 0 !important;
      max-width: 100% !important;
  }


  .center-modal-standard-x-small .modal-dialog {
      width       : auto !important;
      height      : 100% !important;
      margin      : 0 !important;
      top         : 0 !important;
      max-width: 100% !important;
  }

  .center-modal-standard-small .modal-dialog {
      width       : auto !important;
      height      : 100% !important;
      margin      : 0 !important;
      top         : 0 !important;
      max-width: 100% !important;
  }

  .center-modal-standard-medium .modal-dialog {
      width       : auto !important;
      margin      : 0 !important;
      top         : 0 !important;
      height      : 100% !important;
      max-width: 100% !important;
  }

  .center-modal-standard-medium-high .modal-dialog {
      width       : auto!important;
      margin      : 0!important;
      top         : 0!important;
      height      : 100%!important;
      max-width: 100% !important;
  }

  .center-modal-standard-large .modal-dialog {
      width       : auto !important;
      margin      : 0 !important;
      top         : 0 !important;
      height      : 100% !important;
      max-width: 100% !important;
  }

  .center-modal-standard-large-high .modal-dialog {
      width: auto !important;
      margin: 0 !important;
      top: 0 !important;
      height: 100% !important;
      max-width: 100% !important;
  }

  .center-modal-standard-x-large .modal-dialog {
      width       : auto !important;
      margin      : 0 !important;
      top         : 0 !important;
      height      : 100% !important;
      max-width: 100% !important;
  }  

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .login-card .card-body {
    padding: 35px 24px!important;
  }

  .dw-menu-module-detail {
    width: 85%;
  }  

  .myday .app-icon-wrapper {
    /*width: 6.6rem;*/
    margin-bottom: 1rem;
  }

  .main-page-container{
    padding-left: 3px!important;
    padding-right: 3px!important;
  }
  
  .container-fluid{
    padding-left:3px!important;
    padding-right:3px!important;
  }

  .center-modal-standard-xx-small .modal-dialog {
    width       : 100% !important;
  }

  .center-modal-standard-x-small .modal-dialog {
    width       : 100% !important;
  }

  .center-modal-standard-small .modal-dialog {
    width       : 100% !important;
  }

  .center-modal-standard-medium .modal-dialog {
    width       : 100% !important;
  } 

  .center-modal-standard-medium-high .modal-dialog {
    width       : 100% !important;
  }   

  .center-modal-standard-large .modal-dialog {
    width       : 100% !important;
  }
  
  .center-modal-standard-large-high .modal-dialog {
    width       : 100% !important;
  }   

  .center-modal-standard-x-large .modal-dialog {
    width       : 100% !important;
  }

  .dw-form-group-tab-container{
    margin-top: 5px!important;
    height: 40px!important;
    margin-left: var(--tblr-gutter-x, 0.2rem)!important;
    margin-right: var(--tblr-gutter-x, 0.2rem)!important;
  }

  .dw-form-group-btn-show-more{
    width: 30px;
    height: 30px;
    right: 0;
    position: absolute;
    text-align: center;
    padding-right: 2px;
  }

  .dw-dropdown-menu-show-more{
    padding:0;
    position:absolute;
    right:0;
  }

  .dw-form-group-tab-container-child{
    width:calc(100% - 30px)
  }

  .dw-date-link-popover {
    display: initial!important;
  }

  .myday.card{
    margin-top:0.5rem!important;
  }

  .myday .app-icon-wrapper {
    /*width: 6.9rem;*/
    margin-bottom: 1rem;
  } 

  .opening-forms-btn {
    height: 100%!important;
    width: 40px!important;
    font-size: 26px!important;
    padding-top: 5px!important;
  }

  .dw-label-master-container{
    text-align:left!important;
  }

  .modal-body {
    padding: 0.625rem;
  }

  .card-body {
    padding: 5px!important;
  }

  .all-saved-views{
    padding-left: 10px!important;
  }

  .main-actions-group .btn {
    margin-left: 5px!important;
  }

  .erp-panel-staff-list {
      width: 100%;
  }

  .erp-panel-map-info {
      width: 100%;
      margin-top: 15px;
      z-index: 1;
  }

  .erp-panel-dlg-map-info {
      width: 100%;
      z-index: 1;
  }

  .leaflet-top .leaflet-control {
      margin-top: 5px;
  }

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

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

  .leaflet-right .leaflet-control {
      margin-right: 5px;
  }

  .item-wrap--preview .image {
      width: 150px;
      height: 150px;
      text-align: center;
      margin-right: 0;
  }

  .item-wrap--preview .image:before {
      content: ' ';
      display: block;
      position: absolute;
      height: 150px;
      width: 150px;
      background-color: white;
      background-image: url(../images/photoGridView/imageNotFound.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .item-wrap--preview .album:before {
      right: 20px;
      left: 20px;
      top: -4px;
  }

  .item-wrap--preview .album:after {
      right: 10px;
      left: 10px;
      top: -2px;
  }

  .dw-form-group-tab-item {
      padding: 0 0.3rem!important;  
  }

  .dw-form-group-tab-item .normal-subtab-name{
      font-size: 0.69rem!important;
      white-space: normal!important;
  }
}

.row {
  --tblr-gutter-x: 0.5rem;
  --tblr-gutter-y: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--tblr-gutter-y));
  margin-right: calc(-0.5 * var(--tblr-gutter-x));
  margin-left: calc(-0.5 * var(--tblr-gutter-x));
}

.row:empty {
  display: none !important;
}

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

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 4.5rem !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.popover {
  font-size: 0.75rem;
}

.link-hover-primary:hover {
  color: var(--tblr-primary) !important;
  cursor: pointer !important;
}

.link-hover-light:hover {
  color: var(--tblr-light) !important;
  cursor: pointer !important;
}

.link-hover-dark:hover {
  color: var(--tblr-dark) !important;
  cursor: pointer !important;
}

/*** EXTEND TABLER ***************************************************************/

/*** LOGIN PAGES ***/

.app-input-group,
.form-progress-bar .progress {
  margin-top: -0.2rem;
}

.app-input-group.checkall-wrapper {
  margin-top: 2px;
}

.app-input-group.time-input-v2 {
  margin-top: 0;
}

.app-input-group .star-rating {
  padding: 0;
}

.app-input-group .rating {
  margin-bottom: 3px !important;
  margin-top: 1px;
}

.app-input-group .star-rating .star {
  cursor: pointer;
}

.star-rate-cell-grid {
    border: none;
    margin-top: -3px;
    background-color: #ffffff00;
}

.login-wrapper {
  background-color: var(--dw-dark);
}

.brand-wrapper {
  margin-bottom: 19px;
}
.brand-wrapper .logo {
  height: 37px;
}

.login-card {
  border: 0;
  border-radius: 10.5px;
  box-shadow: 0 10px 15px 0 rgba(172, 168, 168, 0.23);
  overflow: hidden;
}
.login-card-img {
  border-radius: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.login-card .card-body {
  padding: 30px;
}
.imgLogoSignin {
  width: 200px;
  margin-left: -5px;
}
.login-main {
  background: #232e3c;
}

.login-card-description {
  font-size: 25px;
  color: #000;
  font-weight: normal;
  margin-bottom: 23px;
}
.login-card form {
  max-width: 326px;
}
.login-container {
  width: 90%;
}

.login-card .forgot-password-link {
  font-size: 14px;
  color: #919aa3;
  margin-bottom: 12px;
}
.login-card-footer-text {
  font-size: 16px;
  color: #0d2366;
  margin-bottom: 60px;
}

.login-card-footer-nav a {
  font-size: 14px;
  color: #919aa3;
}

/*** LOGIN PAGES ***/

/*** HEADER TABS */

.normal-tab {
  max-width: 10rem;
  background-color: rgba(63, 67, 74, 0.8);
  color: var(--tblr-gray-500);
  cursor: pointer;
  padding: 0 0.5rem;
  margin-right: 1px;
  z-index: 1;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.normal-tab:hover {
  background-color: var(--dw-body-dark);
  color: var(--tblr-gray-200);
}

.normal-tab.dw-tab-actived {
  background-color: var(--tblr-body-bg);
  color: var(--dw-dark);
  min-width: 3rem;
  max-width: 15rem;
}

.normal-tab.dw-tab-actived:hover {
  background-color: var(--tblr-body-bg);
}

.normal-tab.dw-tab-actived .normal-tab-name {
  text-overflow: unset;
  width: 100%;
  overflow: visible;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 3px;
}

.home-tab.dw-tab-actived .normal-tab-name {
  padding-top: 1px;
}

.normal-tab-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

.dw-tab-header-of-form {
  width: 150px;
  height: 29px;
  overflow: hidden;
  padding-left: 6px;
  padding-right: 6px;
  border-right: 1px solid #c5c5c5;
  display: flex;
}

.dw-tab-header-of-form > label {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 99%;
  position: relative;
  padding-top: 8px;
  color: white;
}

.home-tab, .normal-tab {
  max-height: 26px;
  height: 26px;  
}

.home-tab-col {
  margin-left: 2px;
}

.dw-tab-history-actived {
  font-weight: 600;
}

.home-tab {
  font-size: 18px;
  color: var(--dw-body-light);
  text-align: center;
}

.home-tab .normal-tab-name {
  padding-top: 1px;
}

.home-tab.dw-tab-actived {
  padding-top: 1px;
}

.dw-new-tab-form-btn {
  width: 30px;
  font-size: 23px;
  color: var(--dw-body-light);
  text-align: center;
}

.opening-forms-btn {
  color: var(--dw-body-light);
  padding-top: 0px;
  width: 33px;
  min-height: 30px;
  text-align: center;
  font-size: 20px;
  position: absolute;
  right: 0;
}

.dw-opened-forms-popover {
  min-width: 20rem !important;
  max-width: 40rem !important;
  min-height: 50%;
  max-height: 70%;
  border-radius: 3px;
  top: 33px !important;
  right: 0 !important;
  left: auto !important;
  overflow-x: auto;
  position:fixed;
}

.dw-opened-forms-popover .list-group-item {
  z-index: 10;
  padding: 0.5rem 0.75rem;
}

.dw-opened-forms-popover .close-form {
  z-index: 1;
  padding: 1px 5px;
}

.dw-user-manual-popover {
    min-width: 20rem !important;
    max-width: 40rem !important;
    height:500px;
    border-radius: 3px;
    top: 33px !important;
    right: 0 !important;
    left: auto !important;
    overflow-x: auto;
    position: fixed;
}

.dw-user-manual-popover .popover-body{
    height:100%;
}

.dw-advanced-filter-group {
  min-width: 35rem !important;
  max-width: 40rem !important;
  min-height: 80%;
  max-height: 100%;
  border-radius: 3px;
  top: 70px !important;
  right: 10px !important;
  left: auto !important;
  overflow-x: visible;
  overflow-y: visible;
  position: fixed;  
  background-color: white;
  padding: 8px;
  border: 1px solid #d7d7d7;
}


.normal-tab.dw-tab-actived .tab-close {
  color: var(--dw-heading);
  font-size: 12px;
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 15px;
  z-index: 10;
}

.main-tabs-wrapper {
  background-color: var(--dw-dark);
}

.main-tabs-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 15rem;
  z-index: 1030;
}

.toolbar-fixed-top {
  position: fixed;
  top: 28px;
  right: 0;
  z-index: 1030;
}

.main-tabs {
  height: 26px;
  max-height: 26px;
  width: 97%;
}

.main-tabs.row {
  --tblr-gutter-x: 0.25rem;
  --tblr-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
  margin-right: calc(-0.5 * var(--tblr-gutter-x));
  margin-left: calc(-0.5 * var(--tblr-gutter-x));
}

.sidebar-modules {
  background-color: black;
  min-height: 100vh;
  width: 3rem;
  z-index: 20;
}

.sidebar-logo {
  width: 3rem;
  height: 33px;
}

.dw-menu-list-module {
  position: absolute;
  left: 0;
  top: 2.5rem;
  background-color: black;
  height: calc(100% - 2.5rem);
  z-index: 30;
}

.dw-menu-module-detail {
  position: absolute;
  top: 0;
  left: 3rem;
  z-index: 20;
  background-color: var(--dw-dark);
  min-height: 100vh;
  border-left: 1px solid var(--dw-heading);
}

.dw-module-selected {
  border-left: 2px solid var(--dw-second);
  color: var(--dw-second);
}

.dw-module-selected > span {
  margin-left: -2px;
}

/*----------------------------------------------------------------*/

.module-list-popover {
  max-width: 50rem !important;
  width: 46rem !important;
}

.module-list-popover .app-container-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem auto 0rem auto;
  padding-top: 0;
}


.module-list-popover .app-icon-wrapper {
  width: 7rem;
  margin-bottom: 1.5rem;
}

.myday.card {
  margin-top: 2rem;
}

.myday .app-container-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem auto 2rem auto;
  padding-top: 0;
  align-items: center;
  justify-content: center;
}

.app-icon-container {
  margin: 0.5rem auto;
  width: 4rem;
  height: 4rem;
  border-radius: 20%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}

.app-icon-wrapper h2 {
  color: var(--dw-dark);
  text-align: center;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 0.75rem;
}

.app-icon-wrapper i {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.5rem;
}

.app-icon-wrapper .dw-app-icon {
  background-color: var(--tblr-dark);
  border: 5px solid var(--dw-third);
}

.app-icon-wrapper .dw-app-icon:hover {
  border-color: var(--dw-second);
}

.app-icon-wrapper .dw-app-icon:hover i {
  color: var(--dw-second);
}

/*----------------------------------------------------------------*/

.dw-menu-module-icon {
  height: 36px;
  width: 46px;
  text-align: center;
  padding-top: 4px;
  padding-left: 2px;
  margin-top: 1px;
  margin-bottom: 1px;
  cursor: pointer;
}

.dw-menu-module-icon > span {
  font-size: 1.25rem;
}

.dw-menu-module-icon:hover {
  color: var(--dw-second);
}

.module-title {
  height: 28px;
  text-transform: uppercase;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
}

.module-title i {
  color: var(--dw-second);
}

/* ==== BEGIN: DATE PICKER ============================================================= */

.uib-datepicker-popup .text-center {
  color: var(--tblr-gray-600) !important;
  font-weight: 500;
}
.uib-datepicker-popup .btn-secondary {
  background: none;
  color: var(--tblr-body-color);
  border: 1px solid transparent;
  border-radius: 3px;
}

.uib-datepicker-popup .btn-secondary .fa-svg-icon {
  margin-top: 2px;
}

.uib-datepicker-popup .btn-secondary.btn-info {
  border: 1px solid var(--tblr-info-rgb);
}

.uib-datepicker-popup .text-muted {
  color: var(--tblr-gray-600) !important;
}

.uib-datepicker-popup .btn-secondary:hover,
.uib-datepicker-popup .btn-info:hover {
  border: 1px solid var(--tblr-primary) !important;
  color: var(--tblr-primary) !important;
}

.uib-datepicker-popup .btn-secondary.active {
  border: 1px solid var(--tblr-primary) !important;
  color: var(--tblr-primary) !important;
}

.uib-datepicker-popup .btn-secondary.active .text-info {
  color: var(--tblr-primary) !important;
}

.uib-datepicker-popup .btn {
  font-weight: 400;
}

.time-input-v2 {
  width: 68%;
}

/* ==== END: DATE PICKER ============================================================= */

/* ==== BEGIN: SCROLL BAR ============================================================= */


::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: var(--tblr-gray-600);
  border: 0px none var(--tblr-gray-600);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--tblr-gray-600);
}
::-webkit-scrollbar-thumb:active {
  background: var(--tblr-gray-700);
}
::-webkit-scrollbar-track {
  background: var(--tblr-gray-200);
  border: 0px none var(--tblr-gray-200);
  border-radius: 5px;
}
::-webkit-scrollbar-track:hover {
  background: var(--tblr-gray-400);
}
::-webkit-scrollbar-track:active {
  background: var(--tblr-gray-400);
}
::-webkit-scrollbar-corner {
  background: transparent;
}


/*--- MODAL CUSTOMIZATION ------------------------------------------------------------*/

.center-modal-report {
  position: fixed;
}

.center-modal-report.modal {
  height: 101%;
  margin: 0;
  padding: 0;  
}

.center-modal-report .modal-dialog.modal-xl {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.report-print-btn {
  right: 35px;
  top: 5px;
  height: 23px !important;
  position: absolute;
  z-index: 9999;
  width: 70px;
  font-size: 14px;
}

.report-close-btn {
  right: 5px;
  top: 5px;
  position: absolute;
  z-index: 9999;
  width: 23px;
}

/*--XX-Small--*/
.center-modal-standard-xx-small {
    z-index     : 1050;
    overflow-y  : auto;
}

.center-modal-standard-xx-small .modal-dialog {
  width       : 25%;
  height      : 45%;
  margin-top  : 0;
  top         : 15%;
  max-width   : 100%;
}

.center-modal-standard-xx-small .modal-dialog .modal-content {
  height: 100%;
}

/*--X-Small--*/
.center-modal-standard-x-small{
  z-index       :1050;
  overflow-y    :auto;
}

.center-modal-standard-x-small .modal-dialog {
  width       : 35%;
  height      : 60%;
  margin-top  : 0;
  top         : 10%;
  max-width   : 100%;
}

.center-modal-standard-x-small .modal-dialog .modal-content {
  height: 100%;
}

/*--Small--*/
.center-modal-standard-small{
  z-index       :1050;
  overflow-y    :auto;
}

.center-modal-standard-small .modal-dialog {
  width       : 45%;
  height      : 75%;
  margin-top  : 0;
  top         : 10%;
  max-width   : 100%;
}

.center-modal-standard-small .modal-dialog .modal-content {
  height: 100%;
}

/*--Medium--*/
.center-modal-standard-medium {
  z-index       :1050;
  overflow-y    :auto;
}

.center-modal-standard-medium .modal-dialog {
  width       : 65%;
  height      : 75%;
  margin-top  : 0;
  top         : 10%;
  max-width   : 100%;
}

.center-modal-standard-medium-high .erp-dialog-title{
  max-width: 300px;
}

.center-modal-standard-medium .modal-dialog .modal-content {
  height: 100%;
}

/*--Medium & High--*/
.center-modal-standard-medium-high {
  z-index       :1050;
  overflow-y    :auto;
}

.center-modal-standard-medium-high .erp-dialog-title{
  max-width: 300px;
}

.center-modal-standard-medium-high .modal-dialog {
  width       : 65%;
  height      : 95%;
  margin-top  : 0;
  top         : 2%;
  max-width   : 100%;
}

.center-modal-standard-medium-high .modal-dialog .modal-content {
  height: 100%;
}

/*--Large--*/
.center-modal-standard-large{
  z-index       :1050;
  overflow-y    :auto;
}

.center-modal-standard-medium-high .erp-dialog-title{
  max-width: 300px;
}

.center-modal-standard-large .modal-dialog {
  width       : 85%;
  height      : 80%;
  margin-top  : 0;
  top         : 10%;
  max-width   : 100%;
}

.center-modal-standard-large .modal-dialog .modal-content {
  height: 100%;
}

/*--Large & High--*/
.center-modal-standard-large-high {
  z-index     :1050;
  overflow-y  :auto;
}

.center-modal-standard-large-high .erp-dialog-title{
  max-width: 300px;
}

.center-modal-standard-large-high .modal-dialog {
  width       : 85%;
  height      : 99%;
  margin-top  : 0;
  top         : 0.3%;
  max-width   : 100%;
}

.center-modal-standard-large-high .modal-dialog .modal-content {
  height: 100%;
}

/*--X-Large--*/
.center-modal-standard-x-large{
  z-index : 1050;
  overflow-y:auto;
}

.center-modal-standard-x-large .modal-dialog {
  width       : 98%;
  height      : 99%;
  margin-top  : 0;
  top         : 5px;
  max-width   : 96%;
}

.center-modal-standard-x-large .modal-dialog .modal-content {
  height: 100%;
}
/*---------------------------------------------------------------*/


.modal-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -webkit-transition: .3s background;
  transition: .3s background; }

.modal-body::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

.modal-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--tblr-gray-700); 
}

.modal-body::-webkit-scrollbar-track {
  background: var(--tblr-gray-700); 
}

.modal-body::-webkit-scrollbar-corner {
  background: transparent; }

.modal-body:hover::-webkit-scrollbar-thumb {
  background: var(--tblr-gray-700); 
}


.ag-body-viewport::-webkit-scrollbar {
  /*width: 10px;*/
  /*height: 10px;*/
}
.ag-body-viewport::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.ag-body-viewport::-webkit-scrollbar-thumb {
  background: #c6cad0;
  border: 0px none #c6cad0;
  border-radius: 5px;
}
.ag-body-viewport::-webkit-scrollbar-thumb:hover {
  background: #a0a6ae;
}
.ag-body-viewport::-webkit-scrollbar-thumb:active {
  background: #6e7680;
}
.ag-body-viewport::-webkit-scrollbar-track {
  background: #f0f2f6;
  border: 0px none #f0f2f6;
  border-radius: 5px;
}
.ag-body-viewport::-webkit-scrollbar-track:hover {
  background: #e7eaef;
}
.ag-body-viewport::-webkit-scrollbar-track:active {
  background: #dbdee3;
}
.ag-body-viewport::-webkit-scrollbar-corner {
  background: transparent;
}


.ag-pinned-right-cols-viewport::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.ag-pinned-right-cols-viewport::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.ag-pinned-right-cols-viewport::-webkit-scrollbar-thumb {
  background: #c6cad0;
  border: 0px none #c6cad0;
  border-radius: 5px;
}
.ag-pinned-right-cols-viewport::-webkit-scrollbar-thumb:hover {
  background: #a0a6ae;
}
.ag-pinned-right-cols-viewport::-webkit-scrollbar-thumb:active {
  background: #6e7680;
}
.ag-pinned-right-cols-viewport::-webkit-scrollbar-track {
  background: #f0f2f6;
  border: 0px none #f0f2f6;
  border-radius: 5px;
}
.ag-pinned-right-cols-viewport::-webkit-scrollbar-track:hover {
  background: #e7eaef;
}
.ag-pinned-right-cols-viewport::-webkit-scrollbar-track:active {
  background: #dbdee3;
}
.ag-pinned-right-cols-viewport::-webkit-scrollbar-corner {
  background: transparent;
}


#module-icons::-webkit-scrollbar {
  width: 3px;
  height: 0px;
}

#module-icons::-webkit-scrollbar-button {
  width: 3px;
  height: 0px;
}

#module-icons::-webkit-scrollbar-thumb {
  background: black;
  border: 0px none transparent;
  border-radius: 2px;
}
#module-icons::-webkit-scrollbar-thumb:hover {
  background: var(--dw-body-dark);
}
#module-icons::-webkit-scrollbar-thumb:active {
  background: var(--dw-body-dark);
}
#module-icons::-webkit-scrollbar-track {
  background: black;
  border: 0px none transparent;
  border-radius: 2px;
}
#module-icons::-webkit-scrollbar-track:hover {
  background: black;
}
#module-icons::-webkit-scrollbar-track:active {
  background: black;
}
#module-icons::-webkit-scrollbar-corner {
  background: transparent;
}

/* Module Tree */

#module-tree-menu::-webkit-scrollbar {
  width: 8px;
  height: 0px;
}

#module-tree-menu::-webkit-scrollbar-button {
  width: 8px;
  height: 0px;
}

#module-tree-menu::-webkit-scrollbar-thumb {
  background: var(--tblr-gray-400);
  border: 0px none transparent;
  border-radius: 3px;
}
#module-tree-menu::-webkit-scrollbar-thumb:hover {
  background: var(--tblr-gray-500);
}

#module-tree-menu::-webkit-scrollbar-thumb:active {
  background: var(--tblr-gray-600);
}
#module-tree-menu::-webkit-scrollbar-track {
  background: var(--tblr-body-bg);
  border: 0px none transparent;
  border-radius: 0;
}
#module-tree-menu::-webkit-scrollbar-track:hover {
  background: var(--tblr-body-bg);
}
#module-tree-menu::-webkit-scrollbar-track:active {
  background: var(--tblr-body-bg);
}
#module-tree-menu::-webkit-scrollbar-corner {
  background: transparent;
}

/* ==== END: SCROLL BAR ============================================================= */

.dw-main-notify-popover {
  border-radius: 3px;
  left: 3rem !important;
  top: 0rem !important;
  height: 100vh;
  position: fixed;
}

.dw-main-notify-popover .popover-body {
  padding: 0;
}

.dw-main-notify-popover .modal-header {
  width: 100%;
}

.dw-main-notify-popover .modal-footer {
  justify-content: center;
}

.dw-main-notify-popover .total-pages {
  margin-top: 3px;
}

.dw-main-notify-popover .page-number {
  text-align: center;
  width: 4rem;
  height: 24px;
}

.dw-notify-board-srcollbar {
  height: calc(100vh - 6rem);
}

.dw-custom-badge {
  background-color: var(--dw-orange);
  color: white;
  top: 35px;
  position: absolute;
  margin-left: 18px;
  text-align: center;
  display: block;
  height: 16px;
  border: 1px solid;
  border-radius: 10px;
  width: 26px;
  padding: calc(0.125rem - 1px) 0.125rem;
}

.dw-number-notification {
  position: absolute;
  margin: auto;
  display: block;
  bottom: 0;
  top: 5px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 9px;
  height: 14px;
}

.dw-number-notification-my-day {
    background-color: var(--dw-orange);
    color: #fff;
    /* font-weight: bold; */
    border: 1px var(--dw-orange) solid;
    border-radius: 15px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.dw-module-selected .dw-custom-badge {
  margin-left: 20px !important;
}

.list-group-item-popover {
  border-radius: 0 !important;
  margin-top: 0;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 4px;
  padding-right: 3px;
  display: inline-flex;
  border: none;
  border-bottom: 1px solid #dddfe2;
  border-radius: 0;
}

.img-notification-list {
  padding-right: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #adadad;
}

.dw-show-hide-menu-btn {
  position: fixed;
  bottom: 1.5rem;
  color: white;
  z-index: 1;
  border-radius: 0 3px 3px 0;
  background: var(--dw-body-light);
  cursor: pointer;
  font-size: 0.5rem;
  opacity: 0.7;
}

.dw-collapse-menu-btn {
  -moz-transition: all 280ms;
  -o-transition: all 280ms;
  -webkit-transition: all 280ms;
  transition: all 280ms;
  left: 15rem;
  padding: 0.5rem 0.125rem 0.5rem 0.125rem;
}

.dw-collapse-menu-btn:hover {
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--dw-second);
  background: var(--dw-body-dark);
  opacity: 1;
}

.dw-uncollapse-menu-btn {
  -moz-transition: all 280ms;
  -o-transition: all 280ms;
  -webkit-transition: all 280ms;
  transition: all 280ms;
  left: 3rem;
  padding: 0.5rem 0.125rem 0.5rem 0.125rem;
}

.dw-uncollapse-menu-btn:hover {
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--dw-second);
  background: var(--dw-body-dark);
  opacity: 1;
}

input[type="search"]:hover::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    margin-left: 0;
    margin-right: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    cursor: pointer;
}

input[type="search"]:focus::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    margin-left: 0;
    margin-right: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    cursor: pointer;
}
/*COLOR FOR GRID*/
/*file define color class for backgroud, text of element*/
.text-red {
  color: #ef2c2c;
}

.text-blue {
  color: #0f78b5;
}

.text-brown {
  color: #b82f2f;
}

.text-yellow {
  color: #fd991d;
}

.text-orange {
  color: orange;
}

.text-green {
  color: #278608;
}

.text-grey {
  color: #757575;
}

.text-black {
  color: #373737;
}

.text-pink {
  color: #e892c6;
}

.text-violet {
  color: #d01ab1;
}

.text-Teal {
  color: #008080;
}

.text-cyan {
  color: #7bb6ba;
}

.text-Viridian {
  color: #40826d;
}

.blue-cell {
  background-color: blue;
  color: white;
}

.yellow-cell {
  /*background-color: #f5f686*/
  background-color: #ffffcc;
}

.black-cell {
  background-color: #373737;
}

.lotus-cell {
  background-color: #f694c6;
}

.white-text {
  color: #ffffff;
}

.red-text {
  color: red;
}

.brown-text {
  color: #b82f2f;
}

.orange-cell {
  background-color: #ffcc6e;
}

.blue-cell {
  background-color: #0f78b5;
}

.violet-cell {
  background-color: #d01ab1;
}

.green-cell {
  background-color: #278608;
}

.brown-cell {
  background-color: #b82f2f;
}

.grey-cell {
  background-color: #eeeeee;
}

.strong-grey-cell {
  background-color: #cecccc;
}

.white-cell {
  background-color: white;
}

.red-cell {
  background-color: red;
  color: white;
}

.hightlight-cell {
  background-color: #eee8aa;
}

.color-cell-custom-1 {
  background-color: rgb(255, 230, 153);
}

.color-cell-custom-2 {
  background-color: rgb(255, 242, 204);
}

.color-cell-custom-3 {
  background-color: rgb(252, 228, 214);
}

.color-cell-custom-4 {
  background-color: rgb(255, 255, 204);
}

.color-cell-custom-5 {
  background-color: rgb(226, 239, 218);
}

.textbox-red {
  background-color: #ef2c2c;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-blue {
  background-color: #0f78b5;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-brown {
  background-color: #b82f2f;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-yellow {
  background-color: #fd991d;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-orange {
  background-color: orange;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-green {
  background-color: #278608;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-grey {
  background-color: #757575;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-pink {
  background-color: #e892c6;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-violet {
  background-color: #d01ab1;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-Teal {
  background-color: #008080;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-cyan {
  background-color: #7bb6ba;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.textbox-Viridian {
  background-color: #40826d;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  border-radius: 2px;
  margin-right: 2px;
}

.text-bold {
  font-weight: bold !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: #969696 !important;
  color: white;
}

.tox-tinymce {
  width: 100%;
}

.help-btn {
  width: 95px;
  max-width:95px;
  margin-left: 10px;
  color: white;
  background-color: #232e3c;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  display: table;
}

.help-btn > span {
  vertical-align: middle;
  display: table-cell;
}

.help-btn > i {
  vertical-align: middle;
  display: table-cell;
  font-size: 20px;
}

.container-image {
    background-color: #eaeaea;
    border: solid 1px #a9a9a9;
    border-style: dashed;
}

.container-signature {
    border: solid 1px #a9a9a9;
    border-style: dashed;
    background-color: #eee;
    width: 100%;
}

.container-signature>div>canvas {
    background-color: #fff;
/*    height: 100%!important;
    width: 85%!important;*/
}

/*LEAD DUBLICATE LABEL*/
#frmCLead_group_lblFoundDupLead {
    padding-top: 0 !important;
    position: absolute;
    top: 5px;
    padding-left: 5px;
    right: 120px;
    height: 21px;
    width: 335px;
    font-weight: bolder;
    text-transform: uppercase;
}

#frmCLead_lblFoundDupLead {
    max-width: 100% !important;
    font-size: 12px;
    color: #ff1010;
}

#frmCLead_group_btnDupIcon {
    padding-top: 0 !important;
    width: 30px;
    position: absolute;
    top: -5px;
    right: 450px;
}

#frmCLead_btnDupIcon {
    background-color: #e7e6e6 !important;
    background-image: none !important;
    border: none !important;
    color: #ff1010 !important;
    height: 19px;
    padding: 6px;
}

#frmCLead_group_lblViewDup {
    padding-top: 0 !important;
    position: absolute;
    top: 5px;
    right: 32px;
    height: 21px;
    width: 140px;
    text-align: center;
    text-transform: uppercase;
}

#frmCLead_lblViewDup {
    max-width: 100%;
    font-size: 12px;
    color: #ff1010;
    text-decoration: underline;
}

/*DUBLICATE OPP---------------*/
#frmCOpp_group_lblFoundDupOpp {
    padding-top: 0 !important;
    position: absolute;
    top: 5px;
    padding-left: 5px;
    right: 120px;
    height: 21px;
    width: 335px;
    font-weight: bolder;
    text-transform: uppercase;
}

#frmCOpp_lblFoundDupOpp {
    max-width: 100% !important;
    font-size: 12px;
    color: #ff1010;
}

#frmCOpp_group_btnDupIcon {
    padding-top: 0 !important;
    width: 30px;
    position: absolute;
    top: -5px;
    right: 450px;
}

#frmCOpp_btnDupIcon {
    background-color: #e7e6e6 !important;
    background-image: none !important;
    border: none !important;
    color: #ff1010 !important;
    height: 19px;
    padding: 6px;
}

#frmCOpp_group_lblViewDup {
    padding-top: 0 !important;
    position: absolute;
    top: 5px;
    right: 32px;
    height: 21px;
    width: 140px;
    text-align: center;
    text-transform: uppercase;
}

#frmCOpp_lblViewDup {
    max-width: 100%;
    font-size: 12px;
    color: #ff1010;
    text-decoration: underline;
}

/*----------------------*/
.btn-link-master-hide {
    cursor:not-allowed!important;
}

.btn-link-master-hide i.fa{
    color: var(--tblr-gray-600)!important;
}

.dw-widget-title {
    padding-top: 5px;
    padding-left: 10px;
    font-size: 14px;
}

.main-actions-group .btn {
  margin-left: 0.375rem;
}

.pin-saved-views {
  display: inline-flex;
  padding-right: 0;
}

.all-saved-views {
  padding-left: 0;
}

.dw-btn-save-view {
    width: 100%;
    text-align: left;
    border: 1px solid #d5d5d5;
    background-color: white;
    padding: 5px;
}

.btn-outline-primary.dw-btn-funnel-selected {
  background-color: #EAEEF8;
  border-color: var(--dw-second);
  color: var(--dw-second);
}

.dw-btn-advance-filter {
    width: 100%;
    text-align: left;
    border: 1px solid #d5d5d5;
    background-color: white;
    padding: 5px;
}

.dw-btn-dialog-advanced-filter {
    border: 1px solid #d5d5d5;
    background-color: white;
    padding: 3px;
    width: 125px;
    text-align: center;
    position: absolute;
    /*bottom: 10px;*/
    border-radius: 5px;
}

.dw-form-group-tab-container {
    margin-top: 30px;
    height: 25px;
    display: inline-flex;
    border-bottom: 1px solid var(--dw-grid-border-color);
    margin-left: var(--tblr-gutter-x, 0.625rem);
    margin-right: var(--tblr-gutter-x, 0.625rem);
    margin-bottom: 0rem;
}

.dw-form-group-tab-item {
    cursor: pointer;
    padding: 0 0.8rem;
    margin-right: 1px;
    z-index: 1;
}


.dw-form-group-btn-show-more {
    border-right: 1px solid #cbcb;
    border-left: 1px solid #cbcb;
    padding-top: 1px;
    width: 23px;
}

.dw-form-group-btn-show-more > span{
    font-size: large;
}

.dw-form-group-btn-show-more .dropdown-toggle::after{
    color:black;
}

.dw-form-group-btn-show-more > ul > li:last-child {
    border-bottom: none;
}

.dw-form-group-btn-more-item {
    height: 30px;
    padding: 5px;
    width: 210px;
    border-bottom: 1px solid #d6d6d6;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--dw-body-dark);
}

.dw-form-group-tab-item-more-active {
    /*background-color: #e8e8e8;*/
    color: var(--dw-second);
}


.dw-btn-show-more-filter {
    position: absolute;
    right: 10px;        
    padding-top: 0px;
    width: 40px;
    height: 12px;
    text-align: center;
    color: white;
    background-color: #9f9f9f;
    border-radius: 0px 0px 5px 5px;
    background-color: var(--dw-third);
    cursor: pointer;
}

.dw-btn-show-more-filter i.bi {
  color: var(--dw-second);
  position: absolute;
  right: 14px;
  top: -1px;
  font-size: 11px;
}

.dw-btn-show-more-filter-data-entry {
    float:right;
    padding-top: 0px;
    width: 30px;
    height: 12px;
    text-align: center;
    color: white;
    background-color: #9f9f9f;
    border-radius: 0px 0px 5px 5px;
    background-color: var(--dw-third);
    cursor: pointer;
}

.dw-btn-show-more-filter-data-entry i.bi {
  color: var(--dw-second);
  position: relative;  
  top: -1px;
  font-size: 11px;
}

.dw-tab-saved-view {
    margin-right:0.375rem;
    background: none;
    border-color: var(--tblr-gray-400);
    color: var(--dw-body-dark);
    font-weight: 400;
}

.dw-saved-view-actived {
    border-color: var(--dw-second);
    color: var(--dw-second);    
    font-weight: 500;
}

.dw-form-group-tab-item .normal-subtab-name {
    text-transform: uppercase;
    color: var(--dw-body-dark);
    font-size: 0.73rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    white-space: nowrap;
}

.dw-form-group-tab-item.dw-form-group-tab-item-active .normal-subtab-name {
  color: var(--dw-second);
  font-weight: 600;
}

.dw-form-group-tab-item-active {
  box-shadow: 0px -2px 0px var(--dw-second) inset;
}

.dw-icon-item-mode-view{
    margin-right:5px;
}

.dw-saved-view-actived-in-list {
    background-color: #d0ebff;
}

.dw-advanced-filter-wrapper {
  margin-top: 0;
  margin-bottom: 10px;
}

.dw-advanced-filter-wrapper-data-entry {
    margin-top: 0;
    margin-bottom: 0;
}

.filter-group .card {
  border: 1px solid var(--dw-third);
  background-color: #EAEEF8;
}

.dw-form-button{
    color:white;
    margin-right:5px;
    border-radius:4px!important;
}

.dw-calendar-link-popover{
    max-width:1000px;
}

.dw-calendar-link-popover .popover-body{
    padding: 0.1rem;
}

/*TYPE AHEAD*/
    .dw-typeahead .typeahead-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    border: 1px solid #ddd;
    /*padding: 5px;*/
    background-color: white;
}

.dw-typeahead .typeahead-popup-wrapper > .message {
    padding: 10px 20px;
    color: #868686;
}

.dw-typeahead .typeahead-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: white;
    border: none;
    border-radius: 0;
    box-shadow: none;
    max-height: initial !important;
}

.typeahead-cell-grid {
    padding: 5px;
    border: 1px #ddd;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.typeahead-cell-header-grid {
    padding: 5px;
    border: 1px #ddd;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #f4f6fa
}

.typeahead-row-grid {
    height: 100%;
    width:100%;
    display: inline-flex
}

.typeahead-row-grid:hover {
    background-color:#6DA9DF;
    color:white;
}

.typeahead-header-grid {
    height: 100%;
    display: inline-flex;
    border-bottom: 1px solid #ddd;
}

.typeahead-item-active {
    background-color: #6DA9DF;
    color: white;
}

.typeahead-item {
    padding: 5px;
    border: 1px #ddd;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dw-label-master-container {
    padding-right   : 2px;
    text-align      : right
}

.dw-date-link-popover {
    display: inline-flex;
}

.dw-date-link-popover .dhx_calendar{
    padding:10px;
}

.dw-form-title {
    padding-top: 5px;
    padding-left:5px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.dw-modal-link-date .modal-dialog{
    margin:0;
    height:100%;
}

.dw-modal-link-date .modal-content {
    align-items: center !important;
    background-color: #00000091;
    height: 100%;
    padding-top: 55px;
}

.dw-myday-img-user {
    border-radius: 50%;
    width: 5.5rem;
    height: 5.5rem;
    object-fit: cover;
    margin-right: 10px;
    /*margin-left: 10px;*/
    border: 2px #dddbdb solid;
}

.dw-myday-board-user-info {
    background-color: #f0f8ff;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 10px 0 10px 0;
    border-radius: 5px;
}

.dw-link-date-start-input {
    text-align: center;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right:0;
}

.dw-cell-link-label{
    padding-left:2px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right:0;
}

.dw-adv-filter-btn-board {
    margin-top: 8px;
    height: 25px;
}

.maplibregl-ctrl-geocoder {
    max-width: 600px !important;
    width: 180% !important;
}

.mapboxgl-ctrl-geocoder {
    max-width: 600px !important;
    width: 500px !important;
}

.erp-avatar-notify {
    object-fit:cover;
    border-radius: 50%;
    border: 1px solid #adadad;
}

.erp-panel-map-dashboard.full {
    width: 100%
}

.erp-panel-map-dashboard.close {
    width: 0;
    height: 0
}

.callio-widget-icon {
    display: none;
}

#callio-widget-call {
    display: none;
}

.dx-texteditor.dx-editor-outlined {
    padding: 0!important;
    background-color: var(--dw-form-control-bg-color)!important;
    height: 21px!important;
    border-radius: 4px!important;
}

.dx-popup-wrapper > .dx-overlay-content{
    min-width:300px;
}