.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.count_people_filter_div {
	display: flex;
	gap: 15px;
	padding-bottom: 20px;
}
.count_people_filter {
	color: #00b7ff;
}
.detail_card_button {
	margin-left: 66px;
	display: flex;
	gap: 10px;
}
.detail_card_button button.cancel_changes {
	border-radius: 5px;
	width: 180px;
	padding: 10px;
	color: #FFF;
	transition: 0.5s all;
	cursor: pointer;
	background-color: #2aff00;
	border: 1px solid #2aff00;
	width: max-content;
}
.detail_card_button button.cancel_changes:disabled {
	transition: 0s all;
	background-color: #2aff005c !important;
	cursor: default;
	color: #FFF;
}
.event_input a {
   border-bottom: 1px solid #dbdbdb;
   padding: 8px 5px;
   display: block;
   text-decoration: none;
   color: #00b7ff;
   width: 100%;
}
.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}

body {
    margin: 0;
}
* {
    box-sizing: border-box;
    font-family: 'Roboto', 'sans-serif';
}
.hidden {
    display: none !important;
}
img {
    display: block;
}
input {
    outline: 0px;
    border: 0px;
    border-bottom: 1px solid #dbdbdb;
    padding: 8px 5px;
    width: 100%;
}
input:disabled {
    background-color: transparent;
}

header, footer {
    text-align: center;
    background-color: aqua;
    color: #FFF;
    padding: 30px;
}

.page_content {
    margin: 90px auto;
    width: min(1800px, 100% - 20px);
    min-height: 600px;
}

.info_event_big {
    display: none;
}

