.show_hide, .filter_hide { display:none !important; }

  .tools {
    display: flex;
    flex-direction:row;
    align-items: center;
    align-content: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width:100%;
    gap:1%;
  }
  .tools_search, .tools_sort {
    display: inline-flex;
    flex-direction:row;
    margin:0;
    padding:0.5em 1em;
    background:white;
    border-radius:1em;
    box-shadow:2px 2px 4px rgba(0,0,0,0.25);
    align-items: center;
    align-content: stretch;
    flex-direction: row;
    gap:0.5em;
    justify-content: space-evenly;
    justify-content: start;
    flex-wrap: nowrap;
    margin-bottom:1em;
    width:400px;
    max-width:100vw;
  }
  .tools_search p, .tools_search input, .tools_sort p, .tools_sort a { align-self:center; margin-bottom:0; font-weight:600; }

  .tools_search input, .tools_search input:focus, .tools_search input:active {
    display:flex;
    border:1px solid var(--ast-global-color-1);
    border-radius:6px;
    padding:0 1em;
    width:100%;
    background:white;
    color:var(--ast-global-color-1);
    align-self: center;
    background-size:16px;
    background-position: right 4px center;
    background-repeat: no-repeat;
  }
  .tools_search .del {}
  .tools_search .del i {
    color:var(--ast-global-color-1);
    color:#cc0000;
    font-size: 16px;
    margin-top: 5px;
  }
  
  .tools_sort a {
    display:flex;
    border:0px solid white;
    border-radius:6px;
    padding:0 1em;
    background:white;
    color:var(--ast-global-color-1);
    text-decoration:none !important;
    align-self: center;
  }
  .tools_sort a.active {
    background:var(--ast-global-color-1);
    color:white;
  }
  .tools_sort p {
    font-weight: 700;
    margin-right:1em;
    margin-bottom: 0;
  }

  .faq_bak {
    display: flex;
    flex-direction:row;
    align-items: center;
    align-content: stretch;
    justify-content: space-evenly;
    justify-content: start;
    flex-wrap: wrap;
    width:100%;
  }
  .faq {
    display: grid;
    grid-template-columns: 1fr 50px;
    grid-template-rows: auto auto;
    grid-template-areas: "faq_a expand" "message message";
    align-items:center;
    cursor:pointer;
    margin:1em 0 1em 0; padding:0; background:white; border-radius:1em; box-shadow:2px 2px 4px rgba(0,0,0,0.25);
  }


  .faq_f {
    margin:0;
    padding:0.5em 1em;
  }
  .faq_f p { font-weight:600; margin-bottom:0; }
  .faq_expand { width:20px; padding: 0.25em 0 0 0; }
  .faq_message { padding-top:1em; }
  .faq i, .expand i {
    font-size: 16px;
    color: var(--ast-global-color-1);
  }
  
 .days {
  }
  
  h2.day { margin-top:2em; }
  h3.timeslot { margin-top:1em; margin-bottom:0; }
  
  .meeting_wrapper {
    display: grid;
    grid-template-columns: 20% 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "meeting_info inviter invitee";
    align-items: center;
    cursor:pointer; 

    margin:0 0 1em 0; padding:0; background:white; border-radius:1em; box-shadow:2px 2px 4px rgba(0,0,0,0.25); 
    font-weight:600;
  }

  .meeting_info {
    grid-area: meeting_info;
#    grid-column: 1/span 1;
    grid-column: 1/2;
    grid-row: 1/2;
    align-items: stretch;
    align-content: stretch;
    align-self:stretch;
    justify-content: center;
    padding:0.5em 1em;
    border-right:2px solid #eeeeee;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    text-align:center;
    display: flex;
    flex-direction: column;
  }
  .timeslot p { margin-bottom:0em; font-weight:600; }
  .Declined .timeslot p { text-decoration: line-through; }
  
