/* set full height section block * start */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
header, footer {
  flex-shrink: 0;
}
section {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
/* set full height section block * end */

.container-min-md {
  min-width: 720px;
  width: 100%;
}

.smaller {
  font-size: 0.9375em; /* 15px */
}

/*** google icons * start ***/
 .material-symbols-rounded {
   position: relative;
   font-variation-settings:
     'FILL' 0,
     'wght' 500,
     'GRAD' 0,
     'opsz' 24
 }

/* Скрываем текст иконок до загрузки шрифта (google_font_loader.js) */
.material-symbols-rounded {
  min-width: 1.3rem;
  overflow: hidden;
  text-indent: -9999px;
}
/* Показываем иконки после загрузки шрифта (google_font_loader.js) */
.material-symbols-rounded.font-loaded {
  text-indent: 0;
}
/*** google icons * end ***/

/*** fontawesome icons additional sizes * start ***/
.fa-1x2{
  font-size: 1.2em!important;
}
.fa-1x3{
  font-size: 1.3em!important;
}
.fa-1x4{
  font-size: 1.4em!important;
}
.fa-1x5{
  font-size: 1.5em!important;
}
.fa-2x5{
  font-size: 2.5em!important;
}
.fa-3x4{
  font-size: 3.4em!important;
}
.fa-3x5{
  font-size: 3.5em!important;
}
.fa-2xs{
  font-size: 0.625em!important;
}
/*** fontawesome icons additional sizes * end ***/

/*** color styles * start ***/
.text-gray {
  color: var(--bs-gray-500) !important;
}
.text-secondary-light {
  color: var(--bs-gray-400) !important;
}
.text-gray-light {
  color: var(--bs-gray-400) !important;
}
.text-gray-extra-light {
  color: var(--bs-gray-300) !important;
}
.text-yellow {
  color: var(--bs-yellow) !important;
}
.text-orange {
  color: var(--bs-orange) !important;
}
.text-red {
  color: var(--bs-red) !important;
}
.text-pink {
  color: var(--bs-pink) !important;
}
.text-green {
  color: var(--bs-success) !important;
}
.text-teal {
  color: var(--bs-teal) !important;
}
.text-blue {
  color: var(--bs-blue) !important;
}
.text-indigo {
  color: var(--bs-indigo) !important;
}
/*** color styles * end ***/

/** links * start **/
a {
  text-decoration: none;
}
a:hover {
  color: var(--bs-gray);
}

.link-dashed {
  border-bottom: 1px dashed #0d6efd;
}
.link-dotted {
  border-bottom: 2px dotted #6297e4;
}
.link-dotted:hover {
  border-color: transparent;
}

.link-line {
  text-decoration: underline;
  cursor: pointer;
}
.link-line:hover {
  text-decoration: none;
}
/** links * end **/

.btn {
  margin-bottom: 0;
}
.modal .btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.top_filter .btn-group .btn-sm {
  --bs-btn-padding-y: 0.45rem;
  --bs-btn-font-size: 0.85rem;
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
}

.dropdown-menu {
  min-width: min-content;
}

.caret-off::after {
  content: none !important;
}

/** form * start **/
.form-check-input:checked[type=checkbox],
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-color: #1a73e8 !important; /* --bs-info */
  border: 1px solid #155cba !important;
}
.form-switch .form-check-input.bg-green:checked[type=checkbox],
.form-switch .form-check-input.bg-green:checked[type=radio] {
  background-color: var(--bs-success) !important;
  border: 1px solid #357a38 !important;
}
.form-switch .form-check-input.bg-green:checked:after {
  border-color: var(--bs-success);
}
label.form-label {
  margin-bottom: .25rem !important; /*mb-1*/
}
.modal .form-control[disabled] {
  line-height: 1.5 !important;
}
.top_filter .form-select {
  line-height: 1.3 !important;
}
.top_filter .form-control {
  line-height: 1.3 !important;
}
.form-select:focus {
  border-color: #d2d6da;
  outline:0;
  box-shadow:none
}
/** form * end **/

/** select2 * start **/
.select2-selection{
  min-height: 38px !important;
  border: 1px solid #ced4da !important;
  border-radius: 6px !important;
}
li.select2-results__message {
  font-size: 0.875rem;
  color: #6c757d;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  font-size: 0.875em;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 36px;}
.select2-results__options {
  font-size: 0.875em;
  line-height: 1.5;
}
.select2-results__option {
  color: #404040; !important;
}
/** select2 * end **/

/** tables * start **/
.table thead th {
  padding: 0.75rem;
  text-transform: none;
}
.table-group-divider {
  border-top: 2px solid var(--bs-gray-300) !important;
}
.table > :not(caption) > * > * {
  color: var(--bs-dark);
}
.table th {
  color: var(--bs-body-color);
}
.table a {
  color: var(--bs-info);
}
.table a:hover {
  color: #0a58ca;
}
/** tables * end **/

/** scroll * start **/
.scrollable-x {
  overflow-y: hidden;
  overflow-x: auto;
}
.scrollable-y {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollable {
  overflow: auto;
}
.perfect-scroll, .perfect-scroll-x, .perfect-scroll-y {
  position: relative;
}
/** scroll * end **/

.flex-center {
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: row;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

.crm-main-div > .fullheight {
  min-height: 70vh;
}

.empty-chart {
  height:330px;
}

/* === OLD items need to check === */

#filter_months .scrollable,
#filter_months .scrollable-y {
  height: 300px;
}

#filter_countries .scrollable,
#filter_hotels .scrollable,
#filter_operators .scrollable,
#filter_countries .scrollable-y,
#filter_hotels .scrollable-y,
#filter_operators .scrollable-y {
  height: 400px;
}

.show-more-less {
  vertical-align: top;
  display: inline-block;
}

.outer-block {
  width: fit-content;
  display: inline-block;
  overflow: unset;
  vertical-align: top;
  padding: 15px;
  border-radius: 7px;
  border-width: 1px;
  border-style: solid;
}

.outer-block td img {
  width: 70px;
  height: 34px;
}