.alldepartments.export-excel {margin-top: 20px;font-size: 13px;padding: 10px; display: none;}
body{
    
font-family: "TT Interphases Pro Trl";

}

.visit-title{

}

.visit-title h1{
    margin-bottom: 0;
}

h1{
    text-transform: none;
}

.mt-64{
    margin-top: 64px;
}
.mb-32{
    margin-bottom: 32px;
}

.additional-info.date_updated.error.additional-info-70.border--gradient{
    top: 20px !important;
    width: fit-content;
    left: 20px;
}

.form-group{
    margin-bottom: 32px;
}

form.main#filtr_form .form-group{
    width: 100%;
    max-width: 250px;
    /* margin-bottom: 32px; */
}

.add-payment > img {max-width: unset;}


.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 50px !important;
}

.flatpickr-current-month select.flatpickr-monthDropdown-months{
    width: 40%;
}

.report-block{
    background: white;
    padding: 20px 20px 0px 20px;
    border-radius: 16px;
    overflow: auto;
}

table.table.report-table{
    width: 100%;
    overflow: auto;
    /* min-width: 1280px; */
}


table.table.report-table tbody tr th{
   font-size: 14px;
    text-align: left;
    padding: 0 10px 24px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 110%;
    text-align: left;
    /* width: 200px; */
}



table.table.report-table tbody tr th:first-child,
table.table.report-table tbody tr td:first-child{
    width: 6%;
}

table.table.report-table tbody tr th:nth-child(2){
    width: 34%;
}

table.table.report-table tbody tr th:nth-child(3){
    width: 20%;
}
table.table.report-table tbody tr th:nth-child(4){
    width: 20%;
}
table.table.report-table tbody tr th:nth-child(5),
table.table.report-table tbody tr td:nth-child(5){
    width: 0%;
}
table.table.report-table tbody tr td{
    /* width: 20%; */
    font-size: 14px;
    padding: 0 10px 24px 0px;
    text-align: left;

}

.gray-line{
    border: 1px solid rgba(226, 226, 226, 1);
}
table.table.report-table tbody tr td.righttext {text-align: right;}
.finalsumm, .finalsumm-8, .finalsumm-8plus, .finalsummtext{
    font-size: 14px;
    font-weight: 600;
    line-height: 110%;
    text-align: left;
}
.username-block{
    margin-bottom: 10px;
}	
.username_and_community_container {flex-wrap: wrap; margin-bottom: 32px;}
.profile-card_img--mob, .usergroup-block--mob {display: none}


.department-accordion{
    /* padding: 20px; */
}

.department-accordion:not(:first-child){
    padding-top: 20px;
}


.accordion-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
}

.accordion-header{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.accordion-header .arrow {
    transition: transform 0.3s ease; 
}

.accordion-header .arrow.rotate {
    transform: rotate(180deg); 
}

.accordion-items{
    display: flex;
    flex-direction: column;
    gap: 15px;
}


.accordion-item.charity-report .accordion-content-block:nth-child(n+4) p:first-child,
.accordion-item.payment-for-events .accordion-content-block:nth-child(n+4) p:first-child{
    display: none;
}



.report-table .mobile-visible td.accordion-content-container.active, .accordion-content-container.active {
    display: grid;
}

.accordion-content-block{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.accordion-content-block p:nth-child(2){
    font-size: 14px;
    text-align: center;
    /* padding: 0 5px; */
}

.accordion-content-block{
    border-right: 1px solid rgba(226, 226, 226, 1);
    text-align: center;
    padding: 0 5px;
}

.accordion-content-block:nth-child(3n) {
    border-right: none;
}



.total-block-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    /* border-bottom: 1px solid gray; */
    gap:5px;
}



.total-blocks-container .total-block p:first-child{
    text-align: left;
}
.total-blocks-container .total-block p:nth-child(2){
    text-align: right;
}

.total-blocks-container .total-block:first-child{
    padding-top: 0;
}



.total-block p{
    font-weight: 400;
    font-size: 18px;
}

.checkbox-block{
    
}

.checkbox-block input[type="checkbox"] + label{
    height: auto !important;
}

.checkbox-block {
    position: relative;
    margin: 10px 0;
}

input[type="checkbox"] {
    display: none; /* Скрываем стандартный чекбокс */
}

input[type="checkbox"] + label:before{
    width: 20px;
    min-width: 20px;
    height: 20px;
}

.checkbox-block label:before {
    width: 20px; /* Ширина иконки */
    height: 20px; /* Высота иконки */
    background: white; /* Фон по умолчанию */
}

.checkbox-block input[type="checkbox"]:checked + label:before {
    background: url(../local/templates/gotov/img/checked_updated.svg) center center no-repeat;
    border: none; /* Убираем границу при чекнутом состоянии */
}

.checkbox-block input[type="checkbox"]:checked + label {
    color: rgb(45, 42, 38); /* Цвет текста при чекнутом состоянии */
}

.global-volunteer-summary .total-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:5px;
}

