form {

}

th.buttons, td.buttons {
    text-align: right;
}
td.buttons > .btn-edit, td.buttons > .btn-view {
  margin-right: 5px;
}

.datetime{
    color: #198754;
    font-size: 110%;
}

/*********** Переопределяем / дополняем стили Bootstrap *******/

.seeds-bg-color {
background-color: RGB(130, 43, 9) !important;
}
.roots-bg-color {
background-color: RGB(3, 60, 33) !important;
}
.expenses-bg-color {
background-color: RGB(174, 242, 74) !important;
}
.capital-bg-color {
background-color: RGB(145, 6, 97) !important;
}

.info-box>a {
    color: #fff;
    text-decoration: none;
}
.info-box-number, .progress-description {
    text-align: right;
}
.info-box .progress {
    margin-top: 20px;
    height: 4px;
}

/*** Свои стили *************/
.addbutton i {
    margin-right: 10px;
}

/*********** Icons  ***************/
/*.bi-x-circle
{
    content: '\F623';
}*/

.in_form{
    padding: 30px;
}

.add-checkbox {
    height: 18px;
    width: 18px;
    margin-bottom: 20px;
}
.checkbox-label {
    font-size: 16px;
    font-style: italic;
    margin-left: 10px;
}

h2 {
    font-size: 22px;
    margin: 20px 0 10px 0;
}

.form-signin {
    max-width: 330px;
    padding: 1rem;
}

.hidden {
    display: none;
}

.range, .totalsumm {
    font-weight: 600;
}

.totalsumm {
    color: #d63384;
}

/****** ОТСТУПЫ  *********/

.bottom-20 {
    margin-bottom: 20px;
}
.margintop-20 {
    margin-top: 20px;
}

.margintop-50 {
    margin-top: 50px;
}

.marginbottom-50 {
    margin-bottom: 50px;
}


.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* DSHBOARD */

.bi {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

#menu-link>.bi {
    width: 2rem;
    height: 2rem;
    background: transparent;
}

/*
 * Sidebar
 */


.sidebar .nav-link {
    font-size: .875rem;
    font-weight: 500;
}

.sidebar .nav-link.active {
    color: #2470dc;
}

.sidebar-heading {
    font-size: .75rem;
}

/*
 * Navbar
 */

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
 /*   background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); */
}

.navbar .form-control {
    padding: .75rem 1rem;
}

/*********** стили форм  *************/
.block {
    clear: both;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

/*#column_left, #column_right {
    width: 30%;
    float: left;
}

#column_left{
    clear: right;
}*/
.form-check-input {
    margin-top: 10px;
}

.form-check-label{
    margin-top: 5px;
}

form .block li {
    clear: left;
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    width: 500px;
}

.form-control::placeholder {
    color: #b8b8b8;
}

.block label.property {
    display: block;
    width: 170px;
    clear: left;
    padding-top: 2px;
    padding-bottom: 5px;
    overflow: hidden;
    color: #808080;
}

.product-sorts {
    display: none;
}

input#name {
    width: 100%;
    height: 40px;
}
ul.product-item {
    padding-left: 0;
    list-style: none;
}
.product-item li {
    margin: 10px 0
}

.add_link {
    cursor: pointer;
    text-decoration: underline;
}

.add_link:hover {
    text-decoration: none;
    color: #d63384;
}
.remove_var {
    cursor: pointer;
}

/** Master - Autocomplete   **/

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/** UI-Autocomplete  **/

.ui-autocomplete {
    background-color:#fff;
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

#loader {
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
}

#loader img {
    width: 100px;
}
#clear-search {
    cursor: pointer;
}