/* You can add global styles to this file, and also import other style files */
.sheet-container {
  border: 0px solid red;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  right: 0;
  /* Optional: show position indicator in red */
}

.sheet-container .sheet-backdrop {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 0;
}

.sheet-container .sheet {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 999;
  background: white;
  border-radius: 16px 16px 0 0;
  display: flex;
  flex-flow: column nowrap;
  transform: translate(-50%, 100%);
}

.sheet-container .sheet-content::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}

.sheet-container .sheet-content::-webkit-scrollbar-thumb {
  background: #f00;
}

.sheet-container .sheet-title {
  padding: 10px 40px 20px;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}


.sheet-container .sheet-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.sheet-container .sheet-footer {
  background: white;
  width: 100%;
  display: flex;
  align-items: stretch;
}

.sheet-container .sheet-horizontal-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.sheet-container .sheet-icon-row {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 10px;
}

.sheet-container .sheet-icon-row>i {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  background: gray;
  margin: 10px;
}

.sheet-container .sheet-icon-row.bigger>i {
  width: 60px;
  height: 60px;
  flex-basis: 60px;
}

.sheet-container .sheet-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sheet-container .sheet-list .sheet-list-item {
  margin: 0;
  padding: 12px;
  border-bottom: 1px solid #eaeaea;
}

.sheet-container .sheet-list .sheet-list-item:first-child {
  border-top: 1px solid #eaeaea;
}

.sheet-container .sheet-list .sheet-list-item:last-child {
  margin-bottom: calc(32px + env(safe-area-inset-bottom));
}

.sheet-container .sheet-button {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  margin: 5px;
  padding: 20px;
  flex: 1 0 0;
  border-radius: 10px;
  background: #797979;
  color: #fefefe;
}
/* 
.sheet-container .sheet {
  width: 360px;
} */

.sheet-container .sheet-content {
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}

.sheet-title .swipe-handle {
  background-color: #d6dae0;
  height: 3px;
  width: 56px;
  border-radius: 1.5px;
}
.pac-container {
  z-index: 9999 !important;
}


/*JN : should be reviewed / scroll bars - AEM vishnu's issue */
/* Let's get this party started 
::-webkit-scrollbar {
  width: 10px;
}*/

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(250, 250, 250, 0.1);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(250, 250, 250, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(250, 250, 250, 0.3);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(250, 250, 250, 0.2);
}


/* JN : Not using this below style/ class */
.app-location-map {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  border-radius: 5px;
}

