.ui-state-disabled{cursor:default!important;pointer-events:none}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}

.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}

.ui-icon{width:16px;height:16px}
.ui-icon,.ui-widget-content .ui-icon{background-image:url(https://code.jquery.com/ui/1.12.1/themes/smoothness/images/ui-icons_222222_256x240.png);}
.ui-widget-header .ui-icon{background-image:url(https://code.jquery.com/ui/1.12.1/themes/smoothness/images/ui-icons_222222_256x240.png);}
.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter: Alpha(Opacity=35);background-image:none}
.ui-datepicker td{font-size:14px}
.ui-datepicker td{border:0;padding:1px}
.ui-state-disabled{cursor:default!important;pointer-events:none}
.mobHideView input[type="checkbox"],
.time input[type="radio"]{box-sizing:border-box!important;padding:0!important;display:none!important}
.time input[disabled]{cursor:not-allowed;opacity:.7}

.ui-datepicker .ui-datepicker-header{background:0 0;border:0}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev{left:auto;right:40px}
.ui-datepicker .ui-datepicker-title{margin:0;line-height:1.8em;text-align:left;margin-right:90px;font-family:'Work Sans',sans-serif;color:#3e3e3e;font-size:15px}
.ui-datepicker th{font-family:'Work Sans',sans-serif;border-bottom:1px solid #ccc;color:#3e3e3e;font-size:14px}
.ui-datepicker td{font-size:14px}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:0;background:0 0;font-weight:600;color:#3d3d3d;border-radius:50%;text-align:center}
.ui-state-active,.ui-widget-content .ui-state-active{background:#00ab00;color:#fff;border:0}

.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.5em .2em;height:38px;width:38px}
.date-time-pecker{display:flex;margin-top:20px}
.date-time-pecker .date{width:340px}
.ui-icon-circle-triangle-e{background-position:-33px 0}
.ui-icon-circle-triangle-w{background-position:-94px 0}
p.date-note{font-size:15px}
p.date-note span{display:inline-block;width:12px;height:12px;background: rgb(162 162 162)}

.form-main-fields>img{max-width:220px}
.form-main-fields h4{font-size:20px;line-height:40px;color:#33b7ee;margin-top:20px;margin-bottom:10px}
.form-main-fields .md-form{position:relative;margin-bottom:20px}
.form-main-fields .md-form input,.form-main-fields .md-form select{font-size:14px;padding:4px 15px;display:block;width:100%;height:40px!important;background-color:transparent;border:1px solid #777373;border-top-left-radius:10px;border-radius:6px;box-sizing:inherit}
.form-main-fields .md-form input:focus{outline:0;border-color:#33b7ee}
.form-main-fields .md-form label{color:#10211f;opacity:.5;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:15px;top:5px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}
.form-main-fields .md-form input:focus~label,
.form-main-fields .md-form input:not(:placeholder-shown)~label {top:-14px;font-size:14px;color:#000;opacity:1;background-color:#fff;padding:0 3px}
.form-main-fields .form-check input[type="checkbox"]:checked+label:before {color: #fff;content: "\2713";background-color: #00ab00;border-color: #00ab00;padding: 0px 2px 0px 2px;}

.time-options{width:100%;padding-top:46px;padding-left:20px}
.time-options .col-md-6:first-child{padding-right:5px}
.time-options .col-md-6:nth-child(2) {padding-left:5px}
.time-options .time label{border:1px solid #b7b7b7;border-radius:20px;padding:4px 9px!important;text-align:center;font-size:14px;margin-bottom:15px!important;display:block!important;color:#00ab00}
.time-options .time input:checked+label{color:#fff;background-color:#fff;border-color:#00ab00;position:relative}
.time-options .time input:checked+label span{position:relative}
.time-options .time input:checked+label::before{content:'';background-color:#00ab00;width:100%;height:100%;top:0;left:0;position:absolute;border-radius:20px;border-color:#00ab00}
#newpopupModal .submit-btn{text-align:center;margin-top:20px;width:100%}
#newpopupModal .submit-btn .btn{background-color:#00ab00;border-radius:30px;color:#fff;text-transform:none;padding:10px 20px;font-size:16px;font-weight:600;line-height:24px}
#newpopupModal .submit-btn .btn:hover{box-shadow: 0 4px 10px 0 rgb(0 0 0 / 30%)}

.ui-datepicker-calendar>tbody>tr>td.ui-datepicker-unselectable>span.ui-state-default{text-decoration:line-through}
.customder{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(255,255,255,.5);display:none}
.loading-image{position:absolute;top:50%;left:50%;z-index:10}

/* .step-2{display:block;} */
.book1st_Consult .step-2{display:block;}
.book1st_Consult .step-2 .animate-bottom{height:100%}
.book1st_Consult .step-2 h2{background:#fff;margin:0;padding:15px;font-size:18px;font-weight:600;position:relative;border-radius:10px 10px 0 0}
.book1st_Consult .step-2 .date-time-pecker{margin-top:0;width:100%;float:left;height:100%;background:#fff;overflow:hidden;overflow-y:scroll}
.book1st_Consult .step-2 .date-time-pecker .date{width:100%!important;float:left;padding:10px 15px}
.book1st_Consult .step-2 .date-time-pecker .time-options{width:100%;float:left;height:100%;padding:0!important}
.book1st_Consult .step-2 .date-time-pecker .time-options ul li{width:104px;font-size:14px}
.book1st_Consult .step-2 .date-time-pecker .time-options ul li label{margin:0!important}
.book1st_Consult .step-2 .date-time-pecker .time-options .row{max-width:100%;margin:0}
.book1st_Consult .step-2 .date-time-pecker .time-options .row #timeslots-div{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:10px}
.animate-bottom{position:relative;animation:animatebottom .4s}
.f-error{width:100%;font-size:12px;color:red;float:left;text-align:right;}


/* start 100 popup css */
*{box-sizing:border-box;}
body{font-family:'Poppins', sans-serif;}
.container{width:100%;max-width:1280px;}
.viewOnDesktop{display:block;}
.viewOnMobile{display:none;}
.clear{clear:both;}
/* start create new - work on old */
.md-form input::-webkit-input-placeholder {color: #fff;}
.md-form input::-moz-placeholder {color: #fff;}
.md-form input:-ms-input-placeholder {color:#fff;}
.md-form input:-moz-placeholder {color:#fff;}
#timeslots-div {display: grid;grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));grid-gap: 10px;}
.mob__View {display: none !important;}
.mobHideView {display: block !important;}
.feedBackBox {display:none;}
#newpopupModal .close {font-size: 42px;font-weight: 100;}
@media screen and (max-width:650px) {
    .modal-open .modal{overflow-x:hidden;overflow-y:auto;}
    .ui-datepicker{width:100%;}
    .md-form input::-webkit-input-placeholder {font-size:16px;color:#9E9E9E;}
    .md-form input::-moz-placeholder {font-size:16px;color:#9E9E9E;}
    .md-form input:-ms-input-placeholder {font-size:16px;color:#9E9E9E;}
    .md-form input:-moz-placeholder {font-size:16px;color:#9E9E9E;}
    .book1st_Consult{font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;padding:15px !important;}
    .mobHideView {display: none !important;}
    .mob__View {display: block !important;}
    #newpopupModal .close {position: absolute;right: 15px;top: 10px;z-index: 11;}
    .book1st_Consult .form-begins{padding:0;margin-top:60px;width:100%;float:left;overflow: hidden;overflow-y:scroll;min-height:100vh;}
    .mainHundredPop{width: 100%;max-width:100%;float: left;padding:0;margin: 0;background: #fff;} */
    /* .book1st_Consult .modal-dialog .modal-content {height: 100%;border-radius: 0px !important;width: 100%;float: left;padding: 0;margin: 0;border: none;} */
    .book1st_Consult .mainHundredPopy {width: 100%;float: left;height: 100%;margin: 0;padding: 0;}
    .book1st_Consult .mobFixHead {padding: 15px;position: fixed;left: 0;top: 0;z-index: 9;background: #fff;}
    .book1st_Consult .mobFixHead img {width: 150px;}
    .form-begins form{width:100%;float:left;height:100%;}
    .book1st_Consult .form-main-fields {width: 100%;float: left;}
    .book1st_Consult .form-main-fields .cont-1 {display: none !important;}
    .book1st_Consult .form-main-fields .step-1{padding:0;width:100%;float:left;height:auto;}
    .book1st_Consult .form-main-fields .step-1 .txtTitle01 {font-size: 20px;margin-top: 15px;}
    .book1st_Consult .form-main-fields .step-1 .txtTitle02 {font-size: 16px;margin: 12px 0 5px 0;font-weight: 600;color:#0A0A0A;}
    .book1st_Consult .form-main-fields .md-form {margin-bottom: 0;}
    .book1st_Consult .form-main-fields .md-form input {margin-top: 0;height: 48px !important;}

    .book1st_Consult .form-main-fields .md-form input#appointmentDate {background-image:url("https://cdn.breathewellbeing.in/downloads/videos/v13/images/editIcon.svg"), url("https://cdn.breathewellbeing.in/downloads/videos/v13/images/calenderIcon.svg");background-repeat: no-repeat, no-repeat;background-position: 98% center, 6px center;padding-left: 30px;padding-right: 30px;font-size: 16px;font-weight: 600;color: #2FB773;}
    .book1st_Consult .form-main-fields .fomTitle {font-size: 14px;font-weight: 400;padding-bottom: 5px;}
    .book1st_Consult .form-main-fields .datTimTxt{font-size:13px;color:#5C5C5C;margin-top:4px;}
    .book1st_Consult .form-main-fields .consultTitle {font-size: 16px !important;margin-bottom: 0;font-weight: 600;}
    .book1st_Consult .mobCheckField {display: block;position: relative;padding-left: 32px;margin: 15px 0 0 12px;cursor: pointer;font-size: 14px;font-weight: 400;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color:#5C5C5C;}
    .book1st_Consult .mobCheckField input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
    .book1st_Consult .mobCheckField .checkmark {position: absolute;top: 10px;left: 0;height: 20px;width: 20px;background-color: #eee;}
    .book1st_Consult .mobCheckField:hover input~.checkmark {background-color: #ccc;}
    .book1st_Consult .mobCheckField input:checked~.checkmark {background-color:#2FB773;}
    .book1st_Consult .mobCheckField .checkmark:after {content: "";position: absolute;display: none;}
    .book1st_Consult .mobCheckField input:checked~.checkmark:after {display: block;}
    .book1st_Consult .mobCheckField .checkmark:after {left: 7px;top: 2px;width: 7px;height: 14px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
    .book1st_Consult .ourSays {width: 100%;float: left;padding: 15px;background: #fff;margin: 10px 0 0 0;border-top: 4px solid #ccc;}
    .book1st_Consult .ourSays .healthSayTitle {font-size: 18px !important;font-weight: 600;margin: 0;}
    .book1st_Consult .innerStorySays {width: 100%;float: left;margin-top: 20px;display: flex;gap: 10px;overflow: hidden;overflow-x: scroll;}
    .book1st_Consult .saysList {min-width: 98%;float: left;padding: 15px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);background: #fff;border-radius: 12px;margin: 3px;}
    .book1st_Consult .imgNdName {display: flex;gap: 10px;align-items: center;}
    .book1st_Consult .imgNdName .saysImg {width: 40px;height: 40px;border-radius: 50%;overflow: hidden;}
    .book1st_Consult .imgNdName .saysImg img {width: 100%;}
    .book1st_Consult .imgNdName h2 {font-size: 16px;font-weight: 600;margin: 0;}
    .book1st_Consult .imgNdName h2 small {font-size: 12px;color: #2FB773;font-weight: 600;}
    .book1st_Consult .healthDtlSays {width: 100%;float: left;display: flex;gap: 10px;margin-top: 15px;}
    .book1st_Consult .listOfHealthSays {padding: 7px 8px;font-size: 12px;border-radius: 50px;font-weight: 600;display: flex;align-items: center;gap: 3px;}
    .book1st_Consult .redBgOfList {background: rgba(252, 42, 43, 0.1);}
    .book1st_Consult .greenBgOfList {background: rgba(30, 135, 75, 0.1);}
    .book1st_Consult .txt_Col_red {color: rgba(252, 42, 43, 1);}
    .book1st_Consult .txt_Col_green {color:#2FB773;}
    .book1st_Consult .contOfSays {width: 100%;float: left;display: block;margin-top: 15px;padding: 10px 0;border-top: 1px solid rgba(0, 0, 0, 0.12);}
    .book1st_Consult .contOfSays p {font-size: 14px;font-weight: 500;}
    .book1st_Consult .btnBook_100Conslt {width: 100%;display: block;position: fixed;left: 0;bottom: 0;background: #fff;padding:12px 0;box-shadow: 0 6px 10px 8px #ccc;}
    .book1st_Consult .btnConsult {min-width:300px;margin:0 auto !important;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50px;font-size:14px;color:#fff;padding:10px 20px;background:gray;font-weight:500;gap:5px;}
    .book1st_Consult .btnConsult.activeSend {background: #2FB773;}
    .book1st_Consult .btnBook_100Conslt span {width: 100%;display: block;text-align: center;color: #A6A6A6;margin: 10px 0;font-size: 12px;}
    .book1st_Consult .btnConfirmBooking {width: 100%;display: inline-block;box-shadow: 0 -1px 8px 3px #ccc;margin-top: 10px;position: fixed;bottom: 0;left: 0;background: #fff;}
    .book1st_Consult .innerConfirmBooking {width:250px;margin: auto;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 14px;color: #fff;padding: 10px 20px;background: #2FB773;font-weight: 600;}
    .book1st_Consult .step-2 {display:none;position:fixed;top:0;left:0;width:100%;float:left;height:100vh;background:rgba(0, 0, 0, 0.5);z-index:9;padding-top:15%;transition:all 1s ease;}
    .book1st_Consult .step-2 .animate-bottom {height: 100%;}
    .book1st_Consult .step-2 h2 {background: #fff;margin: 0;padding: 15px;font-size: 18px;font-weight: 600;position: relative;border-radius:0;}
    .book1st_Consult .step-2 .date-time-pecker {margin-top: 0;width: 100%;float: left;display:block;height: 100%;background: #fff;overflow: hidden;overflow-y: scroll;}
    .book1st_Consult .step-2 .date-time-pecker .date {width: 100% !important;float: left;padding:10px;}
    .book1st_Consult .step-2 .date-time-pecker .time-options {width: 100%;float: left;height: 100%;padding: 0 !important;}
    .book1st_Consult .step-2 .date-time-pecker .time-options ul li {width: 104px;font-size: 14px;}
    .book1st_Consult .step-2 .date-time-pecker .time-options ul li label {margin: 0 !important;}
    .book1st_Consult .step-2 .date-time-pecker .time-options .row {max-width: 100%;margin: 0;}
    .book1st_Consult .step-2 .date-time-pecker .time-options .row #timeslots-div {display: grid;grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));grid-gap: 10px;}

    .animate-bottom {position: relative;animation: animatebottom 0.4s;}
    @keyframes animatebottom {
        from {bottom: -300px;opacity: 0;}
        to {bottom: 0;opacity: 1;}
    }
    .innerSelDatNdTime {width: 100%;float: left;display: block;background: #fff;border-radius: 20px 20px 0 0 !important;}
    .innerSelDatNdTime .modal-title {font-size: 18px;font-weight: 600;}
    .innerSelDatNdTime .modal-body {width: 100%;float: left;background: #fff;}
    .innerConfirmBooking {width: 320px;margin: auto;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 14px;color: #fff;padding: 10px 20px;background: #2FB773;font-weight: 600;}
    .feedBackBox {background: rgba(0, 0, 0, 0.6);position:fixed;width:100%;float:left;height:100%;z-index:9;}
    .feedBackBox .modal-dialog {padding: 0 10px;border-radius: 12px 12px 0 0;}
    .feedsOflist {display: grid;grid-gap: 10px;font-size: 17px;}
    .feedsOflist .mobCheckField {width: 100%;float: left;margin: 0 0 0 10px;display: flex;align-items: center;gap: 10px;font-weight: 500;font-size: 16px;}
    .feedsOflist .mobCheckField .checkmark {top: 2px;border: 1px solid #999;}
    .reviewResionBox {padding: 0 10px;}
    .reviewResionBox label {font-size: 16px;font-weight: 500;}
    .reviewResionBox textarea {width: 100%;min-height: 70px;border: 1px solid #ccc;}
}
/* End 100 popup css */