.event_block {
    padding-bottom: 40px;
    border-bottom: 3px solid #dbdbdb;
}
.event_block_body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(100% - 20px, 1200px);
}
.event_left_right_flex {
    display: flex;
}
.event_block_left, .event_block_right {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.event_format_parent {
    margin-top: auto;
}
.event_format_higlight input {
    color: #00b7ff;
}
.event_input {
    display: flex;
    align-items: center;
    gap: 10px;
}
.input_title {
    font-size: 14px;
    color: #898989;
    min-width: 175px;
    text-align: right;
    position: relative;
}
.input_title span {
    color: #D11B1D;
    margin-left: 5px;
    position: absolute;
    right: -7px;
    top: -3px;
}
.event_registration_numbers {
    margin-top: 10px;
    border: 1px solid #bdbdbd;
    border-top: 3px solid #00b7ff;
    padding: 10px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.event_registration_numbers_text {
    color: #00b7ff;
    text-align: center;
    font-size: 18px;
}
.event_registration_numbers_count {
    margin-top: 20px;
    color: #00b7ff;
    text-align: center;
    font-size: 20px;
}


.controll_auditory_list {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 30px;
}
.show_hide_members_list {
    display: flex;
    gap: 15px;
    font-size: 14px;
    cursor: pointer;
}
.show_hide_members_list img {
    transition: 1s all;
}
.show_hide_members_list.opened img {
    transform: rotate(180deg);
}
.add_member_in_list {
    cursor: pointer;
}
.add_member_in_list.disabled {
    opacity: 0.5;
}
.expansions_block {
    position: relative;
}
.expansion_settings_open {
    cursor: pointer;
}
.expansions_open_block {
    display: none;
}
.expansions_open_body {
    background: white;
    padding: 5px;
    box-shadow: 1px 1px 8px 1px;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 15px;
    left: 0px;
    min-width: 300px;
    z-index: 10;
    opacity: 0;
    transition: 0.5s all;
}
.expansion_section {
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 0px 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.expansion_section:last-of-type {
    border-bottom: unset;
}
.expansion_button {
    cursor: pointer;
    transition: 0.3s all;
}
.expansion_button:not(.expansion_button_disabled):hover {
    opacity: 0.8;
}
.expansion_button_disabled {
    color: #817d7d;
}

.auditory_create_filter_block {
    display: none;
    padding-bottom: 40px;
}
.filter_close {
    margin-bottom: 20px;
}
.filter_close button {
    border-radius: 5px;
    width: 180px;
    padding: 10px;
    color: #FFF;
    transition: 0.5s all;
    cursor: pointer;
    background-color: #00b7ff;
    border: 1px solid #00b7ff;
}
.filter_close button:hover {
    background-color: transparent;
    color: #000;
}
.filters_list {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.filter {
    display: flex;
    gap: 20px;
    align-items: center;
    width: min(100% - 20px, 600px);
}
.filter label {
    min-width: 200px;
    font-size: 14px;
    font-weight: 300;
}
.filter .js-example-basic-single {
    margin-left: unset;
}


.auditory_list {
    /*display: none;*/
}
.styled-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.styled-table th, .styled-table td {
    padding: 12px 15px;
    border: none;
    text-align: left;
    font-weight: 400;
}
.styled-table th {
    cursor: pointer;
}
.styled-table thead tr {
    border-bottom: 1px solid #bdbdbd;
}
.styled-table tbody tr:nth-child(even) {
    background-color: #f0f0f0;
}
.styled-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}
.highlight {
    animation: flash 1s infinite;
}
.tr_columnh_header {
    position: relative;
    color: #6d6d6d;
    width: fit-content;
    padding-right: 15px;
}
.styled-table th .tr_columnh_header::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: none;
}

.styled-table th.sorted-asc .tr_columnh_header::after {
    display: block;
    background-image: url('/assets/img/down-chevron.png');
}

.styled-table th.sorted-desc .tr_columnh_header::after {
    display: block;
    background-image: url('/assets/img/down-chevron.png');
    transform: rotate(180deg);
}
.name_audit {
    color: #00b7ff;
    cursor: pointer;
}

/*card detail*/
.card_detail {
    display: none;
    padding-top: 20px;
    border-top: 3px solid #dbdbdb;
    padding-bottom: 40px;
    margin-top: 20px;
}
.card_detail_container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.card_detail_divs {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
.card_detail_div_width_100 {
    width: 100%;
}
.card_detail_div_width_50 {
    width: 50%;
}
.card_detail_div {
    display: flex;
    align-items: center;
    gap: 10px;
}
.card_detail_div_title {
    width: fit-content;
    text-align: right;
    min-width: 160px;
    font-size: 14px;
    color: #898989;
    position: relative;
}
.card_detail_div_title span {
    color: #D11B1D;
    margin-left: 5px;
    position: absolute;
    right: -7px;
    top: -3px;
}
.card_detail_div_value {
    width: 100%;
    padding: 8px 5px;
    outline: 0px;
    border: 0px;
    border-bottom: 1px solid #dbdbdb;
}
.card_detail_checkbox_list {
    display: flex;
    gap: 20px;
}
.card_detail_checkbox_item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.card_detail_checkbox_item_title {
    min-width: 160px;
    font-size: 14px;
    color: #898989;
    text-align: right;
}
.card_detail_checkbox_item input {
    width: 18px;
    height: 18px;
}
.text_blue {
    color: #00b7ff;
}
.detail_card_button button.close_card {
    border-radius: 5px;
    width: 180px;
    padding: 10px;
    color: #FFF;
    transition: 0.5s all;
    cursor: pointer;
    background-color: #ff0000;
    border: 1px solid #ff0000;
}
.detail_card_button button.close_card:hover {
    background-color: transparent;
    color: #000;
}
.detail_card_button button.save_changes {
    border-radius: 5px;
    width: 180px;
    padding: 10px;
    color: #FFF;
    transition: 0.5s all;
    cursor: pointer;
    background-color: #00b7ff;
    border: 1px solid #00b7ff;
    width: max-content;
}
.detail_card_button button.save_changes:hover {
    background-color: transparent;
    color: #000;
}
.detail_card_button button.save_changes:disabled {
    transition: 0s all;
    background-color: #00b7ff6e !important;
    cursor: default;
    color: #FFF;
}

.auditory_people {
    display: none;
    padding-top: 40px;
    border-top: 3px solid #dbdbdb;
}
.auditory_people_body {
    display: flex;
    flex-direction: column;
}
.people_info_block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.people_info_block_small_50 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.people_input_div_width_100 {
    width: 100%;
}
.people_input_div_width_50 {
    width: calc(50% - 10px);
}
.people_input_div {
    display: flex;
    align-items: center;
    position: relative;
}
.people_input_div_name {
    display: flex;
    align-items: center;
    position: relative;
	gap: 25px;
	flex-direction: column;
}
.people_input_div input {
    margin-left: 15px;
}
.name_type_input {

}
.name_type_select_div {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}
.name_type_input {
    display: none;
}
.people_input_div_title {
    width: fit-content;
    text-align: right;
    min-width: 160px;
    font-size: 14px;
    color: #898989;
    position: relative;
}
.people_input_div_title span {
    color: #D11B1D;
    margin-left: 5px;
    position: absolute;
    right: -7px;
    top: -3px;
}
.people_input_div_blue input {
    color: #00b7ff;
}
.people_input_div textarea {
    margin-left: 15px;
    width: 100%;
    min-height: 55px;
    outline: unset;
    border: 0px;
    border-bottom: 1px solid #dbdbdb;
}
.div_width_100 {
    width: 100%;
}
.people_input_div_manager {
    margin-left: auto;
}
.auditory_people_checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}
.auditory_people_checkbox_title {
    min-width: 160px;
    font-size: 14px;
    color: #898989;
    text-align: right;
}
.auditory_people_checkbox input {
    width: 18px;
    height: 18px;
}

.people_info_checkboxes_list {
    margin: 20px 0px;
    display: flex;
}
.people_info_comment {
    margin-top: 20px;
}
.people_info_fio {
    margin-top: 30px;
}

.div_buttons {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
.div_buttons button {
    border-radius: 5px;
    width: 180px;
    padding: 10px;
    color: #FFF;
    transition: 0.5s all;
    cursor: pointer;
}
.auditory_people .save_changes {
    background-color: #5eb76c;
    border: 1px solid #5eb76c;
}
.auditory_people .save_changes:hover {
    background-color: transparent;
    color: #000;
}
.auditory_people .save_changes:disabled {
    transition: 0s all;
    background-color: #b37d7d !important;
    cursor: default;
    color: #FFF;
}
.close_people_block {
    background-color: red;
    border: 1px solid red;
}
.close_people_block:hover {
    background-color: transparent;
    color: #000;
}
.people_input_div input.error {
    border: 1px solid #D11B1D;
}
.people_input_div label.error {
    position: absolute;
    bottom: -20px;
    font-size: 14px;
    color: #D11B1D;
    display: none !important;
}
.auditory_people_checkbox input.error, select.error {
    border: 1px solid #D11B1D;
}
.auditory_people_checkbox label.error, .name_type_select label.error {
    position: absolute;
    bottom: -20px;
    font-size: 14px;
    color: #D11B1D;
    display: none !important;
}
.select2-container {
    width: inherit !important;
    margin-left: 15px;
}
.select2-container--default .select2-selection--single {
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #dbdbdb;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13.33px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-container--open .select2-dropdown {
    left: -15px !important;
}
.select2.error {
    border: 1px solid #D11B1D;
}

#updateIndicator {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 10px;
    background-color: #4caf50;
    color: white;
    border-radius: 5px;
    z-index: 1000;
    transition: opacity 0.5s ease;
}


@keyframes flash {
    0% { background-color: #e0f7fa; }
    50% { background-color: transparent; }
    100% { background-color: #e0f7fa; }
}

/*select 2*/
.js-example-basic-single {
    margin-left: 15px;
    outline: unset;
    border: 0px;
    border-bottom: 1px solid #dbdbdb;
    width: calc(100% - 8px);
    height: 36px;
    min-height: 36px;
    padding-bottom: 0px;
    padding-left: 7px;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
}
.js-example-basic-single::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #000;
    color: #000;
    right: 0px;
    top: 0px;
    position: absolute;
    display: block;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    width: 110px;
    min-width: unset !important;
}
  
/* Hide default HTML checkbox */
    .switch input {display:none;}
  
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    width: 55px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.approve_popopup_cont {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
}
.approve_popup_cont_over {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000a6;
}
.approve_popup_body_block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.approve_popup_body {
    background-color: #FFF;
    border-radius: 8px;
    padding: 20px;
    width: min(600px, 100% - 20px);
    height: min(240px, 500px);
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
.approve_popup_title {
    text-align: center;
}
.approve_buttons_list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.approve_button {
    border-radius: 5px;
    width: min(200px, 100%);
    padding: 10px;
    color: #FFF;
    transition: 0.5s all;
    cursor: pointer;
}
.approve_confirm {
    background-color: #2aff00;
    border: 1px solid #2aff00;
}
.approve_deny {
    background-color: #D11B1D;
    border: 1px solid #D11B1D;
}
.approve_confirm:hover {
    color: #000;
    background-color: transparent;
}
.approve_deny:hover {
    color: #000;
    background-color: transparent;
}

.select_popopup_cont {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
}
.select_popup_cont_over {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000a6;
}
.select_popup_body_block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.select_popup_body {
    background-color: #FFF;
    border-radius: 8px;
    padding: 20px;
    width: min(600px, 100% - 20px);
    height: min(240px, 500px);
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
.select_popup_title {
    text-align: center;
}
.select_buttons_list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.select_button {
    border-radius: 5px;
    width: min(200px, 100%);
    padding: 10px;
    color: #FFF;
    transition: 0.5s all;
    cursor: pointer;
}
.select_confirm {
    background-color: #2aff00;
    border: 1px solid #2aff00;
}
.select_deny {
    background-color: #D11B1D;
    border: 1px solid #D11B1D;
}
.select_confirm:hover {
    color: #000;
    background-color: transparent;
}
.select_deny:hover {
    color: #000;
    background-color: transparent;
}
tr.highlighted{
	border: 2px solid green;
	text-decoration:underline;
}

/*popups select*/
.custom_popup_select {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.popup_overlay {
    width: 100%;
    height: 100%;
    background-color: #00000073;
}
.popup_content_body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.popup_content {
    width: 900px;
    max-height: 500px;
    background-color: #FFF;
    padding: 20px;
    position: relative;
	overflow-y: auto;
}
.popup_content button.popup_close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: transparent;
    border: 0px;
    font-size: 24px;
}
.popup_content h2 {
    font-size: 20px;
	font-weight:500;
}
.contact_table {
    width: 100%;
	border-collapse: separate;
	border-spacing: 0 20px;
	font-size: 14px;
}
.start_search button{
	background-color: #dfdfdf;
	border: 1px solid #dfdfdf;
	color:black;
}
.list_select tr:nth-of-type(2n){
	background: #efefef;
}
.list_select tr td:nth-of-type(2){
	cursor: pointer;
}
.list_select td{
	padding: 10px 10px;
}
.contact_table th {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.list_select {
    max-height: 240px;
    overflow-y: auto;
	font-size:14px;
}
.list_item {
    display: flex;
    gap: 10px;
}
.popup_content_search {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    gap: 10px;
}
.popup_content_search input {
    width: 300px;
}
.button_approve_select {
    margin-top: 10px;
}
.separate_event{
	display:flex;
	gap: 15px 0px;
	flex-wrap: wrap;
}
.separate_event .event_payment{
	width:50%;
}
.separate_event .event_status_main{
	width:50%;
}
.separate_event .event_link{
	width:50%;
}