body {margin: 0;}
/*div::-webkit-scrollbar {
    height: 28px;
    width: 28px;
}

div::-webkit-scrollbar-thumb {
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
  }*/
  .datepicker-switch
  {
   pointer-events: none !important;
  }
  .datepicker table tr td, .datepicker table tr th {
    width: 100px !important;
    height: 100px !important;
  }
  .datepicker-inline {
    width: auto !important;
    font-size:xxx-large !important;
  }
  .datepicker table tr td span {
    width: auto !important;
    height: auto !important;
  }
  .datepicker-days .table-condensed, .datepicker-months .table-condensed, .datepicker-years .table-condensed, .datepicker-decades .table-condensed, .datepicker-centuries .table-condensed {
width: 80vw !important;
  }
  #main_layout
{
    width: 99vw;
    height: auto;
    padding: 0px 0px 0 20px;
}
#top_panel
{
    width: calc(99vw - 40px);
    height: 60px;
    margin: 10px 10px 10px 10px;
}
#right_panel
{
    height: calc(100vh - 100px);
    width: 330px;
    margin: 10px 0px 10px 10px;
    padding: 10px 10px 10px 10px;
}
#settings_window
{
  height: calc(100vh - 200px);
  overflow: auto;
}
#attention_panel, #absent_patients_panel
{
    height: calc(100vh - 100px);
    width: 400px;
    margin: 10px 0 10px 0;
    padding: 10px 10px 10px 10px;
}
#left_d_panel
{
    height: calc(100vh - 100px);
    width: calc(99vw - 390px);
    margin: 10px 10px 0px 10px;
    
    
}
#left_p_panel
{
    /*height: calc(100vh - 100px);
    width: calc(100vw - 260px);*/
    margin: 10px 30px 0px 10px;
    height: auto;
    width: 98vw;
}
#day_cards{
  height: calc(100vh - 110px);
}
.modal-dialog {
max-width: 90vw !important;
}
.time_card, .day_card{
    border:2px solid green !important;
}
.inactive
{
    border:2px solid red !important;
    color: grey !important;
}
.active[type="record_blue"]
{
  border-color: blue !important;
}
.cal_td
{
  height: 7rem;
}
#current_month
{
  margin:0;padding:0;display:block;text-transform: capitalize;font-size:x-large
}
#month_calendar
{
  width:auto;font-weight:bold;color:#6c757d;display:flex;padding:10px;margin-left:20px
}
.day_card_text
{
  font-size:xx-large;text-align:center;margin-bottom:0;font-weight: bold;
}
.modal_interact{
  pointer-events: none;
}
.modal_interact_dialog{
  pointer-events: all;
}
.timepicker
{
  margin-left:20px;font-size:xx-large;
  width: 140px !important;
  border-radius: 8px;
}
.timepicker_schedule
{
  margin-left:20px;
}
.m--s-ipt {
  position: relative !important;
  width: 140px !important;
  border: 2px solid black !important;
}
.m--s-real-ipt
{
  display: none !important;
}
.m--s-tag-del {
  background-color: #555 !important;
}
.timepicker_td{
  height: 70px;
}
.lock_icon_container
{
  text-align: end;
  width: 100%;
}
.kiev_icon_container
{
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 10px;
  left:0;
}
.indicators_container
{
  margin-bottom:30px;
}
.lock_icon_container_records
{
  text-align: end;
  width: 100%;
}
.lock_icon
{
  width: 30px;
}
.kiev_icon
{
  width: 30px;
}
.lock_icon_records
{
  width: 30px;
}
.left_arrow_icon_records
{
  width: 30px;
  
}
.trash_icon_container_records
{
  position: absolute;
  bottom:10px;
  display:none;
 right:10px;
}
.schedule_icon_container
{
  position: absolute;
  bottom:10px;
  display:none;
 right:10px;
}
.reserved{
  font-size: 150px !important;
  margin-top: -70px !important;
}
.schedule_icon
{
  width: 30px;
}
.trash_icon_records
{
  width: 30px;
}
.day
  {
    border:5px solid #fff !important;
    border-radius: 24px !important;
  }
