/* .fl-content-full.container{
    max-width: 1240px;
    padding:0px 30px !important;
    margin:auto;
    width:100% !important;
} */

:root {
    --white: #fff;
    --main: #eaedf0;
    --accent: #11224d;
    --accent-2: #ebedf0;
  }

  .container77 {
    display: inline-block;
    background-color: var(--white);
    border-radius: 35px;
    padding: 0 1em;
    margin-top: 2em;
    width: 100%;
  }
  
  .new_calhed {
    margin: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 100%;
  margin: auto;
    margin-bottom: auto;
  margin-bottom: 0px;
	  padding-right: 30px;
  }
  .new_calhed p{
  font-size: 18px !important;
  color: #000 !important;
  font-weight:500;
  margin: 0;
  }

  .new_calhed .header-display {
    display: flex;
    align-items: center;
	 min-width: 160px;
  justify-content: center;
  }
  
 .new_calhed .header-display p {
    color: var(--accent);
    margin: 5px;
    font-size: 1.2rem;
    word-spacing: 0.5rem;
    text-align: center;
  }
  
  .new_calhed  pre {
    padding: 10px;
    margin: 0;
    cursor: pointer;
    font-size: 1.2rem;
    color: var(--accent);
    background: unset;
  border: unset;
	display:flex;
  }
  
  .container77 .days,
  .container77 .week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin: auto;
    padding: 0 20px;
    justify-content: space-between;
	  padding-left: 0px;
  padding-right: 10px;
  }
  .container77 .week div,
  .container77 .days div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 37px;
  height: 35px;
  font-size: 15px;
  margin-bottom:15px;
font-weight: 500;
color:var(--accent);
}
  .container77 .days div:hover {
    background: #e4e5e9;
    color: var(--accent);
    cursor: pointer;
  }
  .container77 .calendar .active_date {
    background-color: var(--accent) !important;
    color: var(--white) !important;
  }
  .container77 .display-selected {display: none;}
  .new_calcontainer {
    width: 100%;
    padding: 30px 25px;
    box-shadow: 0 0 4px 0 #0000003d;
    background: #fff;
    border-radius: 8px;
    margin:50px 0;
    float: left;
}
  .cal_ttilenew h2{
  font-weight: 700;
  font-size: 48px;
  text-align: center;
  }
  .new_calnemainfelx{
    width:100%;
    display: flex;
  }
  .newcalensub_flex, .display_lex{
    display:flex;
  }
  .newcalensub_flex .necalen_dates{width: 45%;}
  .newcalensub_flex .newcalen_times{width:55%;}
  .display_flex70{
    width: 70%;
  }

  .necalen_details{
    width:30%;
  }
  .cust_gridtime{
    display: grid;
    grid-template-columns: 31.5% 31.5% 31.5%;
    gap:12px;
    margin-top:12px;
  }
  .time_blockcust{
    border:1px solid #000;
    padding:10px;
    text-align: center;
    cursor:pointer;
	font-weight: 500;
    color: var(--accent);
  }
  .newcalen_times{
    padding-top:19px;
  }
  .select_timee{
    border-color: #008;
  background-color: #3192f929;
  }
  .newcalen_times .new_calhed {
    width: unset;
  padding-left: 0;
	justify-content: start;
  }
  .newcalensub_flex{
    border-top: 1px solid #d4d4d4;
  }
 .newcalensub_flex .container77{
    margin-top:10px;
	 padding-left:0;
  }
  .calen_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom:10px;
  }
  .calen_title h4, .calen_title p{
    margin:0 !important;
	  font-weight:500;
    color:  #333333;;
  }

  .dropdown77 {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    background-color: unset;
    border: none;
    box-shadow: none;
  }
  .dropdown-header1 {
    display: block;
  padding: 3px 20px;
  font-size: 18px;
  line-height: 1.42857143;
  color: #000;
  white-space: nowrap;
  font-weight: 500;
  padding: 0;
  display: flex;
  justify-content: space-between;
padding-bottom: 8px;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 30px;
  }
  #arrow {
    transition: transform 0.3s ease;
	  display:none;
  }
  .dropdown-content1 {
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    background-color: #fff;
    padding: 0;
  }
