@charset "UTF-8";
/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Rubik:wght@300;400;500;600;700&display=swap");
:root {
  --vz-indigo-bg-subtle: #bcc2d6;
  --vz-blue-bg-subtle: #e8effb;
  --vz-purple-bg-subtle: #ede7fb;
  --vz-orange-bg-subtle: #fdefe2;
  --vz-teal-bg-subtle: #d9f2f4;
  --vz-cyan-bg-subtle: #e5f6fb;
}

/* Search */
.app-search span.search-widget-icon {
  font-size: 1.5rem;
  top: 6px;
}
.app-search .form-control {
  border: none;
  height: 38px;
  padding-left: 40px;
  padding-right: 30px;
  background-color: #fff;
  color: var(--vz-topbar-search-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar-header .topbar-head-dropdown .notification-actions {
  position: relative;
}

iframe.preview {
  border: 0;
  width: 100%;
  height: 100%;
  margin-bottom: -8px;
}

/*!
 *   Form Elements
 */
.form-title, .form-heading {
  color: #50c3e6;
  opacity: 0.75;
}

.label-wrapper span.required {
  color: #ed5e5e;
}
.label-wrapper label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 700;
}

.field-validation-error {
  width: 100%;
  margin-top: 0.25rem;
  color: #ed5e5e;
}

.field-validation-custom.warning {
  color: #fff;
  background-color: #e8bc52;
  margin: 5px 0;
  display: block;
  padding: 5px;
}
.field-validation-custom.danger {
  color: #fff;
  background-color: #ed5e5e;
  margin: 5px 0;
  display: block;
  padding: 5px;
}

.form-group.has-error .field-validation-error {
  width: 100%;
  margin-top: 0.25rem;
  color: #ed5e5e;
}
.form-group.has-error label {
  color: #ed5e5e;
}
.form-group.has-error .form-control {
  border-color: #ed5e5e;
  padding-right: 2.25rem !important;
}
.form-group label.custom-control-label, .form-group label.control-label {
  font-weight: 400 !important;
}

input[type=file].form-control {
  height: auto;
}

.form-control.inline-edit {
  height: calc(1.8125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.mt-check {
  margin-top: 3.15rem !important;
}

.form-control:disabled, .form-select:disabled {
  background-color: var(--vz-input-bg-custom) !important;
}

.dataTables_wrapper thead {
  background-color: #f4f4f4;
  color: var(--vz-secondary-color);
}
.dataTables_wrapper tbody td {
  vertical-align: middle !important;
  padding: 0.3rem;
}

.table.dataTable {
  margin-top: 0px !important;
}
.table thead {
  background-color: #f4f4f4;
}
.card-body.p-0 .table thead > tr > th:first-of-type,
.card-body.p-0 .table thead > tr > td:first-of-type,
.card-body.p-0 .table tfoot > tr > th:first-of-type,
.card-body.p-0 .table tfoot > tr > td:first-of-type,
.card-body.p-0 .table tbody > tr > th:first-of-type,
.card-body.p-0 .table tbody > tr > td:first-of-type {
  padding-left: 0.5rem;
}
.card-body.p-0 .table thead > tr > th:last-of-type,
.card-body.p-0 .table thead > tr > td:last-of-type,
.card-body.p-0 .table tfoot > tr > th:last-of-type,
.card-body.p-0 .table tfoot > tr > td:last-of-type,
.card-body.p-0 .table tbody > tr > th:last-of-type,
.card-body.p-0 .table tbody > tr > td:last-of-type {
  padding-right: 0.5rem;
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
  right: 1em;
  content: "↑";
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  right: 0.5em;
  content: "↓";
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 1;
}

table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before {
  display: none;
  opacity: 0;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  background-color: #878a99 !important;
}

table.dataTable tr.child li.text-center {
  text-align: left !important;
}
table.dataTable tr.child li .dtr-data {
  white-space: pre-wrap !important;
}

.btn-primary:disabled {
  --vz-btn-bg: var(--vz-primary);
}

.btn-soft-primary:disabled {
  color: var(--vz-primary) !important;
  background-color: var(--vz-primary-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-secondary:disabled {
  --vz-btn-bg: var(--vz-secondary);
}

.btn-soft-secondary:disabled {
  color: var(--vz-secondary) !important;
  background-color: var(--vz-secondary-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-success:disabled {
  --vz-btn-bg: var(--vz-success);
}

.btn-soft-success:disabled {
  color: var(--vz-success) !important;
  background-color: var(--vz-success-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-info:disabled {
  --vz-btn-bg: var(--vz-info);
}

.btn-soft-info:disabled {
  color: var(--vz-info) !important;
  background-color: var(--vz-info-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-warning:disabled {
  --vz-btn-bg: var(--vz-warning);
}

.btn-soft-warning:disabled {
  color: var(--vz-warning) !important;
  background-color: var(--vz-warning-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-danger:disabled {
  --vz-btn-bg: var(--vz-danger);
}

.btn-soft-danger:disabled {
  color: var(--vz-danger) !important;
  background-color: var(--vz-danger-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-light:disabled {
  --vz-btn-bg: var(--vz-light);
}

.btn-soft-light:disabled {
  color: var(--vz-light) !important;
  background-color: var(--vz-light-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-dark:disabled {
  --vz-btn-bg: var(--vz-dark);
}

.btn-soft-dark:disabled {
  color: var(--vz-dark) !important;
  background-color: var(--vz-dark-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-indigo:disabled {
  --vz-btn-bg: var(--vz-indigo);
}

.btn-soft-indigo:disabled {
  color: var(--vz-indigo) !important;
  background-color: var(--vz-indigo-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-blue:disabled {
  --vz-btn-bg: var(--vz-blue);
}

.btn-soft-blue:disabled {
  color: var(--vz-blue) !important;
  background-color: var(--vz-blue-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-purple:disabled {
  --vz-btn-bg: var(--vz-purple);
}

.btn-soft-purple:disabled {
  color: var(--vz-purple) !important;
  background-color: var(--vz-purple-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-orange:disabled {
  --vz-btn-bg: var(--vz-orange);
}

.btn-soft-orange:disabled {
  color: var(--vz-orange) !important;
  background-color: var(--vz-orange-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-teal:disabled {
  --vz-btn-bg: var(--vz-teal);
}

.btn-soft-teal:disabled {
  color: var(--vz-teal) !important;
  background-color: var(--vz-teal-bg-subtle) !important;
  border-color: transparent !important;
}

.btn-cyan:disabled {
  --vz-btn-bg: var(--vz-cyan);
}

.btn-soft-cyan:disabled {
  color: var(--vz-cyan) !important;
  background-color: var(--vz-cyan-bg-subtle) !important;
  border-color: transparent !important;
}

.card {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.card .card-toolbar-menu .fullscreen-card .plus {
  display: none;
}
.card .card-toolbar-menu .fullscreen-card .minus {
  display: block;
}
.card .card-toolbar-menu .fullscreen-card.fullscreen .plus {
  display: block;
}
.card .card-toolbar-menu .fullscreen-card.fullscreen .minus {
  display: none;
}
.card.maximized-card {
  height: 100% !important;
  left: 0;
  max-height: 100% !important;
  max-width: 100% !important;
  position: fixed;
  top: 0;
  width: 100% !important;
  z-index: 1040;
}
.card.maximized-card.was-collapsed .card-body {
  display: block !important;
}
.card.maximized-card .card-body {
  overflow: auto;
}
.card.maximized-card .minimize-card {
  display: none;
}

.bg-indigo-subtle {
  background-color: var(--vz-indigo-bg-subtle) !important;
}

.bg-blue-subtle {
  background-color: var(--vz-blue-bg-subtle) !important;
}

.bg-purple-subtle {
  background-color: var(--vz-purple-bg-subtle) !important;
}

.bg-orange-subtle {
  background-color: var(--vz-orange-bg-subtle) !important;
}

.bg-teal-subtle {
  background-color: var(--vz-teal-bg-subtle) !important;
}

.bg-cyan-subtle {
  background-color: var(--vz-cyan-bg-subtle) !important;
}

.w-1 {
  width: 1% !important;
}

.w-2 {
  width: 2% !important;
}

.w-3 {
  width: 3% !important;
}

.w-4 {
  width: 4% !important;
}

.w-0 {
  width: 0% !important;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.auth-one-bg {
  background-image: url("../../images/web-admin/security-bg.jpg");
  background-position: center;
  background-size: cover;
}

.auth-one-bg-position {
  height: 100%;
}

.categories-filter .list-inline-item a {
  padding: 8px 8px !important;
}
.categories-filter .list-inline-item span {
  display: block;
  color: var(--vz-body-color);
  font-weight: 500;
  padding: 8px 0px;
  margin: 5px;
  cursor: inherit;
  overflow: auto;
}

.upload-picture-block {
  display: table-row;
  width: 100%;
}
.upload-picture-block .qq-upload-success {
  word-break: break-all;
}
.upload-picture-block .picture-container {
  display: table-cell;
  vertical-align: top;
}
.upload-picture-block .upload-button-container {
  display: table-cell;
  padding-left: 25px;
  vertical-align: middle;
}
.upload-picture-block .upload-button-container.multi {
  padding-left: 0px;
}

.qq-upload-list {
  float: left;
  padding: 2px 0px !important;
}
.qq-upload-list .qq-upload-success, .qq-upload-list .qq-upload-fail {
  margin-right: 5px !important;
}
.qq-upload-list li.qq-upload-success {
  background-color: #50c3e6 !important;
}

.select2-dropdown-wide {
  width: 600px !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 350px !important;
}
.select2-container--default .select2-results > .select2-results__options .select2-results__option {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.select2-result-custom {
  padding-top: 1px;
  padding-bottom: 1px;
}
.select2-result-custom .select2-result-custom__meta {
  margin-left: 2px;
}
.select2-result-custom .select2-result-custom__title {
  font-size: 13px;
  font-weight: 600;
  word-wrap: break-word;
}
.select2-result-custom .select2-result-custom__description {
  font-size: 12px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #e8bc52;
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #e8bc52;
  color: #fff;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #e8bc52;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  border-color: #eac363;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
  background-color: #e8bc52;
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--vz-input-bg-custom) !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  height: 1em;
  width: 1em;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  -webkit-box-shadow: 0 0 0.2em #444;
          box-shadow: 0 0 0.2em #444;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "-";
}

table.dataTable tr.highlight > td, table.dataTable tbody tr:not(.no-selectable):hover {
  background-color: #ffedb8 !important;
}

.google-signin {
  background-image: url("../../images/web-admin/btn_google_signin_dark_normal_web.png");
  display: inline-block;
  width: 191px;
  height: 46px;
  border: 0px;
}