.form_keeping_goods__table thead tr {
    page-break-before: auto!important;
}

h1, .h1 {
    font-size: 2.0rem;
}

/*********************** bootstrap-select ****************************/
.bootstrap-select > .dropdown-toggle {
    border: 1px solid #ced4da;
    background-color: #fff;
    
}
select:required + .dropdown-toggle {
    background: url(../images/bg-required.png) left top repeat-y;
    background-color: #fff;
}

.form-control.is-invalid + .dropdown-toggle {
    border-color: #FF0039;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF0039' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF0039' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
    background-color: #2780E3;
}

select.form-control:disabled + .dropdown-toggle {
    background-color: #e9ecef;
    opacity: 1;
}
/*********************** bootstrap-select ****************************/

.variant-buttons>.btn input[type=checkbox],
.color-buttons>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.variant-buttons>.btn-outline-info:hover {
    color: #9954BB;
    background-color: white;
}
.color-buttons>.btn {
    border-width: 0;
}

.variant {
    background-color: #f8f8f8;
    padding-left: 5px;
    padding-right: 5px;
}
bolder {
    font-weight: 500;
}
.lh-1 {
    line-height: 1;
}

.table-hover tbody tr.selected,
.table-striped tbody tr.selected {
    background-color: #acbad4;
    /*background-color: lavender;*/
}

.table-hover tbody tr.selected:hover {
    background-color: #aab7d1;
    /*background-color: lavender;*/
}

.table-hover tbody tr.selected td.table-primary {
    background-color: #87bbf7;
}
.table-hover tbody tr.selected td.table-warning {
    background-color: #d7b6a0;
}
.table-hover tbody tr.selected td.table-success {
    background-color: #adcaa3;
}

@media (max-width: 767px) {
    .form-group {
        margin-bottom: 0.5rem;
    }
    /*
    input.form-control,
    select.form-control {
        height: calc(1.73046875rem + 2px);
        padding: 0.15rem 0.5rem;
        line-height: 1.5;
    }
    */
    textarea.form-control {
        height: auto;
        padding: 0.15rem 0.5rem;
        line-height: 1.5;
    }
    .input-group-text {
        padding: 0.375rem 0.5rem;
    }
}

.text_breakall {
    word-break: break-all;
}

.border-top-0 td {
    border-top-width: 0;
}
.pt-0 td {
    padding-top: 0!important;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.btn-check:checked + .btn.btn-outline-primary, :not(.btn-check) + .btn.btn-outline-primary:active, 
.btn.btn-outline-primary:first-child:active, 
.btn.btn-outline-primary.active, 
.btn.btn-outline-primary.show {
    color: #fff;
    background-color: #2780E3;
    border-color: #2780E3;
}
.btn-check:checked + .btn.btn-outline-info, :not(.btn-check) + .btn.btn-outline-info:active, 
.btn.btn-outline-info:first-child:active, 
.btn.btn-outline-info.active, 
.btn.btn-outline-info.show {
    color: #fff;
    background-color: #9954BB;
    border-color: #9954BB;
}


.btn-120 {
    max-width: 120px;
    padding-left: 9px;
    padding-right: 9px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-primary, .table-primary>th, .table-primary>td {
    /*background-color: #EFF6FE;*/
}

.table-warning, .table-warning>th, .table-warning>td {
    /*background-color: #FFEADC;*/
}


button {
  position: relative;
}

button::before {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  border: 2px solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.5s;
  animation: rotate 0.8s linear infinite;
}

button.sending {
  pointer-events: none;
  cursor: not-allowed;
}

button.sending::before {
  /*transition-delay: 0.5s;*/
  transition-delay: 0.0s;
  transition-duration: 1s;
  opacity: 1;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.text-black {
    color: black;
}

.pr-6, .px-6 {
    padding-right: 4rem !important;
}
.pr-7, .px-7 {
    padding-right: 5.5rem !important;
}
.mr-6, .mx-6 {
    margin-right: 4rem !important;
}
.mr-7, .mx-7 {
    margin-right: 5.5rem !important;
}

.input-icon {
    position: absolute;
    right: 0px;
    /*top: 50%;*/
    top: 18px;
    transform: translateY(-50%);
    text-decoration: none;
}

.icon-link-2 {
    right: 36px;   /* перша іконка */
}

.no-select {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;         /* стандарт */
}

.form-control-plaintext:focus,
.form-control-plaintext:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}