.accordion-content-container:has(.accordion-content-block .accordion-item.in){
    grid-template-columns: 1fr;
}

.accordion-item.in{
    width: 100%;
}

.accordion-content-block:has(.accordion-item.in){
    border: none;
    padding: 0;
}

.accordion-content-container.active:has(.payment-row){
    display: flex;
    flex-direction: column;
}

.accordion-content-container.active:has(.payment-row) .accordion-content-blocks{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px;
}

.accordion-content-container.active .payment-row{
    flex-wrap: nowrap;
}

.stat-mob-container {display: none;}

@media screen and (min-width: 1025px){
    .department-accordion{
        display: none;
    }

    .report-block {
        display: block;
    }
	.mobile-visible, .mobile-visible--inline { display: none;}
}

@media screen and (max-width: 1024px){
		
	.accordion-content-container {display: none;}
	.total-blocks-container .total-block:last-child{
		padding-bottom: 0;
		border-bottom: 0;
	}
	.total-blocks-container .total-block {
		display: grid;
		grid-template-columns: 1fr 0.8fr;
		align-items: center;
		justify-content: space-between;
		padding: 5px;
	}
	
	.select-type-report .form-group, .username-block  {margin-bottom:0;}
	form.main#filtr_form .form-group, form.main#filtr_form button {margin-bottom: 20px;}
    .report-block {
        display: block;
    }
	.bg_green_blue_first_container, .bg_green_blue_second_container, .mobile-history-hidden {display: none;}
	.report-block.department-block, .payment-block, .charity-block, .each-volunteer-block, .stat-block, .repay-block, .stat-event-block {background: none; padding: 0;}

    .department-accordion {
        display: none;
    }
	.department-header {
		font-size: 20px;
		font-weight: 400;
		line-height: 140%;
		margin-bottom: 15px;
		display: block;
	}
	.total-blocks-container,
	.total-block-container {
		background: white;
		padding: 10px;
		border-radius: 10px;
		margin-top: 20px;
	}
	.department-block .mobile-total td .finalsumm-8plus {display: block; text-align: right;}
	.finalsumm, .finalsumm-8, .finalsumm-8plus, .finalsummtext, .fixsum {font-weight: 400; font-size: 18px;}
    .report-table .mobile-visible td.accordion-content-container, .accordion-content-container {
		display: none;
		background: white;
		padding: 10px;
		border-radius: 10px;
		grid-template-columns: 1fr 1fr 1fr;
		margin: 10px 0 20px;
	}
	table.table.report-table tbody tr td {font-size: 16px; padding: 0 0px 15px 0px;}
	.payment-block .final td:empty {display: none}
	.payment-block table.table.report-table tbody tr td.finalSum,
	.payment-block table.table.report-table tbody tr td.totalPayed  {padding: 0}
	.accordion-item {margin-bottom: 15px;}
	.report-table, .report-table tbody, .report-table .mobile-visible, .report-table .mobile-visible td {display: block;}
	.report-table .mobile-visible.mobile-visible--tr {display: table-row;}
	.report-table .mobile-visible td.accordion-header {display: flex;}
	.mobile-hidden {display: none;}
	.mobile-visible { display: block;}
	.report-table .mobile-visible--inline { display: inline;}
	table.table.report-table tbody tr td.accordion-header, 
	table.table.report-table tbody tr td.department-header, 
	table.table.report-table tbody tr.mobile-total td {padding: 0;}
	table.table.report-table tbody tr td.total-blocks-container {padding: 10px;}
	table.table.report-table tbody tr td:nth-child(5) {width: auto}
	table.table.report-table tbody tr th:first-child, 
	table.table.report-table tbody tr td:first-child,
	table.table.report-table tbody tr th:first-child, 
	table.table.report-table tbody tr td	{width: 100%;}
	table.table.report-table tbody tr.mobile-total td:last-child, .department-block table.table tbody tr.mobile-total td:last-child {text-align: right}
	.mobile-total {
		display: grid;
		grid-template-columns: 1fr 0.8fr;
		align-items: center;
		justify-content: space-between;
		padding: 7px 12px;
		background: #fff;
	}
	
	.mobile-total--rounded {
		border-radius: 10px 10px 0 0;
	}
	.mobile-total--rounded-last {
		border-radius: 0 0 10px 10px;
		margin-bottom: 20px
	}
	.payment-block .table-paymenthistory-row.hidden, .stat-event-block .table-paymenthistory-row.hidden {display: flex !important;  flex-wrap: wrap;}
	.payment-block .total-blocks-container {margin: 0 0 20px;}
	.payment-block .table-paymenthistory-row.hidden-mobile, .stat-event-block .table-paymenthistory-row.hidden-mobile {display: none !important}
	.payment-block .department-row:not(.hidden) ~ .mobile-visible-history,
	.payment-block .show-additional-list {pointer-events: none;}
	.payment-block .action-btns .resultmessage.result--green { bottom: 0px;  left: 2px; font-size: 8px;}
	.stat-event-block .department-row:not(.hidden) ~ .mobile-visible-history {display: flex !important; flex-wrap: wrap;}
    .stat-event-block table.additioanal-table td {white-space: pre-wrap;}
	.stat-event-block .department-row > .show-additional-list {pointer-events: none}
	table.table.report-table tbody tr td.show-additional-list {font-size: 20px; font-weight: 400; line-height: 140%; margin-bottom: 15px;}
    .table-payment-month {display: flex;}
    .table-payment-month img {margin-left: auto;}
	table.table.report-table tbody tr td.mobile-history-block:not(.mobile-history-hidden):after {content: ""; position: absolute; right:0; display: block; top: 10px; bottom: 10px; width: 1px; background: rgb(226, 226, 226);}
	table.table.report-table tbody tr td.mobile-history-block:not(.mobile-history-hidden):last-child:after {display: none;}
    table.table.report-table tbody tr td.mobile-history-block:not(.mobile-history-hidden) {margin-bottom: 20px; position: relative; background-color: #fff;  flex: 1 0; align-items: center; display: inline-flex; flex-direction: column; padding: 10px;}
	table.table.report-table tbody tr td.mobile-history-block.action-btns:not(.mobile-history-hidden) {flex-direction: row; flex-wrap: wrap; justify-content: center}
	table.table.report-table tbody tr td.mobile-history-block.action-btns:not(.mobile-history-hidden) > span {flex: 1 0 100%;}
	.mobile-history-active span img, .mobile-history-active img {transform: rotate(180deg);}
	.mobile-history-block .mobile-visible {font-size: 12px; text-align: center;}
	.total-blocks-container {font-size: 18px; display: block;}	
	.charity-block .total-blocks-container {margin: 5px 0 0px}
	.charity-block .total-blocks-container + .total-blocks-container {margin: -2px 0 0; border-radius: 0;}
	.charity-block .total-blocks-container + .itog-mobile-total {margin-bottom: 20px; border-radius: 0 0 10px 10px;}
	.total-blocks-container .total-block {display: flex; justify-content:space-between;}
	table.table.report-table tbody tr.total-blocks-container .righttext {text-align: left; padding: 0;}
	.d-flex--mob, .mobile-visible.d-flex--mob {display: flex;}
	.d-grid--mob {display: grid; grid-template-columns: 1fr 1.3fr 1fr;  margin-bottom: 20px;} 
	.d-flex--wrap {flex-wrap: wrap;}
	.d-flex--mob-column {flex-direction: column}
	.w-100 {width: 100% !important}
	.report-name {width: 100%; justify-content: space-between;}
    .p-0 {padding: 0 !important}
	.w-auto--mob {width: auto !important}        padding: 10px;
	.action-btns .resultmessage.result--green {font-size: 9px; bottom: 0}
	tr[class*="table-event"] {margin-top:0;}
	tr[class*="table-event"] table.table.report-table tbody tr td:first-child {flex: 0 0 100px;}
	tr[class*="table-event"] table.table.report-table tbody tr td:last-child { flex: 0 0 20%;}
	tr[class*="table-event"] table.table.report-table tbody tr:first-child td {font-size: 12px}
	tr[class*="table-event"] table.table.report-table tbody tr td {padding: 3px 7px; font-size: 14px; text-align: center; border-right: 1px solid rgba(226, 226, 226, 1);}
	tr[class*="table-event"] table.table.report-table tbody tr td:last-child {border-right: none;}
	.semi-hidden .stat-mob-container, .d-block--mob {display: block}
	.semi-hidden .stat-mob-container {display: grid; grid-template-columns: 1fr 1fr 1fr }
	.semi-hidden .stat-mob-container div {border-right: 1px solid rgba(226, 226, 226, 1); padding-bottom: 8px;}
	.semi-hidden .stat-mob-container div:nth-child(3n) {border-right: none;}
	.semi-hidden label + .arrow {transform: rotate(-180deg);}
	.semi-hidden .stat-mob-container p:first-child, .volunteersSum p, .paymentCharitySum p, .paymentEventsSum p {font-size: 12px; text-align: center}
	.semi-hidden .stat-mob-container p:last-child, .volunteersSum, .paymentCharitySum, .paymentEventsSum {font-size: 14px; text-align: center}
	.volunteersSum, .paymentCharitySum {border-right: 1px solid rgba(226, 226, 226, 1);}
	.stat-block .additioanal-table, .stat-block .additioanal-table .data-row, .stat-event-block .additioanal-table {display: block;}
	.stat-block .data-row label {width: 100%; z-index: 2}
	.stat-block .data-row > .d-flex--mob {position: relative;}
	.stat-block .data-row label + img {position: absolute; right:0;}
	.stat-block .table-paymenthistory-row {background: #fff;padding: 10px;border-radius: 10px; display: block; margin-bottom: 20px;}
	.stat-block .chart-toggle-btn {margin: 0;}
	.each-volunteer-block .total-blocks-container {margin-bottom: 20px;}
	.repay-block .total-blocks-container, .stat-event-block .total-blocks-container {margin: 10px 0 20px;}
	.repay-block .show-additional-list span img {margin-top: 8px}
	.report-table .final {font-weight: 400; display: block;  background: #fff; border-radius: 10px; padding: 10px 15px;}
	.repay-block .total-value, .d-flex--space-between {justify-content: space-between;}
	.repay-block table.table.report-table tbody tr td.show-additional-list {padding: 0;}	
	.repay-block .payment-column, .repay-block .export-excel {width: 100%}
    .repay-block .table-paymenthistory-row:not(.hidden),
	.repay-block .payment-total-row:not(.hidden) {display: block; background: #fff; border-radius: 10px; padding: 10px;}
	.form-group:has(.btn-refresh-visits) {padding-right: 40px;}
	.form-group .btn.btn-refresh-visits {    right: 0px;}
}


@media (max-width: 720px){
    .visit-title{
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}


@media (max-width: 560px){
    form.main#filtr_form .form-group{
        max-width: 100%;
        width: 100%;
    }

    table.table.report-table{
        /* min-width: 600px; */
    }

    table.table.report-table tbody tr th:first-child{
    width: 30px;
    }

    table.table.report-table tbody tr th:nth-child(2){
        width: 110px;
    }

    table.table.report-table tbody tr th:nth-child(3){
        width: 14%;
    }
    table.table.report-table tbody tr th:nth-child(4){
        width: 20%;
    }
    table.table.report-table tbody tr th:nth-child(5){
        width: 80px;
    }
	.username_and_community_container {margin-bottom: 20px}
	.additional-link {font-size: 14px; font-weight: 500}	
	.username-block {    align-items: flex-start;}


    .accordion-content-block p:nth-child(1){
        font-size: 12px;
        padding: 0 5px;
    }

    .accordion-content-block{
        padding: 0 1px;
    }
}


@media (max-width: 991px) {
    .profile-card_img, .usergroup-block--desc {
        display: none;
    }
	.profile-card_name {display: flex; align-items: center; margin-bottom: 10px;}
	.profile-card_img.profile-card_img--mob, .usergroup-block--mob {     
        display: block;
    }
	.select-type-report {width: 100%;}
	.profile-right {flex-direction: column;align-items: flex-start;}
	.usergroup-block {margin-left: 0;}
}
 
.payment-column.full-width {flex: 0 0 50%;}
.payment-column.full-width .toggle-head{display: flex;}

.action-btns a {text-decoration: underline;}
.action-btns a:hover {text-decoration: none;}
.fancybox-content .form-group + button.mt-0 {margin-top: 0;}



.eventRegistration-table {width: 100%}
table.table.report-table tbody tr td.p-0 {padding: 0;}

.eventRegistration-table tbody tr td:nth-child(3), 
.eventRegistration-table tbody tr td:nth-child(4) {
    width: 20%;
}

.eventRegistration-table tbody tr td:nth-child(2) {
    width: 32.05%;
}

table.table.report-table .eventRegistration-table tbody tr td:first-child {
	width: 5.6%;
}

.phone-area a {display: none;}

.payment-d-column {display: flex; flex-direction: column; flex: 0 0 49%; gap: 24px;}

.fix-history .payment-column.full-width { flex: 0 0 100%;}

.fix-history + .payment-column {  flex: 1 0 48%;}

.payment-column .payment-form + h3 {margin-top: 14px;}

.payment-column { flex: 0 0 49%;}