/*
* Login Page
*/
.login-div .ant-form-item-label label {
  color: #ffffff;
}
.login-div .ant-form-item-control-input .ant-form-item-control-input-content input {
  color: #00B1FF;
}
.login-div .ant-form-item-explain-error {
  color: #FFDB44;
}
.login-btn {
  margin-top: 40px;
  color: #00B1FF;
}
.login-logo .login-img-logo {
  width: 200px;
}
.sso-btn {
  border-radius: 10px;
  height: 45px;
}
/*
* End Login Page
*/
/*
* Dashboard Page
*/
.dashboard-page-content-container .dashboard-top-card h2 {
  font-size: 18px;
  font-weight: 700;
}
.dashboard-page-content-container .ant-card-head {
  border-bottom: unset;
}
.dashboard-page-content-container .ant-card-head .ant-card-head-title {
  font-size: 20px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif !important;
}
.dashboard-page-content-container .ant-card .stock-history-stats {
  margin-right: 35px;
}
.dashboard-page-content-container .ant-card .stock-history-stats .ant-col {
  border-radius: 5px;
}
.dashboard-page-content-container .ant-card .stock-history-stats .ant-col .ant-statistic-content-value {
  font-weight: 700;
}
.dashboard-page-content-container .ant-card .custom-tab .ant-tabs-nav {
  margin: unset;
}
.dashboard-page-content-container .recent_stock .ant-card-extra {
  width: 75%;
  padding: 24px;
}
.dashboard-page-content-container .ant-card-extra,
.dashboard-page-content-container .ant-card-head-title {
  padding: 0px;
}
/*
* End Dashboard Page
*/
/*
* Custom CSS
*/
.bg-blue {
  background: #00B1FF;
}
.bg-theme {
  background: linear-gradient(170deg, #24BEB7 0%, #3EE199 100%);
}
.bg-light-pink {
  background-color: #bbbdfd;
}
.bg-light-gray {
  background: #F0F0F0;
}
.bg-light-gray:hover {
  background: #8D8D8D;
  color: #ffffff !important;
}
.bg-unset {
  background: unset;
}
.text-underline {
  text-decoration: underline;
}
.text-primary {
  color: #00B1FF !important;
}
.text-black {
  color: #000000 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-dark-gray {
  color: #8D8D8D !important;
}
.text-gray {
  color: #D7D7D7 !important;
}
.text-success {
  color: #52C41A;
}
.text-danger {
  color: red !important;
  font-weight: 600;
}
.text-blue {
  color: #1890FF !important;
}
.text-bold {
  font-weight: bold !important;
}
.text-weight-600 {
  font-weight: 600 !important;
}
.text-family-roboto {
  font-family: 'Roboto', sans-serif !important;
}
.text-size-10 {
  font-size: 10px;
}
.text-size-12 {
  font-size: 12px;
}
.text-size-16 {
  font-size: 16px;
}
.text-size-20 {
  font-size: 20px;
}
.text-size-35 {
  font-size: 35px;
}
.text-size-45 {
  font-size: 45px;
}
.text-size-2-rem {
  font-size: 1.9rem;
}
.w-100 {
  width: 100%;
}
.w-75 {
  width: 75% !important;
}
.w-75 {
  width: 75% !important;
}
.w-60px {
  width: 60px;
}
.h-50 {
  height: 500px;
}
.h-70 {
  height: 700px;
}
.h-100 {
  height: 100%;
}
.border-top-unset {
  border-top-color: unset !important;
}
.ml-1 {
  margin-left: 1rem;
}
.ml-10 {
  margin-left: 10px;
}
.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.lh-1 {
  line-height: 1;
}
.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.column-reverse .ant-form-item-control {
  flex-direction: column-reverse;
}
.table-margin-custom .ant-table {
  margin: -16px -16px -16px -16px !important;
}
.btn-style {
  border-radius: 7px;
  background-color: #00B1FF;
}
.btn-secondary {
  background: #F0F0F0;
  color: #000000;
}
.login-logo {
  margin-bottom: 30px;
  margin-top: 30px;
}
.topbar-nav-menu {
  margin-right: 20px;
}
.topbar-nav-menu .ant-avatar {
  background-color: transparent;
  width: 28px;
  height: 28px;
}
.cursor-pointer {
  cursor: pointer;
}
.content-margin {
  margin: 15px 15px 0 15px;
}
.content-margin.searchbox .ant-form-item {
  margin-bottom: 10px;
}
.content-header .ant-card-head {
  border: unset;
  padding: 10px 5px 10px 0 !important;
}
.breadcrumb-header .ant-card-body {
  margin: unset !important;
}
.me-lg-15 {
  margin-right: 4rem !important;
}
@media only screen and (max-width: 767px) {
  .topbar-nav-menu .avatar-name {
    display: none;
  }
}
.login-left-div .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-control-input .ant-form-item-control-input-content input {
  color: #52C41A;
}
.login-left-div .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-control-input .ant-form-item-control-input-content input {
  color: red;
}
.login-left-div .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.login-left-div .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.login-left-div .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.login-left-div .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  top: -18px;
  right: unset;
  left: 60px;
}
.login-left-div .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: unset;
}
.login-left-div {
  background-image: url(/images/login-bg-hover.png?27065e57026531825e37bd2866201721);
  background-repeat: no-repeat;
  background-size: cover;
}
.custom-table tr th:nth-child(2) {
  text-align: center;
}
.custom-table tr th:nth-child(3) {
  text-align: center;
}
.custom-table tr th:last-child {
  text-align: center;
}
.custom-table tbody tr td:nth-child(2) {
  text-align: center;
}
.custom-table tbody tr td:nth-child(3) {
  text-align: center;
}
.custom-table tbody tr td:last-child {
  text-align: center;
}
.inside-table.custom-table .ant-table {
  margin: -16px !important;
}
.inside-table.custom-table .ant-table tr th:first-child {
  text-align: center;
  border-left: 1px solid #f0f0f0;
}
.inside-table.custom-table .ant-table tbody tr td:first-child {
  text-align: center;
  border-left: 1px solid #f0f0f0;
}
.inside-table.custom-table .ant-table tbody tr td:last-child {
  text-align: left;
}
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.custom-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
  border-right: unset;
}
.custom-tag {
  color: #ffffff;
  background-color: #00B1FF;
  padding: 2px 10px;
  width: 100px;
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
}
.custom-radio-button {
  width: 100%;
  height: 120px !important;
  text-align: center;
  padding: 5px;
}
.g-btn-wrapper .g-btn iframe {
  width: 100% !important;
}
.g-btn-wrapper .g-btn html #container {
  width: 100%;
}
.login-with-google-btn {
  transition: background-color 0.3s, box-shadow 0.3s;
  padding: 12px 16px 12px 42px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 12px 11px;
}
.login-with-google-btn:hover {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
}
.login-with-google-btn:active {
  background-color: #eeeeee;
}
.login-with-google-btn:focus {
  outline: none;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
}
.login-with-google-btn:disabled {
  filter: grayscale(100%);
  background-color: #ebebeb;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
/*
* End Custom CSS
*/
/*
* Custom Ant Design
*/
.ant-drawer-title {
  font-family: 'Roboto', sans-serif !important;
}
.ant-modal-title {
  font-weight: 700;
  font-family: 'Roboto', sans-serif !important;
}
.ant-page-header-heading-title {
  font-size: 16px;
  color: #00B1FF;
}
.ant-table-row-expand-icon {
  color: #ffffff;
  background-color: #00B1FF;
  border-radius: 10px;
}
.ant-table-row-expand-icon:focus {
  color: #ffffff !important;
  background-color: var(--primary-hover-color);
}
.ant-table-row-expand-icon:hover {
  color: #ffffff !important;
  background-color: var(--primary-hover-color);
}
.ant-badge-multiple-words {
  padding: 1px 4px;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  top: 5px;
}
.dropdown-notifications .ant-avatar {
  margin-left: 10px;
  margin-right: 10px;
}
.dropdown-notifications .ant-dropdown-menu-nav-more {
  display: none;
}
.ant-breadcrumb {
  color: #000000;
}
.ant-breadcrumb a {
  color: #000000;
}
.ant-breadcrumb > span:last-child {
  color: #00B1FF;
}
.ant-card.ant-card-bordered {
  padding: 0 1.5rem 0 1.5rem;
}
.ant-card.ant-card-bordered .ant-card-head {
  padding: unset;
}
.ant-card.ant-card-bordered .ant-table-thead tr .ant-table-cell {
  background-color: #F0F0F0;
  font-weight: 700;
}
.ant-input-number-group-addon {
  font-weight: 700;
}
.ant-drawer-title {
  font-weight: 700;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .second_submenu .ant-menu-item-selected {
  background-color: #4fc3f5 !important;
}
.second_submenu.ant-menu-submenu-open.ant-menu-submenu-selected .ant-menu-submenu-title:first-child {
  background-color: #00B1FF;
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: #ffffff;
  background: #C4C4C4;
  border-color: #8D8D8D;
}
.ant-typography ul {
  list-style-type: disc;
  color: #1890FF;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px #4fc3f5;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px #70cbf1;
}
.ant-select-multiple .ant-select-selection-item {
  color: #ffffff;
  background: #70cbf1;
  border: 1px solid #00B1FF;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #ffffff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #4D88FF !important;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #ffffff !important;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
/*
* End Custom Ant Design
*/
.table-responsive .ant-table-content {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.table-responsive .ant-table-content .ant-table-cell,
.table-responsive .ant-table-content tbody td,
.table-responsive .ant-table-body td {
  white-space: nowrap;
}
.ant-tabs-bar {
  border-bottom: 1px solid #d4d4d4;
}
.footer-table .ant-table-footer {
  background-color: #e7f7ff;
  font-weight: 500;
}
.required label::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 16px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
}
.col-border-right {
  border-right: 1px solid #f0f0f0;
}
.mt-0 {
  margin-top: 0px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.pd-10 {
  padding: 10px;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-5 {
  padding-left: 5px;
}
.pl-15 {
  padding-left: 15px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-30 {
  padding-top: 30px;
}
.pb-10 {
  padding-bottom: 10px;
}
.p-0 {
  padding: 0px !important;
}
.p-5 {
  padding: 5px;
}
.pl-24 {
  padding-left: 24px;
}
.small-text-message {
  color: #7c8db5 !important;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.dashboard-container {
  min-height: calc(100vh - 400px);
}
.front-sidebar {
  min-height: 100vh;
}
.top-dropdown-box .ant-dropdown-content {
  margin-top: 13px;
  min-width: 200px;
}
.top-dropdown-box li {
  padding-top: 2px;
  padding-bottom: 2px;
}
.top-dropdown-box .ant-menu-submenu-title {
  padding-left: 50px;
}
.categories-page-lefbar {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 25px;
  border: 0px;
}
.categories-page-lefbar .ant-menu-sub.ant-menu-inline {
  background: #fff;
}
.category-page-container {
  min-height: calc(100vh - 400px);
}
.page-content-sub-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.query-form {
  padding: 10px;
  margin: 20px 20px 0px 20px;
}
.table-content {
  padding: 20px;
  margin: 20px 20px 0px 20px;
}
.disabled-class {
  pointer-events: none;
  opacity: 0.4;
}
.no-border-radius {
  border-radius: 0px !important;
}
.light_theme .bg-white {
  background: #fff;
}
.light_theme .bg-setting-sidebar {
  background: #fff;
}
.light_theme .bg-color {
  background: #fff;
}
.light_theme .bt-1 {
  border-top: 1px solid #f0f0f0;
}
.light_theme .bb-1 {
  border-bottom: 1px solid #f0f0f0;
}
.light_theme .sidebar-right-border {
  border-right: 1px solid #f0f0f0;
}
.light_theme .breadcrumb-left-border {
  border-left: none !important;
}
.dark_theme .bg-white {
  background: #1f1f1f;
}
.dark_theme .bg-setting-sidebar {
  background: #141414;
}
.dark_theme .bg-color {
  background: transparent !important;
}
.dark_theme .bt-1 {
  border-top: 1px solid #434343;
}
.dark_theme .bb-1 {
  border-bottom: 1px solid #434343;
}
.dark_theme .setting-sidebar {
  border: 1px solid #303030;
}
.dark_theme .sidebar-right-border {
  border-right: 1px solid #303030;
}
.dark_theme .breadcrumb-left-border {
  border-left: none !important;
}