* {
    scrollbar-width: thin;
    scrollbar-color: blue lightgray;
}

/* для Chrome/Edge/Safari */
*::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}
*::-webkit-scrollbar-track {
    background: lightgrey;
}
*::-webkit-scrollbar-thumb {
    background-color: royalblue;
    border-radius: 7px;
    border: 2px solid lightgray;
}

input:not([type='radio']):not([type='checkbox']) {
    width: 170px;
    font-size: 14px;
    text-align: center;
    background: yellow;
    border: 1px solid gray;
    border-radius: 8px;
    height: 23px;
}

select {
    width: 170px;
    font-size: 14px;
    text-align: center;
    background: yellow;
    border: 1px solid gray;
    border-radius: 8px;
    height: 23px;
}

.left_menu_item {width:250px; height:30px; background:grey; font-weight:bold; margin-top:3px; border-radius:5px; padding:4px; box-shadow: 2px 2px;}
.left_menu_item:hover {cursor:pointer; background:darkgrey;}

#payments_div{width:1385px; height:750px; overflow-y:auto;}

#payments_tbl_header {margin-left:5px; margin-top:10px;}
#payments_tbl_header th {font-size:12px}
#payments_tbl_header th:nth-child(1) {width:50px;}
#payments_tbl_header th:nth-child(2) {width:50px;}
#payments_tbl_header th:nth-child(3) {width:160px;}
#payments_tbl_header th:nth-child(4) {width:160px;}
#payments_tbl_header th:nth-child(5) {width:170px;}
#payments_tbl_header th:nth-child(6) {width:120px;}
#payments_tbl_header th:nth-child(7) {width:250px;}
#payments_tbl_header th:nth-child(8) {width:110px;}
#payments_tbl_header th:nth-child(9) {width:135px;}
#payments_tbl_header th:nth-child(10) {width:80px;}
#payments_tbl_header th:nth-child(11) {width:50px;}

#payments_tbl {margin-left:5px}
#payments_tbl td {font-size:13px; text-align:center}
#payments_tbl td:nth-child(1) {width:50px;}
#payments_tbl td:nth-child(2) {width:50px;}
#payments_tbl td:nth-child(3) {width:160px; max-width:160px;}
#payments_tbl td:nth-child(4) {width:160px; max-width:160px;}
#payments_tbl td:nth-child(5) {width:170px; max-width:170px;}
#payments_tbl td:nth-child(6) {width:120px; max-width:120px; cursor:pointer}
#payments_tbl td:nth-child(7) {width:250px; max-width:250px;}
#payments_tbl td:nth-child(8) {width:110px; max-width:110px;}
#payments_tbl td:nth-child(9) {width:135px;}
#payments_tbl td:nth-child(10) {width:80px;}
#payments_tbl td:nth-child(11) {width:40px;}
#payments_tbl td:nth-child(12) {width:40px;}

#payments_tbl tr:hover {background-color:rgb(229,227,227);}

.clickable:hover {cursor:pointer;}
.summ_td {text-decoration: underline;}
.summ_td:hover {cursor:pointer;}
.payment_date_time:hover {cursor:pointer;}
.append_date_time:hover {cursor:pointer;}

.tel_nom:hover {cursor:pointer; text-decoration: underline;}

#change_payment_summ_form button {margin-top:5px}

.msg {font-weight:bold; color:red}

.red {background:red}

.load_next_btn {
    margin: 5 auto;
    width: 200px;
    height: 30px;
    padding-top: 3px;
    border-radius: 10px;
    color: white;
    background: blue;
    border: 1px solid black;
    text-align: center;
    cursor: pointer;
    background-image: url(https://xn--h1alkk.xn--d1aimu.xn--p1ai/js/img/th.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: #012b4d 2px 2px 2px;
}

.block {display:none}
#payments {display:block}

#sells_report_filter table th {text-align: center;}
#sells_report_filter table td {border:0px}

#sells_report_tbl th {font-size:12px; min-width:110px;}
#sells_report_tbl th.nom_pp {min-width:50px;}
#sells_report_tbl td {font-size:13px; text-align: center;}
#sells_report_tbl tr:hover {background-color:rgb(229,227,227);}

#spended_details_tbl {margin-top:5px; margin: 0 auto; width: 90%}
#spended_details_tbl th:nth-child(1) {width:200px;}
#spended_details_tbl th:nth-child(2) {width:100px;}
#spended_details_tbl th:nth-child(3) {width:100px;}
#spended_details_tbl th:nth-child(4) {width:100px;}
#spended_details_tbl th {font-size:12px;}
#spended_details_tbl td:nth-child(2) {text-align:center;}
#spended_details_tbl td:nth-child(3) {text-align:center;}
#spended_details_tbl td:nth-child(4) {text-align:center;}
#spended_details_tbl td {font-size:15px; color: white;}

.multiselect {
    background: yellow!important;
    font-size: 12px!important;
    height: 23px!important;
    border-radius: 8px!important;
    border: 1px solid grey!important;
    padding: 0px 0px!important;
    margin-top: -3px!important;
    width: 200px!important;
}

.short_text {
    font-size:13px;
    text-align:center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 94%;
}

.gradient {
	background: grey;
	background: linear-gradient(90deg, rgba(133,130,130,0.9808298319327731) 0%, rgba(108,106,106,1) 27%, rgba(101,100,100,1) 50%, rgba(111,108,108,1) 73%, rgba(133,130,130,1) 100%);		
}

.shadow {	
	box-shadow:
	  0 8px 8px rgb(0 0 0 / 51%), 20px 0 20px -19px rgb(0 0 0 / 80%), 25px 0 20px -23px rgb(0 0 0 / 80%), 0 0 40px rgb(0 0 0 / 10%) inset
}