.app-location-map-thumbnail {
  /* width: 250px; */
  height: 250px;
  margin: 10px auto;
  /* border-radius: 15px; */
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.app-hide {
  display: none !important;
}

.app-show {
  display: block !important;
}

/* JN : Not using this below style/ class */

app-slots ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

span.next-available {
  display: block;
  margin-top: 20px;
}

p.day {
  font-weight: bold;
  text-align: left !important;
}

app-slots ul li {
  flex: 1 1 auto;
  width: 40%;
  border: 1px solid;
  margin: 5px;
  border-radius: 80px;
  padding: 10px;
  text-align: center;
  list-style: none;
}

app-confirmation {
  text-align: center;
}

.photo {
  text-align: center;
}

.photo img {
  border-radius: 10px;
  margin: 5px;
}

.photo .tp {
  font-size: 1.1rem;
  font-weight: bold;
}

.photo .cert {
  font-size: 1rem;
}

.hide-nav {
  opacity: 0;
  visibility: hidden;
}

.hide-back{
 display: none;
}

.filter-by-pro-expertise {
  margin: 10px 0;
  padding: 10px 0;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}

/*calendar Start*/

/*
.filter-by-date {
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
  padding: 10px 0;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center; 
}

.cal-month-view {
  background-color: #fff;
  margin: 0 15px;
}
.cal-month-view .cal-day-cell {
  min-height: 30px !important;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 0px;
}
.cal-month-view .cal-day-cell.cal-today {
  background: none;
  border: 1px solid;
  border-radius: 50%;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.2em;
  font-size: 1em;
}
.cal-month-view .cal-day-number {
  margin: 15px;
  opacity: 1;
  font-size: 1em;
  font-weight: bold;
}

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #000000;
}

.cal-month-view .bg-pink,
.cal-week-view .cal-day-columns .bg-pink,
.cal-day-view .bg-pink {
  background-color: hotpink !important;
} 

.calendar-previous-view {
  width: 33%;
  font-weight: bold;
  text-align: center;
}

.calendar-previous-view.disabled {
  opacity: 0;
  pointer-events: none;
}

.calendar-month-title {
  width: 33%;
  font-weight: bold;
  text-align: center;
}


.calendar-next-view {
  width: 33%;
  font-weight: bold;
  text-align: center;
}

.calendar-next-view.disabled {
  opacity: 0;
  pointer-events: none;
}
.cal-month-view .cal-cell.cal-day-cell.cal-choose {
  background: green !important;
  color: #fff;
  border: 1px solid;
  border-radius: 50%;
}

.cal-month-view .cal-cell.cal-day-cell.avail-day {
  background: #b5ec39;
  background: lightgray;
   color: #fff; 
  border: 1px solid;
  border-radius: 50%;
}
app-appointment-date-picker .btn-group {
  display: flex;
}

.cal-month-view .cal-cell-top {  
  min-height: 30px !important;
  margin: 0 auto;
}
.cal-month-view .cal-cell.cal-day-cell.cal-past
{
  opacity: 0.3 !important;
  pointer-events: none;
}

.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 0px;
}
.cal-month-view .cal-days {
  border: none;
}
*/

/*
.cal-month-view .disabled,
.cal-week-view .cal-day-columns .disabled,
.cal-day-view .disabled {
  opacity: 0.3 !important;
  pointer-events: none;
}
*/

/*calendar End*/

/* 
app-tabs {
  width: 100%
}

app-tabs ul {
  display: flex;
  margin: 0;
  padding: 0;
}

app-tabs ul li {
  width: 50%;
  padding: 10px;
  list-style: none;
}

app-tabs ul li.active {
  border-bottom: 2px solid green;
  width: 50%;
}

app-appointments-tax-pros ul {
  display: flex;
  list-style: none;
}


app-appointment-expertises ul,
app-appointments-tax-pros ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

app-appointment-expertises ul li input {
  width: auto !important;
}

app-appointment-expertises ul li {
  flex: 1 1 auto;
  width: 40%;
  margin: 5px;
  padding: 10px;
  text-align: left;
  list-style: none;
}

app-appointments-tax-pros ul li {
  flex: 1 1 auto;
  width: 33%;
  margin: 0px;
  padding: 0px;
  text-align: left;
  list-style: none;
}

app-location-office-change span#office-week-hours ul.office-weekday {
  list-style: none;
  width: 200px;
}

app-location-office-change span#office-week-hours ul li {
  display: flex;
}

app-location-office-change span#office-week-hours ul li span.office-hours {
  text-align: right;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 120px;
  font-size: 13px;
  font-weight: bold;
}

app-appointment-taxpro-expertise-picker .search-taxpro-expertise-filter-close {
  position: absolute;
  right: 20px;
  cursor: pointer;
}

.am-settings-init-search .tool-body {
  margin: 20px 0;
}

app-appointment-date-picker .btn-group {
  display: flex;
}

.tool-office-listing .office-map-container {
  border: none;
} */

/*Google map start*/

.gm-style-iw-d {
  overflow: hidden !important;
}
.gm-style-iw-chr {
  height: 30px;
}
/* .gm-style-iw button {} */

.gm-style-iw img {
  /*width: 20px !important;*/
  height: 20px !important;
}

.gm-style-iw-d .office-info-pin {
  border: none;
  margin-top: 30px !important;
  padding: 0 30px !important;
  min-width: 280px;
}

.gm-style-iw-d .office-info-pin .btn-section .btn {
  max-width: 280px !important;
  margin-top: 0px;;
}

.gm-style-iw-d .office-address {
  min-width: 250px;
}

.gm-style .gm-style-iw-c{
  padding: 0px;
  max-height: fit-content !important;
  max-width: fit-content !important;
}

.gm-style .gm-style-iw-d{
  max-height: fit-content !important;
}

/*Google map end*/

.bottom-swipe {
  margin: 10px 120px 0 120px;
  border-top: 2px solid #ccc;
}

.btn-swipe {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 40px;
  font-size: 1.9rem;
  position: relative;
  background: none;
  transition: background-color .2s ease, color .2s ease;
  font-weight: 500;
  justify-content: center;
  color: #ccc;
  border: 2px solid transparent;
  box-sizing: border-box;
  /* border-radius: 4px;
  border-top: 3px solid; */
}

/*
.date-picker-filter-close {
  position: absolute;
  right: 20px;
  top: 15px;
}

.filter-by-date p {
  text-align: center !important;
}*/




/**********Add to Calander **************/
.addeventatc{

  display: inline-flex !important;
  z-index: 99998;
  font: 400 1.5em/1.2 Graphik,"Helvetica Neue",Helvetica,sans-serif !important;
  color: #262626 !important;  
  font-weight: 500 !important;
  font-size: 1.9rem !important;
  height: 60px !important;
  padding: 0 35px !important;
  border: 2px solid #262626 !important;
  border-radius: 80px !important;
  -webkit-border-radius: 80px !important;
  outline-color:none !important;
  text-shadow: none !important;
  box-shadow: none !important; 
  background-image: none !important;
  align-items: center !important;

}
.addeventatc:hover, .addeventatc:focus{
  background-color:  #262626 !important;  
  color: #fff !important;
}
.addeventatc_icon{
  display: none;
}
.addeventatc_dropdown .copyx {display:none !important;}
.addeventatc_dropdown {
  top: auto !important;
  bottom: 0px !important;
}

.tool-addclc{
  display: none;
}
.add-cal-container .btn-container.tool-addclc
{
  display:block;
  padding-top: 30px;
}
/*
.tool-error span {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4.83333C7 4.3731 7.44772 4 8 4C8.55228 4 9 4.3731 9 4.83333V8.16667C9 8.6269 8.55228 9 8 9C7.44772 9 7 8.6269 7 8.16667V4.83333Z' fill='%23DC1F00' /%3E%3Cpath d='M7 11C7 10.4477 7.44772 10 8 10C8.55228 10 9 10.4477 9 11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11Z' fill='%23DC1F00' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%23DC1F00' /%3E%3Ctitle%3EError%3C/title%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: auto;
    height: 16px;
    margin-right: 9px;
    padding-left: 20px;
  }
  .tool-error ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
*/