body {
    background-color: #eee;
}

/*------------------------------------------------------*/
pre {
    padding: 0;
}

/*------------------------------------------------------*/
a .glyphicon {
    vertical-align: middle;
}

/*------------------------------------------------------*/
a:hover {
    text-decoration: none;
}

/*------------------------------------------------------*/
.pos-relative {
    position: relative !important;
}

.pos-absolute {
    position: absolute !important;
}

.pos-fixed {
    position: fixed !important;
}

/*------------------------------------------------------*/
.list-group-item > .breadcrumb {
    margin: -0.75rem -1.25rem 0.7rem -1.25rem !important;
}

/*------------------------------------------------------*/
.modal-content {
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal {
    overflow: auto !important;
}

/*------------------------------------------------------*/
.card-small .card-body, .card-small .card-header, .card-small .card-footer {
  padding: 0.5rem 1rem;
}

.list-group-small > .list-group-item {
  padding: 0.5rem 1rem;
}

/*------------------------------------------------------*/
.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
  height: auto !important;
  bottom: 1px;
}

/*------------------------------------------------------*/
/*убираем чтоб текст заходил за границу стрелочки*/
:not(.form-floating) > .input-sm.select2-container--krajee-bs4 .select2-selection--single,
:not(.form-floating) > .input-group-sm .select2-container--krajee-bs4 .select2-selection--single {
  padding: 5px 22px 5px 10px !important;
}

/*из за того что сделали отступ теперь крестик далеко*/
:not(.form-floating) > .input-sm.select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear {
  margin-right: 0 !important;
}

/*при узком выпадающем списке убираем горизонт прокрутку*/
.select2-container--krajee-bs4 .select2-results > .select2-results__options {
  overflow-x: hidden !important;
}

/*------------------------------------------------------*/
.form-control-xs {
  height: calc(1.375rem + 2px) !important;
  padding: 0.125rem 0.25rem !important;
  font-size: 0.75rem !important;
  line-height: 1.5 !important;
  border-radius: 0.15rem !important;
}

/*------------------------------------------------------*/
.btn-circle {
  width: 45px !important;
  height: 45px !important;
  line-height: 45px !important;
  text-align: center !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

.btn-circle-xs {
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
  font-size: 0.8rem !important;
}


.btn-circle-sm {
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  font-size: 0.9rem !important;
}

.btn-circle-lg {
  width: 55px !important;
    height: 55px !important;
    line-height: 55px !important;
    font-size: 1.1rem !important;
}

.btn-circle-xl {
    width: 70px !important;
    height: 70px !important;
    line-height: 70px !important;
    font-size: 1.3rem !important;
}