.next-btn:active{
top:0;
}
  .next-btn {
    margin-top: 10px;
    padding: 10px;
    background-color: var(--accent);
    color: white;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
  }
  .next-btn:hover {
    background-color: var(--accent);
    border:none;
  }
  .necalen_details{
    padding-left: 50px;
  }
  .dropdown-content1 p{
    font-size: 14px;
  margin-bottom: 2px;
  margin-top: 0;
  }
  .dropdown-content1 .cust_dropmaintitle{
    font-size: 16px;
    margin-bottom:0px;
	 font-weight: 500;
    color: #000;
  }
  .margin-bot10{
    margin-bottom:10px !important;
  }
  .drop_btncust{padding-top:20px;}
  .current-date::after {
    content: ".";
    font-size: 25px;
    position: absolute;
    top: 2px;
  }
  .current-date,  .container77 .days div{
    position: relative;
  }
  .container77 .days div::after{
    content: ".";
    font-size: 25px;
    position: absolute;
    top: 2px;
    color:#000088;
  }
  .container77 .days div:empty::after{
    content:unset !important;
  }
.calendar-date.disabled-date {color: rgb(17 34 77 / 49%) !important;}
.calendar-date.disabled-date::after{display: none;}
.calen_title p{text-align: right;}
.calen_title h4{font-size: 18px;max-width: 300px;width: 100%;}
.calendar .current-date {background: #e4e5e9;color: var(--accent);cursor: pointer;}
.time_blockcust.booked_slot {background-color: #e4e5e9;pointer-events: none;color: rgb(17 34 77 / 49%);border: 1px solid rgb(17 34 77 / 49%);}
.time_blockcust {padding: 10px;border: 1px solid var(--accent);cursor: pointer;background-color: white;font-size: 12px;}
.time_blockcust.select_timee {background-color: var(--accent);color: #fff;}
.subslot-btn {
    display: inline-block;
    margin: 0 5px;
    margin-top: 10px;
    padding:13px 10px;
    background-color: var(--accent);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
.cal_ttilenew {display: none;}
.necalen_details .drop_btncust{display: grid;grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));}
.alert {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    padding: 10px 12px;
    font-size: 14px;
    color: #856404;
    border-radius: 4px;
    margin-bottom: 50px;
    position: relative;
}
.alert::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #d4d4d4;
    bottom: -30px;
    position: absolute;
    left: 0;
}
/* Media Queries */
@media (max-width:1200px)
{
  .cust_gridtime {grid-template-columns: 50% 50%;}
}
@media (max-width:1024px) {
    .display_flex70, .necalen_details {
        width: 100%;
      }
      .new_calnemainfelx{
        flex-direction: column;
      }
      .dropdown77{
        width: 100%;
      }
      .newcalensub_flex{
        justify-content: space-between;
      }
      .newcalensub_flex .necalen_dates, .newcalensub_flex .newcalen_times{
        width: 48%;
      }
      .container77 .days, .container77 .week{
        padding:0 !important;
      }
      .container77{
        padding:0 !important;
      }
      .necalen_details{
        padding: 0;
      }
	.necalen_details{
		margin-top:30px;
	}
  .dropdown-header1{margin-bottom: 20px;}
  .drop_btncust {padding-top: 0;}
}
@media (max-width:767px) and (min-width:575px){
    .cust_gridtime{
        grid-template-columns: 31.5% 31.5% 31.5% !important;
      }
}
@media (max-width:767px) {
    .newcalensub_flex .necalen_dates, .newcalensub_flex .newcalen_times{width: 100%;}
    .display-selected{padding:0 !important;}
    .newcalensub_flex{flex-direction: column;}
    .newcalen_times{padding-top:0 !important;}
    .new_calhed {padding:0 !important;}
    .cust_gridtime{margin-bottom:25px;grid-template-columns: 48% 48%;}
  .cal_ttilenew h2{font-size: 28px;text-align: left;}
  .calen_title{flex-direction: column;justify-content: start;align-items: unset;row-gap: 10px;}
	.necalen_details{margin-top:0;}
	.newcalen_times{margin-top:20px;}
	.new_calhed {margin-bottom:15px;}
  .calen_title p {text-align:left;}
  .new_calcontainer{padding: 25px 20px;}
}
@media (max-width:400px){
  .cust_gridtime{margin-bottom:25px;grid-template-columns:100%;}
}