.user_btn {font-size: 0.8em!important; background-color: lightgray; color: #000!important; padding: 2px 5px; display: inline-block; float: left; margin: 3px 5px; border-radius: 5px; text-decoration: none!important; border: 1px solid #BBB; transition: 0.3s; margin-bottom: 3px;}
.user_btn:before {display: none!important;}
.user_btn:hover {background-color: #FFF; color: #000;}
.w-100 {width: 100%;}
.mt-6 {margin-top: 60px!important;}


#product_table td h4, #product_itog td h4 {font-size: 1.1em!important;}
#product_table td h2, #product_itog td h2 {font-size: 1.5em!important; color: #000!important;}

.menu_ {border: 3px solid transparent;}
.menu_.menu_active {border: 3px solid red;}
.p-20 {padding: 20px;}
.mb-6 {margin-bottom: 60px;}
#buy_form * {font-size: 1em; color: #000; font-weight: bold;}
#buy_form .form-control {border: 2px solid #999;}
#buy_summa_btn {padding: 18px; float: right; width: 90%; margin-right: 15px; height: 154px; font-size: 22px;}
#buy_summa_btn #buy_summa {font-size: 32px; width: 100%; text-align: center; margin-top: 10px; display: block; float: none;}

.is_main_prod_0 {display: none;}
#modal_form_ok {position: absolute; left:20%; width: 60%; text-align: center; font-weight: bold; font-size: 2em; color: #000; background-color: #17a2b8; padding: 50px; border-radius: 5px; box-shadow: 0px 0px 50px #000; top:0px; margin-top: 10%; opacity:1; z-index: 999; transition: 0.5s; animation: ani 0.5s forwards;}
#modal_form_ok.hidden {opacity: 0; z-index: -999;}

#actions_history_table {border-collapse: collapse; width: 100%;}
/*.actions_history_tr:after {content: ' '; display: inline-block; width: calc(100% - 32px); height: 1px; border: 1px solid #777; position: absolute; z-index: 9999; left: 15px; margin-top: -1px;}*/

.actions_history_tr td {border-top: 2px solid #777 !important;}

#actions_history_table .actions_history_tr>td {border: 1px solid #bbb; padding: 5px 10px; vertical-align: middle; min-width: 120px; }
#actions_history_table .actions_history_tr>td:first-child,
#actions_history_table .actions_history_tr_product>td:first-child
{border-left: 2px solid #777!important;}

#actions_history_table .actions_history_tr>td:last-child,
#actions_history_table .actions_history_tr_product>td:last-child
{border-right: 2px solid #777!important;}

#actions_history_table tr>td.actions_history_tr_spacer
{border-top: 2px solid #777!important;}

#actions_history_table .actions_history_tr>td small {display: block; width: 100%; font-size: 0.7em;}
.actions_history_table_header * {font-weight: bold;}


#actions_history_table tr.BUY td,
#actions_history_table tr.MONEY_BUY td,
.filter_a.BUY, .filter_a.MONEY_BUY
{
    background-color: lightgoldenrodyellow;
}

#actions_history_table tr.SELL td,
#actions_history_table tr.MONEY_SELL td,
.filter_a.SELL, .filter_a.MONEY_SELL
{
    background-color: #0ff00d;
}


#actions_history_table tr.MOVE td,
#actions_history_table tr.MONEY_TRANSIT td,
.filter_a.MOVE, .filter_a.MONEY_TRANSIT
{
    background-color: lightsalmon;
}


#actions_history_table tr.CORRECT td,
.filter_a.CORRECT
{
    background-color: #F0F0F0;
}

#actions_history_table tr.MONEY_GET td,
.filter_a.MONEY_GET
{
    background-color: #559955;
}

.actions_history_table_products {text-align: right; padding: 10px;}
.actions_history_table_products table {border: 1px solid #555;}
.actions_history_table_products table * {text-align: left; font-size: 0.9em;}
.actions_history_table_products table td {padding: 1px 3px; min-width: 60px!important; width: auto!important;}
/*.actions_history_table_products table * {background-color: #FFF!important;}*/
.actions_history_done_0 {background-color: #888!important; color: #FFF!important;}
.buy_redact, .buy_apply, .buy_delete {padding: 2px; width: 100%; margin-bottom: 3px; margin-top: 3px;}
.not_done {display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: darkred; font-size: 1.1em; line-height: 18px; border: 2px solid #FFF;}

#document_filter {width: 100%;}
.document_filter {width: 100%;}
#document_filter *, .document_filter * {border: none; padding: 0px; border-collapse: collapse;}

#document_filter_product {border-collapse: collapse;}

.document_filter_product, .document_filter_product td {background-color: #5f5f5f; border: none; border-collapse: collapse;}
.document_filter_money, .document_filter_money td {background-color: #5f9090; border: none;}
.document_filter_date, .document_filter_date td {background-color: #905f90; border: none; border-collapse: collapse;}



.document_filter.document_filter_product a,
.document_filter.document_filter_money a,
.document_filter.document_filter_date a,
.document_filter.document_filter_date input
{display: block; margin: 4px; padding: 3px 6px!important; border: 2px solid #FFF!important; border-radius: 4px; text-align: center; font-size: 0.8em; text-decoration: none; color: #000;}


.document_filter.document_filter_product a.active, .document_filter.document_filter_money a.active, .document_filter.document_filter_date a.active
{border-color: darkgreen!important; font-weight: bold; background-color: #000!important; color: #FFF!important;}


.status_sagotovitel {margin-bottom: 30px; border-bottom: 2px solid #777; padding-bottom: 30px;}
.status_sagotovitel span {text-align: center; padding: 2px 5px; border: 1px solid transparent; border-radius: 5px; display: inline-block; width: 100%; margin-bottom: 5px; font-weight: bold;}
.status_sagotovitel span.kassa { background-color: #99ff99;}
.status_sagotovitel span.fio, .status_sagotovitel span.st {border: 1px solid #999; font-size: 1.2em;}
.status_sagotovitel span.today_kg { background-color: #ffc107;}
.status_sagotovitel span.today_pok {background-color: #5f9090;}
.status_sagotovitel span.color_metal {background-color: #e3c800; color: #000;}
.status_sagotovitel span.black_metal {background-color: #555; color: #FFF;}

#notifications {margin-top: 30px; display: block; width: 100%;}
#notifications .notification_item {display: block; width: 100%; margin-bottom: 15px; border-radius: 5px; padding: 15px; text-align: center; background-color: #EEE; color: #000; border: 2px solid #000;}
#notifications .notification_item a {color: #000; text-decoration: none;}

/* ----------------------- REPORT STOCK TABLE ------------------------- */
.money_filter_a {border: 2px solid transparent;}
.money_filter_a.active {border: 2px solid darkgreen;}
.stock_table_header * {font-weight: bold;}
.stock_table {border-collapse: collapse; width: 100%;}
.stock_table tr td {border: 1px solid #EEE; padding: 4px 10px; vertical-align: middle;}
.stock_table_prod_table {width: 100%!important;}
.stock_table_prod_table tr td {min-width: 100px; font-size: 0.8em;}
.stock_table_prod_table tr td.stock_table_prod_table_product_num,
.stock_table_prod_table tr td.stock_table_prod_table_product_clearnum,
.stock_table_prod_table tr td.stock_table_prod_table_product_zasor
{
    max-width: 100px;
    width: 100px;
    text-align: center;
}

#region_stock {border-collapse: collapse;}
#region_stock td {min-width: 80px; font-size: 0.8em; border: 1px solid #CCC; padding: 2px; vertical-align: middle;}
#region_stock td.prod {text-align: center; }
.region_stock_spacer {height: 40px; border-left: none!important; border-right: none!important;}

.stock_table_prod_table_itog {text-align: center; vertical-align: middle; font-size: 1.2em; font-weight: bold;}
.notification_action {border: 3px solid red!important;}
.summa_change_TRANSIT_info {position: absolute; margin-left: -42px; margin-top: -4px;}
.table_money_report span {display: inline-block; float: right; margin-right: 30px;}

.pl-3 {padding-left: 30px;}
.pr-3 {padding-right: 30px;}

.stock-move {font-size: 0.9em; min-width: 80px; display: block; border: 1px solid #333;}
#gruz_form {margin-bottom: 120px;}

#move_itog_table {margin-top: 30px; margin-bottom: 30px;}
#car_id_select_div, #driver_id_select_div {position: absolute; width: 220px; height: 300px; overflow: auto; border: 1px solid #eee; padding: 15px; background-color: #FFF; display: none; border-radius: 3px;}
.car_select, .driver_select {display: block; width: 100%; margin-bottom: 5px; text-align: center; background-color: #EEE; border: 2px solid #999; color: #000; text-decoration: none; border-radius: 3px;}

.error {border: 2px solid red!important;}

.cars-in-move a {display: inline-block; padding: 3px 5px; background-color: #EEE; color: #000; text-decoration: none; text-transform: none; border: 1px solid #999; border-radius: 4px; font-weight: bold;}
.cars-in-move a span {font-weight: normal;}
.actions_history_tr_product s {font-weight: bold; font-size: 1.2em; color: red;}

.soglasovat {background-color: darkred; color: #FFF!important;}
.soglasovat * {color: #FFF!important;}

.stock_table_header>td,
.actions_history_table_header>td {position: sticky; top: 0; background-color: #FFF; border: 1px solid #000!important;}
.actions_history_tr.is_done_0 td, .actions_history_tr.is_done_0 td *,
.actions_history_tr_product.is_done_0 td, .actions_history_tr_product.is_done_0 td *
{background-color: #DDD!important;}


.factory_sell_div {transition: 0.5s; animation: ani 0.5s forwards; border-radius: 4px!important;}
.factory_sell_div:hover {box-shadow: 0px 0px 10px #000;}
.factory_sell_div small {color: red; font-weight: bold;}
.factory_sell_form {margin-left: -13px; margin-bottom: -1px; margin-top: 1px; border-radius: 4px;}
.factory_sell_form table {width: calc(100% + 13px); font-size: 0.7em; border-radius: 4px!important;}
.factory_sell_form table b {font-size: 1.3em;}
.factory_sell_form input.form-control {font-size: 1.2em; padding: 5px;}
.bg-header {background-color: #BBB;}
.w-100px {width: 90px; display: inline-block; float: left;}
.w-130px {width: 120px; display: inline-block; float: left;}
.td-pt-2 td {padding-top: 20px;}
.vertical-devider {width: 40px;}
.diff-minus {background-color: darkred!important; color: #FFF;}
.diff-plus {background-color: darkgreen!important;  color: #FFF;}
.border-3 {border-width: 3px;}
.border-dark {border-color: #777;}
.chosen-container-multi .chosen-choices {padding: 6px!important; border: 1px solid #EEE!important; border-radius: 5px!important;}

.TYPE_FACTORY_SELL {background-color: #FFFFBB; border: 1px solid #999!important;}
.TYPE_FACTORY_SEND {background-color: #BBFFBB; border: 1px solid #999!important;}

.btn.btn-grey {background-color: #DDD;}
.btn.btn-grey:hover {background-color: #BBB;}
.btn.btn-lime {background-color: limegreen;}
.font-bold {font-weight: bold;}
@media all and (max-width: 1400px)
{
    .container-fluid {width: 100%!important; max-width: 100%!important;}
    .xl-spacer {display: none!important;}
}


.w-80 {width: 80%; max-width: 80%; min-width: 80%;}
.margin-0px-auto {margin: 0px auto; float: none;}

.pt-6 {padding-top: 60px;}
.pb-6 {padding-bottom: 60px;}

.pt-4 {padding-top: 40px;}
.pb-4 {padding-bottom: 40px;}

.stock_history_table {border-collapse: collapse; font-size: 0.8em;}
.stock_history_table td {border: 1px solid #555; padding: 3px 5px; text-align: center; vertical-align: middle; min-height: 40px; height: 40px; min-width: 130px;}
.stock_history_table .stock_history_header td {font-size: 1.1em; color: #000; background-color: #DBE0F1; font-weight: bold;}
.stock_history_table td span {color: #333; font-size: 0.8em;}
/*
.stock_history_table tr.product_row_:hover td {color: #000000; font-size: 1.3em; background-color: #FFFFFF!important; font-weight: bold;}
.stock_history_table tr.product_row_:hover td span {color: #555; font-size: 0.8em; background-color: transparent!important; font-weight: bold;}
*/
.stock_history_table td.fio {padding-left: 30px; padding-right: 30px; text-align: left;}
.boss_tr {font-weight: bold;}

.diff_table td {padding: 5px; border: 1px solid #999; max-width: 100px; min-width: 80px;}
.diff_itog--1 {background-color: #FF7777!important;}
.diff_itog-1  {background-color: #77FF77!important;}
#actions_history_table * {font-size: 1em;}
#actions_history_table .product_action_row td {text-align: right!important; padding: 0px 10px!important; height: 24px; font-size: 0.8em; font-weight: bold; opacity: 0.5;}
#actions_history_table .product_action_row:hover td {opacity: 1; font-size: 0.9em;}
.product_row_shower {cursor: pointer;}

.notification_item_close {display: block; position: absolute; margin-left: -17px; margin-top: -17px; background-color: #FFF; width: 20px; height: 20px; line-height: 14px; text-align: center; border: 2px solid red; color: red; border-radius: 3px; cursor: pointer;}
.btn-delete-action {padding: 1px; width: 50px; min-width: 50px; max-width: 50px; font-size: 10px; margin: 0px auto; background-color: #BBB; border-color: #999;}