body{background:#eee;margin:0;overflow: auto;min-height: auto;}
/* #ui-datepicker-div,.ui-timepicker-container{display:block !important} */
.clr-E2{color:#0087E2}
.i-timezone{background-image: url("../appointment/images/i-timezone.svg");}
.clock-i{background-image: url("../appointment/images/clock-i.svg");}
.i-note{background-image: url("../appointment/images/i-note.svg");}
.i-empty-cal{background-image: url("../images/i-empty-cal.svg");}
.i-20{width:20px;height:20px}
.text-center{text-align:center}
.hmowner li:first-child{display:none}
.hmowner li{display:flex;justify-content:center}
.hmowner li a{padding:10px;font-size:14px; text-decoration:none;border-radius: 4px;}
.midline{position: relative;padding-left:16px}
.midline::before{content:'';position: absolute;left:0;top:0;width:1px;height:100%;background:#e0e0e0}
.ho-header{background:#333;padding:15px 15px 15px 24px; display: flex; justify-content: center;}
.mar-b24{margin-bottom:24px}
.powerby{position:absolute;left:0;bottom:0}
.bgclr-ff{background:#fff}
.list-holder li{padding:5px 0}
.cursorptr{cursor:pointer}

.home-owner-success-div{
    max-width:998px;
    background:#fff; 
    border-radius:8px;
    margin:auto
}
.avtar-wrap{width: 40px;height: 40px;background: #000;color: #fff;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-weight: 900;overflow: hidden;}
.avtar-wrap img{width: auto;height: 100%;}
.select-time:hover a{background:#f2f2f2;color:#4f4f4f;}
.select-time.active a{background-color:#0087E2;color:#fff}
.geoiconset{padding:5px 10px 5px 30px;background-repeat: no-repeat;background-size: 13px;background-position: 0 center;}
.hocnf-attach{overflow: hidden;border-radius: 8px;background:#ccc}
.ho-btn{background: #fff; cursor: pointer;min-width: 82px;}
.bdr-clre2{border-color:#0087E2;}
.hmowner{min-width: 90px; max-height: 500px; overflow: auto;}
.hoformwrapper{max-width:998px;background:#fff; border-radius:8px;margin:auto}
.select-time.pointer-n a{color: #aaa;}
.content-wrapper{min-height: auto;background: transparent;}
.ho-attachfile{overflow: hidden;border-radius: 8px;    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);}
.succ-disp *{margin: 0;}
.ho-success-powerby{padding: 16px;}
.showselecthours, .showselectmint, .showselectampm{position: absolute;width: 84px !important;bottom: 0px;background:#fff; text-align: left;z-index: 10;max-height:200px;overflow: auto;}
.showselecthours li a, .showselectmint li a,.showselectampm li a{text-decoration: none;display: block;padding:5px 14px !important}
.resdate{position: absolute;left: 20px;opacity: 0;z-index: 1;}
.btn-success{background-color: #00B25B;border-color:#00B25B;color:#fff}
.btn-warn{background-color: #FE9C26;border-color:#FE9C26;color:#fff}
.btn-denger{background-color: #FF3D3D;border-color:#FF3D3D;color:#fff}
.ho-logo{max-width: 130px;}
.ho-logo img{display: block;max-width: 100%;}
.clr-9a{color: #9a9a9a;}
@media screen and (min-width: 993px) {
    .homeownerformpart1{width:calc(100% - 350px)}
    .ho-navsec{width:350px}
    .ho-timezone,.ho-duration,.ho-discipt{padding-left: 28px;}
    .buttonsec .nxtbtn{width:160px}
    .hidedsk{display: none !important;}
    .ho-formwrap{width:440px}
    .ho-success-wrapper{min-height: calc(100vh - 380px);}
}
@media screen and (max-width: 992px) {
p *{line-height: 20px;}
.ho-title,.hidemob,.ho-selectedatesec{display: none;}
.ho-calname{margin: 12px 0;font-size: 20px; text-transform: capitalize;}
.ho-main{flex-direction: column;padding: 0;border: none;}
.midline::before{display: none;}
.homeownerformpart1{padding:0 ;}
.wrapper{width: 100% !important;}
.ho-datetimesec{flex-direction: column;}
.ho-timezonesec{display: flex;align-items: center;}
.ho-timezone{padding-left: 10px;color: #26272B;}
.ho-timeztitle{align-items: center;color:#26272B}
.buttonsec .nxtbtn,.buttonsec .submitbtn,.submit-reason{width: 100%;padding:12px;}
.content-wrapper{min-height: auto; background: transparent;}
.calendar .days li{padding: 12px !important;}
.current-date{font-weight: 600 !important;}
.ho-discipt *{font-size: 1rem;line-height: 20px;margin: 0;color:#555758}
.ho-discipt > div {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.ho-discriptsec{margin: 0;}
.mobfstcomplete .ho-calendarsec, .mobfstcomplete .ho-timezonesec, .mobfstcomplete .mobnext-1 {display: none;}
.mobfstcomplete .ho-timesec, .mobfstcomplete .mobnext-2{display: flex;justify-content: center;}
.mobfstcomplete .ho-selectedatesec{display: block;}
.homeownerformpart2,.ho-formwrap{width: 100% !important;padding:0}
.ho-filedlnm, .ho-filedfnm{width: calc(50% - 6px);}
.ho-filedfnm{margin-right: 6px;}
.ho-filedlnm{margin-left: 6px;}
.hmowner{max-height: calc(100vh - 377px);min-width: 112px;}
.ho-readmore{position: absolute; right: 0;bottom: 0;background: #fff;color:#0087E2}
.ho-readmore::before{content:'...';margin-right: 4px;color:#696969;}
.ho-discriptsec{margin-bottom: 32px;}
.ho-usernm{font-size: 15px;}
.submitbtn{width: 100% !important; font-size: 16px;}
/* .hoformwrapper{max-height: calc(100vh - 155px); overflow: auto;} */
.ho-timewrapper{padding: 0;}
.ho-timetype{display: inline-block;width: 100%;border-bottom: 1px solid #e0e0e0;padding: 10px;}
.ho-label{font-size: 12px; margin-bottom: 5px;}
.ho-txtfiled{font-size: 16px;color: #4f4f4f;}
.ho-succestext{font-size: 18px;}
.home-owner-success-div{background: transparent;}
.ho-formwrapsuccess{background: #fff;padding: 16px;}
.ho-success-wrapper{border: none;padding: 0;}
.ho-succ-dispt *,.ho-succ-time *{text-align: left;margin-top: 0;}
.ho-succ-time,.hos-timezone{align-items: flex-start;}
.succ-disp{width:100%;}
.ho-succtimezone, .ho-succtimeing,.succ-disp,.ho-tmlocation{font-size: 16px;color: #000;}
.mob-no-pad{padding: 0;}
.ho-attachment{width: 100%;overflow: auto;}
.ho-attachementwrap{display: table;}
.ho-nf-title{font-size: 28px;}
.ho-nf-subline{font-size: 15px;}
.ho-nf-20px{font-size: 20px;}
.mob-pad-0{padding: 0;}
}
.meeting-link{font-size: 16px; color: #0087E2; text-decoration: underline; cursor: pointer;}