#  .Accepted .timeslot { background:#fafffa; }
#  .Pending .timeslot { background:#fafafa; }
#  .Declined .timeslot { background:#fff5f5; }
#  .Canceled .timeslot { opacity:0.5; }
  

  p.info { padding:0.125em 0.5em; margin-bottom:0; border-radius:0.5em; background:#666666; color:white; }
  p.info.table { background:var(--ast-global-color-1); background:#00c000; }
  p.info.helpdesk { background:#909090; }
  p.info.Declined { background:#c00000; }
  p.info.Canceled { background:#a0a0a0; }


  p.info { padding:0.125em 0.5em; border-radius:0.5em; background:white; color:#aaaaaa; }
  p.info.table { background:var(--ast-global-color-1); background:#00c000; color:white; cursor:pointer; }
  p.info.helpdesk { background:#909090; }
  p.info.Accepted { margin-bottom: 0.25em; color:#00c000; }
  p.info.Pending { }
  p.info.Declined { background:white; color:#c00000; }
  p.info.Canceled { background:white; color:#a0a0a0; }


  .pesel {
    grid-area:data;
#    grid-column: 2/span 1;
    grid-column: 2/3;
    grid-row: 1/2;
    padding:1em 2em;
  }
  p.smprint { font-size:0.75em; margin-bottom:0.25em; }

  .message-wrapper {
    grid-area:message;
    grid-column: 2/3;
    grid-row: 2/3;
#    grid-column: span 3;
  }
  
  .invitee, .inviter {
    display:flex;
    align-items: stretch;
    align-content: stretch;
    align-self:stretch;
    flex-direction: row;
    gap:1em;
    justify-content: start;
    flex-wrap: nowrap;    
    padding:0.5em 1em;
  }
  .inviter {  
    grid-area: inviter;
  }
  .invitee {  
    grid-area: invitee;
    border-left:2px solid #eeeeee;
  }

  .message_wrapper { min-height:0.5em; }
  
  .you, .arrow, .partner, .partner_image, .partner_text, .buttons {
    align-self:center;
  }
  .arrow { padding-top: 0.4em; }
  .partner { display: flex; }
  .partner_image img { width:50px !important; height:50px !important; object-fit: cover !important; border-radius:100% !important; }
  .partner_text { padding-left:1em; }
  .partner_text h3 { font-size:1em; margin-bottom:0.25em; }
  .partner_text h4 { font-size:0.9em; margin-bottom:0; }
  .expand { width:100%; text-align: center; cursor:pointer; padding:0.25em 0 0.5em 0; }
  .message { padding: 0 2em 1em 2em; }
  .message h4 { font-size: 1rem; margin-bottom: 0.25em; }
  .message p { font-size: 0.9rem; margin-bottom: 0.75em; }


  .buttons {
    grid-area: buttons;
    grid-column: 3/4;
    grid-row: 1/3;
    align-content: center;
    align-self:stretch;
    padding:1.5em 3em;
    border-left:2px solid #eeeeee;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    text-align:center;
    display: flex;
    flex-direction: column;
    gap:0.5em;
  }

  .buttons a {
    border:2px solid var(--ast-global-color-3);
    border-radius:6px;
    background:var(--ast-global-color-3);
    color:white;
    text-decoration:none !important;
    align-self: stretch;
    font-weight:600;
  }
  .buttons a.yes { border:2px solid green; background:green; color:white; }
  .buttons a.no { border:2px solid red; background:red; color:white; }
  .buttons a {
    border:2px solid var(--ast-global-color-1) !important;
    background:white !important;
    color:var(--ast-global-color-1) !important;
  }
  
  .buttons a svg {
    width: 16px;
    margin-top:2px;
    vertical-align: text-top;
    margin-right: 0.25em;
    fill: var(--ast-global-color-1);
  }
  .buttons a.yes svg {
#    fill: #50cc50;
  }
  .buttons a.no svg {
#    fill: #cc5050;
  }
  
  .meeting_action_form a {
    display:inline-block;
    border:2px solid var(--ast-global-color-1);
    border-radius:6px;
    padding:0 1em;
    margin-right:1em;
    background:var(--ast-global-color-1);
    color:white;
    text-decoration:none !important;
    text-align: center;
    font-weight:600;
  }
  .meeting_action_form a.close {
    border:2px solid var(--ast-global-color-1);
    background:white;
    color:var(--ast-global-color-1);
  }
  .meeting_action_form label {
    font-weight: 600;
    color: var(--ast-global-color-1);
    padding: 1em 0 0.5em 0;
    display: inline-block;
  }
  .meeting_action_form textarea {
    font-weight: 600;
    color: var(--ast-global-color-3);
    background:white;
    padding: 0.5em 1em;
    margin-bottom:0;
    display: inline-block;
    border-radius:8px;
    border:2px solid var(--ast-global-color-1);
  }
  
  .uagb-svg-wrapper svg {
    width: 17px;
    height: 17px;
    transform: rotate(0deg);
    box-sizing: content-box;
    fill: var(--ast-global-color-1);
    filter: drop-shadow( 0px 0px 0px #00000070 );
  }
  .uagb-svg-wrapper.mini {
  }
  .uagb-svg-wrapper.mini svg, svg.info {
    fill:white;
    width: 15px;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 5px;
  }
  .uagb-svg-wrapper.yes svg, .uagb-svg-wrapper.no svg {
    width:20px;
    height:20px;
    padding:0 0.5em;
  }
  .uagb-svg-wrapper.yes svg {
    fill:green;
  }
  .uagb-svg-wrapper.no svg {
    fill:red;
  }

.blocker {
  background-color: rgba(0,0,0,0.25);
}

.modal {
  background: #ffffff;
  border-radius: 8px;
  box-shadow:2px 2px 6px rgba(0,0,0,0.1);
  width:40vw;
  max-width:40vw;
  min-height:30vh;

}

.modal_button, .modal_button:hover, .modal_button:active {
  background: var(--ast-global-color-1);
  border-radius: 4px;
  padding: 0.5em 0.75em;
  color: white;
  font-weight: bold;
}
  
  .modal_message {
    padding:1em 0.5em;
  }
  .modal_message h3 {
    padding:0 0 0.5em;
  }
  .modal_message h5 {
    padding:0 0 1em;
  }
  .modal_message .partner_text h3 {
    margin-bottom: 0;
    padding: 0;
  }

  #profile_img_modal.modal {
    background: #ffffff;
    border-radius: 100%;
    box-shadow:2px 2px 6px rgba(0,0,0,0.1);
    padding:0;
    margin:0;
    width:30vw;
    height:30vw;
    min-width:30vw;
    max-width:30vw;
    min-height:30vw;
    max-height:30vw;
  }
  #profile_img img {
    border-radius: 100%;
    object-fit: cover;
    width:30vw;
    height:30vw;
    min-width:30vw;
    max-width:30vw;
    min-height:30vw;
    max-height:30vw;
  }
  #profile_img_modal.modal a.close-modal {
    position: absolute;
    top: 3vw;
    right: 3vw;
  }
 
 .form_buttons { display:block; margin-top:1em; clear:both; }
  
label.error.fail-alert, div#alert-message {
display:none;
border: 0px solid red;
border-radius: 4px;
font-size:0.9em;
line-height: 1;
padding: 0.25em 0.5em;
background: #ffe6eb;
color:Red;
font-weight:600;
}
div#alert-message {
  display:inline;
  border-radius: 0;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
  padding: 0.75em 2em;
  line-height: 3em;
}

@media screen and (max-width: 1200px) {
  .buttons {
    padding: 2em 2em;
  }
}

@media screen and (max-width: 1000px) {
  .modal {
    width:70vw;
    max-width:70vw;
    min-height:40vh;
  }
}

@media screen and (max-width: 860px) {
  .tools_show, .tools_filter {
    border-radius:1em;
    width:100%;
    border:0px solid white;
    margin-bottom:0.5em;
  }
  .meeting { 
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: auto auto auto; 
        grid-template-areas: " data data " " timeslot buttons " " message message " ;
   }
   .timeslot {
     grid-column: 1/2;
     grid-row:2/3;
   }
   .pesel {
     border-bottom:2px solid #eeeeee;
     grid-column: 1/3;
     grid-row:1/2;
   }
  .buttons {
    border-left:0px solid white;
    grid-column: 2/3;
    grid-row: 2/3;
  }

  .expand {
    border-top:2px solid #eeeeee;
    padding-top:0.5em;
  }
   .message_wrapper {
     grid-column: 1/3;
     grid-row:3/4;
   }

  .modal {
    width:90vw;
    max-width:90vw;
    min-height:40vh;
  }
  
  #profile_img_modal.modal, #profile_img img {
    width:40vw;
    max-width:40vw;
    min-height:40vw;
    max-height:40vw;
  }
}

@media ( max-width: 767px ) {  
}

@media ( max-width: 500px ) {  

  .elementor-element.elementor-element-bc953dd {
    padding-left:0.25em;
    padding-right:0.25em;
  }
  .tools_show, .tools_filter {
    gap:0.5em;
  }
  .tools_show p, .tools_filter p { margin-right: 0.5em; }
  .tools_show a, .tools_filter a { padding: 0 0.5em; }

  .buttons {
    padding: 1em 2em;
  }
  .buttons a {
    padding:0.5em;
  }

  #profile_img_modal.modal, #profile_img img {
    width:60vw;
    max-width:60vw;
    min-height:60vw;
    max-height:60vw;
  }
}