.time_card
{
  border-radius: 2rem !important;
}
.tabulator-group-level-0
{background-color: lightblue !important}
@media (max-device-width:70em){
  #main_layout
  {
      width: 99vw;
      height: auto;
      padding: 0px 0px 0 20px;
      display:block !important;
  }
  #user_logout{
  font-size: xx-large;
  }
  .day_card
  {
   
    min-height: 200px !important;
    max-height: 470px !important;
    width: 100% !important;
  }
  .day_card_text
  {
    font-size: xxx-large !important;
  }
  #month_back, #month_forward
  {
  font-size: xxx-large;
  }

  #left_d_panel
  {      
    width: 99vw !important;
    height: calc(100vh - 160px);        
  }
  #right_panel
  {     
      width: 99vw !important;     
  }
  #day_cards{
    height: calc(100vh - 150px);
  }
#current_month
{
  font-size: xxx-large;
  margin-top:10px;
}
#top_panel {
  height: 100px;
  width: 98vw;
}
#month_calendar
{
  padding: 0;
  margin-left: 100px;
  align-items: center;
}
table{
  font-size: xxx-large !important;
}
.cal_td
{
  padding:5px !important;
}
.places_number
{
  font-size:xxx-large !important;
  margin-top: -10px !important;
  margin-left: 10px !important;
}
.places_info
{
  font-size:xxx-large !important;
  margin-top: -10px !important;
}
.square_form
{
  width: 30px !important;
  height: 30px !important;
}
.locked_img
{
  width: 24px !important;
  height: 24px !important;
}
#settings_badge
{
  font-size: 60pt;
}
#main_schedule_name
{
  font-size: 40pt;
}
.timepicker
{
  font-size: 50pt !important;
  width: 300px !important;
}
.m--s-ipt {
  font-size: 50pt !important;
  width: 300px !important;
}
.m--s-tag {
  font-size: 40pt !important;
  line-height: 60px !important;
}
.m--s-list .m--s-option {
line-height: 70px !important;
height: 60px !important;
}
.m--s-tag-del {
width: 36px !important;
height: 36px !important;
vertical-align: middle !important;
}
.m--s-tag-del:after {
  width: 30px !important;
  top: 15px !important
}
.timepicker_td{
  height: 200px !important;
  font-size: 50pt !important;
}
#save_button, #add_temp_schedule, .save_button, .del_button
{
  font-size: xxx-large !important;
}
.kiev_icon_container
{
  text-align: center !important;
  width: 100%;
  margin-top: 20px;
}
.indicators_container
{
  margin-bottom:50px;
}
.lock_icon_container
{
  text-align: center !important;
  width: 100%;
}
.lock_icon_container_records
{
  position: absolute !important;
  right: 10px !important;
}
.kiev_icon
{
  width: 60px !important;
}
.lock_icon
{
  width: 60px !important;
}
.lock_icon_records
{
  width: 60px !important;
}
.left_arrow_icon_records
{
  width: 60px !important;
}
.schedule_icon
{
 width: 60px !important;
}
.trash_icon_records
{
 width: 60px !important;
}
.toast
{
  width: 98vw !important;
  font-size: xxx-large !important;
}
#abcense_period_name
{
  font-size: 40pt !important;
}
#abcense_period_from, #abcense_period_to, #abcense_period_cause
{
  margin-bottom: 20px !important;
}
#shedule_link
{
  font-size: xx-large !important;
  right: 40px !important;
}
#report_link
{
  display: none !important;
}
.additional_free, .additional_in_use
{
  display: none !important;
}
.timepicker_schedule
{
  font-size:xx-large !important;
}
#month_calendar_schedule
{
  align-self: center;
}
#month_calendar_schedule label
{
  font-size: xx-large !important;
}
#calendar_link
{
  display: none;
}
#all_records
{
  font-size: xx-large !important;
 
}
#all_records span {
  display: none;
}
#all_records:after {
  content: 'Все' !important;
}
.tabulator
{
  font-size: x-large !important;
}
.tabulator-col[tabulator-field="time_stamp_for_date"]
{
display: none !important;
}
.tabulator-cell[tabulator-field="time_stamp_for_date"]
{
  display: none !important;
}
.tabulator-col[tabulator-field="not_vizited_total"]
{
display: none !important;
}
.tabulator-cell[tabulator-field="not_vizited_total"]
{
  display: none !important;
}
.tabulator-col[tabulator-field="in_black"]
{
display: none !important;
}
.tabulator-cell[tabulator-field="in_black"]
{
  display: none !important;
}
.user_real_name
{
  display: none;
}
.tabulator-group-level-0
{background-color: lightblue !important}
}