html {overflow-y: scroll;height: 100%;}
#desktop-ad-slot {
    display: none;
}

.desktop-ad-placeholder {
    width: 160px;
    min-height: 600px;
    border: 1px dashed #d4d8d6;
    border-radius: 8px;
    background: #fafafa;
    box-sizing: border-box;
}

body {
    height: 100vh;
    width:100%;
    padding:0;
    margin:0;
    background-color: #FFFFFF;
    /*font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; */
    font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 12px; color: black;overflow-x: clip;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1023.98px) {
    html {
      height: auto;
      min-height: 100%;
      overflow-y: auto;
    }

    body {
      height: auto;
      min-height: 100%;
    }
  }
}
#topcontainer {
    background-color: white;
    height:150px !important;
    min-width: 0;
    /*width:100%;*/
    display:inline-block;
    position:fixed;
    z-index:9000;
}
#container {background-color: white;min-width: 0; min-height: 100%;padding:150px 10px 10px 10px;}

#allcalleftfld{float: left;margin: 0px;width: 200px;min-height: 100vh; overflow: hidden;border-right: 1px solid #c3c3c3;}
#allcalfield {
    float:left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: calc(100vh - 194px);
    min-height: calc(100% - 194px);
    overflow: auto;
    position:relative;
    white-space: nowrap;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    min-width: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


#onecalleftfld {float:left;margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;width: 267px; height: calc(100vh - 190px); overflow-x: auto;overflow-y: auto; w1hite-space: nowrap;border: none;}
#onecalfield {float:left;margin: 0px; padding: 0px 0px 0px 0px;width: 680px; height: calc(100vh - 190px); overflow-x: hidden;overflow-y: scroll; white-space: nowrap;b1order: 1px solid #bfbfbf;}

#onecalleftfld .photohomepic{height: auto; width: 342px; o1pacity: 0.7;}

table.userprofile  {table-layout:fixed; width: 97vw; border-collapse: collapse;}
table.userprofile tr{height: 170px; border: 1px solid #C3C3C3; text-align: left;font-size: 16px;color: #242323;vertical-align: top;}
table.userprofile tr.light {opacity: 0.4;}
table.userprofile td { border: 1px solid #C3C3C3; text-align: left;vertical-align: top;padding: 20px;font-size: 27px;color: #484848;}
table.userprofile td.userpictd {width: 130px;padding: 5px; text-align: center; vertical-align: top;font-weight: bold;}

table.userprofile td .photouserpic{margin: 0 20px 11px 0px;}
#homesdropdown{width: 295px;min-height: 40px;font-size: 16px;font-weight: bold;margin: 20px 0 0 0;}
table.userprofile td .username{font-size: 32px;font-weight: bold;margin-bottom: 20px;width: calc(100% - 70px);overflow-wrap: anywhere;}
div.userprofile.userprofile-cards {
    width: 97vw;
    box-sizing: border-box;
}
.userprofile-card {
    border: 2px solid #a6a8a7;
    border-radius: 16px;
    box-shadow: 0 6px 5px rgb(0 0 0 / 10%);
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 27px;
    color: #484848;
    box-sizing: border-box;
}
.userprofile-cards .photouserpic {
    margin: 0 20px 11px 0px;
}
.userprofile-card .settings {
    margin-right: 18px;
}
.team-participation-row,
.team-member-row {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    width: 100%;
    margin-bottom: 32px;
}
.team-participation-row .userlist1,
.team-member-row .userlist1 {
    float: none;
    flex: 0 0 25%;
    width: auto;
    margin-bottom: 10px;
}
.team-participation-row .userlist2,
.team-member-row .userlist2 {
    float: none;
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}
.team-participation-action {
    flex: 0 0 auto;
    min-width: 130px;
    margin: 0 0 0 auto;
    padding: 10px 15px;
    border: 2px solid #188455;
    border-radius: 18px;
    background: #fff;
    color: #188455;
    font: inherit;
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
}
.team-participation-action:hover {
    background: #188455;
    color: #fff;
}
.profile-change-action {
    float: right;
    min-width: 130px;
    margin: 0 18px 10px 12px;
}
.home-change-action {
    min-width: 130px;
    margin: -6px 0 8px 12px;
}
.homecontenttd .home-change-action + .hometitle {
    width: calc(100% - 160px);
}
.mvhr-help-edit-action,
.mvhr-help-action {
    display: inline-block;
    min-width: 100px;
    padding: 2px 12px;
    border: 2px solid #188455;
    border-radius: 18px;
    background: #fff;
    color: #188455;
    font: inherit;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    box-sizing: border-box;
}
.team-add-member-action {
    display: block;
    min-width: 280px;
    margin: 18px 0 0 auto;
}
.team-participation-empty {
    padding: 8px 0;
    color: #868686;
    font-size: 24px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.homerow{
    border-radius: 16px;
    box-shadow: 0 6px 5px rgb(0 0 0 / 10%);
    padding: 20px;
    background: #fff;
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    justify-content: space-around;
    font-size: 30px;
    margin-bottom: 20px;
    border: 2px solid #a6a8a7;
    width: 94%;
}

.homepictd{
    width: 226px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.homerow .photohomepic{width: 200px;}

.homecontenttd{
    flex: 1 1 auto;
    min-width: 0;
}

.linksihome, .usersinhome, .cleanerinhome{
  font-size: 30px;
}
.home-info-row {
  display: flex;
  align-items: flex-start;
}
.home-info-list {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.home-default-cleaner {
  color: #000;
}


.homeordertd {
    text-align: right;
    vertical-align: middle;
    padding: 15px;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.arrow-up, .arrow-down {font-size: 50px;  cursor: pointer;color: #a6a8a7;}
.arrow-up {margin-bottom:15px;}
.arrow-down {margin-top:15px;}
.arrow-up:hover, .arrow-down:hover {color: #000;}

.hometitle, .username{font-size: 32px;font-weight: bold;margin-bottom: 20px;width: calc(100% - 70px);overflow-wrap: anywhere;}
.light {opacity: 0.4;}




.monthtitles{overflow:hidden;}

.verdeynum{margin-top: -24px;margin-bottom: 30px;font-size: 14px;}

table.onecal { border-collapse: collapse;table-layout: auto;}
table.allcals, table.allcals tr, table.allcals td, table.onecal, table.onecal tr, table.onecal td  { border: 1px solid #bfbfbf; text-align: center;font-size: 16px;color: #242323;padding:0px;}
table.onecal {margin-left: 0px;width: 100%;}
table.allcals tr  {height: 80px;}
table.onecal tr  {height: 90px;}
/*table.allcals tr.monthsrow, table.allcals tr.daysrow {height: 50px;} */
table.allcals td {min-width: 50px;position:relative;background-clip: padding-box;}
table.onecal td {min-width: 90px;position:relative;background-clip: padding-box;}
table.allcals td.month{padding-left: 20px;background: linear-gradient(90deg, rgb(255 255 167 / 100%) 0%, rgba(255,255,255,0) 3%);text-align: left;font-weight: bold;color: #636363;font-size: 18px;overflow: hidden;}
table.allcals td.startmonth{background: linear-gradient(90deg, rgb(255 255 167 / 100%) 0%, rgba(255,255,255,0) 90%);}
td.today{    background-color: #b9f69f;
    border-left: 3px solid #37FF3D !important;
    border-right: 2px solid #37FF3D !important;}
table.allcals td.startmonth.today{background: linear-gradient(90deg, rgb(255 255 167 / 100%) 0%, rgba(187,251,184,1) 90%);}
table.onecal td.month{background: linear-gradient(90deg, rgb(255 255 167 / 100%) 0%, rgba(255,255,255,0) 100%);text-align: center;font-weight: bold;color: #636363;font-size: 18px;}
td.weekend{background-color: #f4f4f4;}
td.last{overflow:hidden;}
td.emptystart{background-color: white;z-index: 1000;}
td.emptyend{border-bottom: hidden !important;background-color: white;z-index: 1000;}
tr.emptyrow{height:45px !important;}
td.highlighted {background-color:#FFFF00 !important;}

.userstitle{
    font-size: 45px;
    color: #8d8d8d;
    display: inline-block;
    top: -20px;
    position: relative;
    font-weight: bold;
    margin-bottom: 0px;
}


.gotoday, .seeall, #showbut, .search {
    align-items: center;
    padding: 6px 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
    border-radius: 28px;
    border: 2px solid #00943D;
    color: #00943D;
    background: none;
}

.gotoday:active, .seeall:active, #showbut:active  {
  box-shadow: inset 0px 0.8px 0px -0.25px rgb(255 255 255 / 20%), 0px 0.5px 1.5px rgb(255 210 104 / 25%), 0px 0px 0px 3.5px rgb(255 174 0 / 67%);
  outline: 0;
}

#onecalleftfld .gotoday, #onecalleftfld .seeall , #onecalleftfld .search{ width: 163px;margin: 15px 10px 0 0; }

.home-instructions-icon-button {
    border: 2px solid #00943D;
    background: #fff;
    color: #00943D;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home-instructions-icon-button img {
    display: block;
    /*width: 62%;
    height: 62%;*/
    object-fit: contain;
}

#onecalleftfld .home-instructions-calendar-button {
    width: 257px;
    height: 91px;
    margin: 33px 10px 0 0;
    padding: 0;
    border-radius: 28px;
    float: left;
    clear: left;
}

#onecalleftfld .home-instructions-calendar-button img {
    /*width: 44px;
    height: 44px;*/
}

input, select, textarea {border: 2px solid #c8c8c8;}
input[type="checkbox"] {width: 20px;height: 20px;margin-top: -1px; margin-left: 0px;}
select.chStatusClass {width: 200px; height: 20px;}

#intype select, #outtype select {width: 68px; height: 20px;}

#cleartype, #intype, #outtype {margin-bottom: 10px; display: inline-block;width: calc(100% - 350px);}
#cleartype { display: flex;flex-direction: row;}
#deluserconfirm {width: 100%;}

#notestartfld {width:367px;height:50px;}
#noteendfld {width:367px;height:50px;}
::placeholder {color: #B0B0B0;font-style: italic;}
::-ms-input-placeholder {color: #B0B0B0;font-style: italic;}



.greenarrow_right {width: 14px;height: 9px;background-image: url("../_img/green_arrow_right_10.png");background-repeat: no-repeat;}
.greenarrow_left {width: 14px;height: 9px;background-image: url("../_img/green_arrow_left_10.png");background-repeat: no-repeat;}
.redarrow_right {width: 14px;height: 9px;background-image: url("../_img/red_arrow_right_10.png");background-repeat: no-repeat;}
.redarrow_left {width: 14px;height: 9px;background-image: url("../_img/red_arrow_left_10.png");background-repeat: no-repeat;}
.greenarrow_down {width: 9px;height: 14px;background-image: url("../_img/green_arrow_down_10.png");background-repeat: no-repeat;margin-top: -3px;}

.clear{clear:both;}
.hidden {display: none;}
.inline {display: inline;}
.block {display: block;}

.pointer{cursor: pointer;}
.touchdiv{cursor: pointer; z-index:100 !important;}
.under{text-decoration: underline;}
.alert {color: red;}
.relax {color: #006600;}
.yellowAlert {background-color:#FFFF00;color:red;}
.yellowbg {background-color:#FFFF00;}
.pinkAlert {background-color:#FFBBDD;color:#000000;}
.dsblfld {background-color:#C7C7C7;color:#303030;}
.vatred {border-left: 3px solid #990000;}
.vatgreen {border-left: 3px solid #009900;}

.grey {color: #707070;}
.noneed {color: #B0B0B0;}
.tgrey {color: #505050;}
.tgreen {color: #2a5d1a;}
.tblue {color: #000099;}
.tred {color: #CC0000;}
.tlred {color: #FF0000;}
.tdred {color: #990000;}
.torange {color: #FF8400;}
.grayscale {
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.f9{font-size: 9px;}
.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f22{font-size: 22px;}
.italic{font-style: italic;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.tleft {text-align:left;}
.tright {text-align:right;}
.tcenter {text-align:center;}
.fleft{float: left;}
.fright{float: right;}
.mtop10{margin-top: 10px;}


.ui-widget.ui-widget-content {width: 400px;}
input:disabled, select:disabled {background: #DDDDDD;color:#202020;}
input.readonly {background: #DDDDDD;color:#202020;}


.monthtitles {height: 65px;}
.monthname{width: 620px; font-size: 50px;  float:left;}
.monthnamelight{width: 620px; font-size: 50px; float:left;color:#DADADA;}

#onecalleftfld .photohomepic, #infohomephoto img {width: 265px; height: 198px;}
.gotoday, .search, #modalconfirm, #modaldecline, #modalupload, #copycal, #addhome{ width: 175px; height: 77px; font-size: 37px;margin:5px;padding: 0px 15px;line-height: 62px;display: inline-block;}
#onecalleftfld .gotoday, #onecalleftfld .seeall, #onecalleftfld .search{ width: 257px; height: 91px; font-size: 43px; margin-top: 33px; float: left; line-height: 90px; padding: 0px;}

#homesdropdown {width: 264px;min-height: 93px;font-size: 36px;}
.onecalhomebar {
    float: left;
    width: 957px;
    margin: 0 0 18px 0;
}
.onecalhomebar #homesdropdown {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 0;
}




#onecalleftfld #monthname {width: 264px;margin: 30px 0 10px 0; font-size: 33px;font-weight: bold;color: #767373;float:left;}
#onecalleftfld #bkddays, #clndays, #visdays {    margin-top: 21px;font-size: 30px;float: left;line-height: 20px;font-weight: bold;color: #FF8400;}
#onecalleftfld #notes {width: auto; padding:10px 5px 0px 0px;word-wrap: break-word;font-size: 22px;line-height: 30px;}
#onecalleftfld .stattitle {width: 160px;margin: 15px 10px 0 0;font-size: 23px;float: left;height: 45px;line-height: 30px;overflow: hidden;color: #767373;}



table.allcals, table.allcals tr, table.allcals td, table.allcals th {border: 2px solid #d4d4d4; font-size: 40px;}
table.allcals td .f12 { font-size: 27px;}
table.allcals tr {height: 170px;}
table.allcals td {min-width: 105px;max-width: 105px;width: 105px !important;padding: 0px;}
table.onecal td {min-width: 20px;}
table.onecal tr {height: 190px;}
table.allcals td.month {height: 125px;}

table.allcals th.allcalsFirstCol{width: 195px !important;min-width: 195px !important;max-width: 195px !important;text-align: center;}
table.allcals th .photohomepic{height: 160px; width: 195px;float:left;/*opacity: 0.8;*/  border-radius: 10px;object-fit: cover; z-index:1000; position:relative}
.allcals-home-name {display: none;}





table.allcals{
  /*table-layout: fixed;*/
  border-collapse: separate;
  border-spacing: 0;
  display: inline-table;            /* ключово за WebKit */
  width: -webkit-max-content;       /* Safari-friendly */
  width: max-content;
}

:root{
  --hrow1: 81px;
  --hrow2: 101px;
}
.allcals thead tr.monthsrow th{
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 30;
  background: #ffffff;
  height: var(--hrow1);
    border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* 2) втори header ред – top = височината на първия */
.allcals thead tr.daysrow th{
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--hrow1) + 2px);
  z-index: 25;
  background: #ffffff;
  height: var(--hrow2);
    border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* 3) първа колона (включително header клетки) */
.allcals th.allcalsFirstCol,
.allcals tbody th,
.allcals thead th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: -5px;
  z-index: 200;
  background: #ffffff;
}

/* 4) горе-ляво: първа колона + първи/втори ред */
.allcals thead tr.monthsrow th:first-child{
  z-index: 220;
  background: #ffffff;
}
.allcals thead tr.daysrow th:first-child{
  z-index: 210;
  background: #ffffff;
}


.verdeynum { margin-top: -48px; margin-bottom: 61px; font-size: 30px;}

table.allcals tr.monthsrow {height: 80px;}
table.allcals tr.daysrow {height: 100px;}

.ownnick {color: #ff0000;text-decoration: underline;}
.admnick {color: #ff0000;}
.opernick {color: #0000CC;}
.cleannick {color: #009933;}
.guestnick {color: #707070;}
.usersinhome .opernick {color: #ff8400;}
.usersinhome .viewernick {color: #0000CC;}
.grantednick {color: #505050;font-size: 27px;position: relative;bottom: 3px;}
.settings {width: 60px;height: 60px;background-image: url("../_img/settings.png");background-repeat: no-repeat;cursor: pointer;position: relative;top: -6px;left: 18px;}
.mvhr-help-substep .settings {background-image: url("../_img/settings.png");background-repeat: no-repeat;cursor: pointer;position: relative;top: 8px;padding: 10px 35px;}
.check32 {width: 32px;height: 32px;background-image: url("../_img/check32.png");background-repeat: no-repeat;float:left;margin-top:8px;float: right}
.check32gray {width: 32px;height: 32px;background-image: url("../_img/check32gray.png");background-repeat: no-repeat;float:left;margin-top:8px;float: right}
.wait_active32 {width: 32px;height: 32px;background-image: url("../_img/wait_active32.png");background-repeat: no-repeat;float:left;margin-top:8px;float: right}
.wait_inactive32 {width: 32px;height: 32px;background-image: url("../_img/wait_inactive32.png");background-repeat: no-repeat;float:left;margin-top:8px;float: right}
.delete32 {width: 32px;height: 32px;background-image: url("../_img/delete32.png");background-repeat: no-repeat;float:left;margin: 8px 0 0 32px;cursor:pointer;float: right}
.mvhr-help-substep .partners {background-image: url("../_img/users60.png");background-repeat: no-repeat;cursor: pointer;position: relative;top: 8px;padding: 10px 35px;}
.mvhr-help-substep .globe {background-image: url("../_img/globe60.png");background-repeat: no-repeat;cursor: pointer;position: relative;top: 8px;padding: 10px 35px;}


.notedot{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    display: inline-block;
    background-color: #FF0000;
    margin-top: 17px;
}
.visitdot{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    display: inline-block;
    background-color: #1e8804;
    margin-top: 17px;
}

/************** CALENDAR LEGEND ****************/
.calendar-legend {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    width: 100%;
    padding: 18px 12px 28px;
    box-sizing: border-box;
    border-top: 1px solid #d9dedb;
    color: #626866;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
}
.calendar-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.calendar-legend-item:not(:last-child)::after {
    content: "|";
    margin-left: 6px;
    color: #a3aaa6;
    font-weight: 400;
}
.calendar-legend-symbol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    flex: 0 0 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}
.calendar-legend-clean-required { color: #f04500; }
.calendar-legend-clean-done { color: #008a1e; }
.calendar-legend-clean-not-needed,
.calendar-legend-clean-not-requested { color: #1e8804; }
.calendar-legend-note,
.calendar-legend-visit {
    width: 10px;
    height: 10px;
    flex-basis: 10px;
    margin: 0 7px;
    border-radius: 50%;
}
.calendar-legend-note { background: #ff0000; }
.calendar-legend-visit { background: #1e8804; }
.calendar-legend-guests {
    color: #4a4f4c;
    font-size: 13px;
}
.calendar-legend-baby {
    background: url("../_img/baby.png") center center / contain no-repeat;
}

@media screen and (max-width: 1023.98px) {
    .calendar-legend {
        gap: 10px 14px;
        font-size: 25px;
    }
    .calendar-legend-symbol {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 32px;
    }
    .calendar-legend-note,
    .calendar-legend-visit {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
        margin: 0 8px;
    }
    .calendar-legend-guests { font-size: 27px; }
}

@media screen and (min-width: 1024px) {
    .dashboard-wrap + .calendar-legend {
        gap: 10px 14px;
        font-size: 25px;
    }
    .dashboard-wrap + .calendar-legend .calendar-legend-symbol {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 32px;
    }
    .dashboard-wrap + .calendar-legend .calendar-legend-note,
    .dashboard-wrap + .calendar-legend .calendar-legend-visit {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
        margin: 0 8px;
    }
    .dashboard-wrap + .calendar-legend .calendar-legend-guests {
        font-size: 27px;
    }
}

.cleansmb::before{
  display:inline-block;
  margin-top: 10px;
  line-height:1;
  font-family: Arial, Helvetica, sans-serif;
  content: "\267B";
  font-size: 1.11em;
  color: #1e8804;
}
.nocleansmb::before{
  display:inline-block;
  margin-top: 10px;
  line-height:1;
  font-family: Arial, Helvetica, sans-serif;
  content: "\2727";
  font-size: 1.15em;
  color: #1e8804;
}
.endcleansmb::before{
  display:inline-block;
  margin: 12px 0 0 8px;
  line-height:1;
  font-family: Arial, Helvetica, sans-serif;
  content: "\2605";
  font-size: 0.9em;
  color: #008a1e;
}
.notcleanedsmb::before{
  display:inline-block;
  margin: 12px 0 0 8px;
  line-height:1;
  font-family: Arial, Helvetica, sans-serif;
  content: "\2605";
  font-size: 0.9em;
  color: #f04500;
}
.attcleansmb::before{
    display: inline-block;
    margin: -17px 0 0 36px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    content: "\26A0";
    font-size: 0.9em;
    color: #FF0000;
}
.onecal .attcleansmb::before{
    font-size: 1.9em;
}



.allcals .resband{height:42px;width:104%;margin-top:4px;position:absolute;z-index:2;}
.onecal  .resband {height:42px;width:104%;margin-top:-15px;position:absolute;z-index:2;}

.allcals .clearband {height:8px;width:124px;margin-top:-66px;position:absolute;z-index:2;}
.onecal  .clearband  {height:8px;width:124px;margin-top:-66px;position:absolute;z-index:2;}

.allcals .resband.firstday{width:59px;margin-left: 55px;border-radius: 10px 0 0 10px;transform: skew(-20deg);z-index: 1;}
.onecal  .resband.firstday {width:50px;margin-left: 55px;border-radius: 10px 0 0 10px;transform: skew(-20deg);z-index: 1;}
.allcals .resband.lastday {width:63px;margin-left: -19px;border-radius: 0 10px 10px;transform: skew(-20deg);z-index: 1;}
.onecal  .resband.lastday  {width:56px;margin-left: -11px;border-radius: 0 10px 10px;transform: skew(-20deg);z-index: 1;}
.allcals .resband.dupli {margin-top:-53px;}
.onecal  .resband.dupli {margin-top:-53px;}

         .resband.tnotestart {width: 20px;font-size: 30px; color: #FF0000;font-weight: bold; }
.allcals .resband.tnotestart { margin-top: 42px;margin-left: 55px;}
.onecal  .resband.tnotestart { margin-top: 21px;margin-left: 53px;}

         .resband.tnoteend {width: 20px;font-size: 30px; color: #FF0000;font-weight: bold; }
.allcals .resband.tnoteend { margin-top: 42px;margin-left: 3px;}
.onecal  .resband.tnoteend { margin-top: 21px;margin-left: 0px;}

         .resband.vstart{width: 22px;font-size: 30px; color: #1e8804;font-weight: bold;position: absolute;z-index: 2; }
.allcals .resband.vstart{margin-top: 42px;margin-left: 74px;}
.onecal  .resband.vstart{margin-top: 21px;margin-left: 73px;}


         .resband.vend  {width: 22px;font-size: 30px; color: #1e8804;font-weight: bold;position: absolute;z-index: 2;}
.allcals .resband.vend  {margin-top: 42px;margin-left: 21px;}
.onecal  .resband.vend  {margin-top: 21px;margin-left: 22px;}

         .resband.tclean{ width: 32px;height: 48px;font-size: 33px; color: #1e8804;}
.allcals .resband.tclean{ height:45px; margin-top: -2px;margin-left: 4px;}
.onecal  .resband.tclean{ margin-top: -21px;margin-left: 6px;}

         .resband.chin  {width: 16px;position: absolute;z-index: 2;}
.allcals .resband.chin  {margin-top: -21px;margin-left: 64px;}
.onecal  .resband.chin  {margin-top: -42px;margin-left: 55px;}

         .resband.chout  {width: 16px;position: absolute;z-index: 2;}
.allcals .resband.chout  {margin-top: -21px;margin-left: 8px;}
.onecal  .resband.chout  {margin-top: -42px;margin-left: 11px;}

         .resband.addpeople  {width: 50px;font-size: 25px;color: #737374;font-weight: bold;position: absolute;z-index: 2;}
         .resband.addpeople .baby{margin-top: 6px; margin-left: 7px;font-size: 28px;}
.allcals .resband.addpeople  {height:45px;margin-top: 5px;margin-left: 50px;}
.allcals .resband.addpeople div {height:45px;line-height:45px;}
.onecal  .resband.addpeople  {margin-top: -8px;margin-left: 50px;}
.onecal  .resband.addpeople .baby{margin-top: 1px;margin-left: 5px;}

.allcals .clearband.firstday {width: 63px;margin-left: 73px;transform: skew(-20deg);}
.onecal  .clearband.firstday {width: 63px;margin-left: 73px;transform: skew(-20deg);}
.allcals .clearband.lastday  {width: 63px;margin-left: -9px;transform: skew(-20deg);}
.onecal  .clearband.lastday  {width: 63px;margin-left: -9px;transform: skew(-20deg);}
.allcals .clearband.dupli    {margin-top:-20px;z-index:1;}
.onecal  .clearband.dupli    {margin-top:-20px;z-index:1;}

         .clearband.tnotestart {width: 20px;font-size: 30px; color: #FF0000;font-weight: bold;}
.allcals .clearband.tnotestart {margin-top: -63px !important;margin-left: 64px;}
.onecal  .clearband.tnotestart {margin-top: -63px !important;margin-left: 73px;}

         .clearband.tnoteend {width: 20px;font-size: 30px; color: #FF0000;font-weight: bold;}
.allcals .clearband.tnoteend {margin-top: -63px !important;margin-left: 4px;}
.onecal  .clearband.tnoteend {margin-top: -63px !important;margin-left: 4px;}

         .clearband.vstart{width: 22px;font-size: 30px; color: #1e8804;font-weight: bold;position: absolute;z-index: 1;}
.allcals .clearband.vstart{margin-top: -63px;margin-left: 82px;}
.onecal  .clearband.vstart{margin-top: -63px;margin-left: 92px;}

         .clearband.vend  {width: 22px;font-size: 30px; color: #1e8804;font-weight: bold;position: absolute;}
.allcals .clearband.vend  {margin-top: -63px;margin-left: 25px;}
.onecal  .clearband.vend  {margin-top: -63px;margin-left: 25px;}

         .clearband.chin  {width: 16px;position: absolute;z-index: 1;}
.allcals .clearband.chin  {margin-top: -88px;margin-left: 61px;}
.onecal  .clearband.chin  {margin-top: -91px;margin-left: 75px;}

         .clearband.chout  {width: 16px;position: absolute;z-index: 1;}
.allcals .clearband.chout  {margin-top: -88px;margin-left: 0px;}
.onecal  .clearband.chout  {margin-top: -91px;margin-left: 9px;}

         .clearband.addpeople  {font-size: 23px;width: 19px; color: #737374;position: absolute;z-index: 4;}
         .clearband.addpeople .baby{margin-top: -3px;font-size: 22px;}
.allcals .clearband.addpeople  {margin-top: -90px;margin-left: 28px;}
.onecal  .clearband.addpeople  {margin-top: -90px;margin-left: 29px;}
.onecal  .clearband.addpeople .baby{margin-top: 0px;}

.resband.addpeople .baby,
.clearband.addpeople .baby {
    width: 30px;
    height: 24px;
    font-size: 0;
    line-height: 0;
    background: url("../_img/baby.png") center center / contain no-repeat;
}
.allcals .resband.addpeople .baby,
.onecal .resband.addpeople .baby {
    height: 30px;
    line-height: 30px;
}
         .clearband.tclean{width: 17px;font-size: 20px; color: #FF0000;transform: skew(20deg);}
.allcals .clearband.tclean {font-size: 29px; color: #FF0000;margin-top: -20px;margin-left: 43px;}
.onecal  .clearband.tclean  {font-size: 32px; color: #FF0000;margin-top: -24px;margin-left: 25px;}


.dupli.tclean  {margin-top: -61px !important; border:  0px !important;}
.dupli.tnotestart, .dupli.vstart, .dupli.tnoteend, .dupli.vend {margin-top: -31px !important; border:  0px !important;}
.dupli.chin, .dupli.chout {margin-top: -76px !important; border:  0px !important;}
.dupli.addpeople  {margin-top: -58px !important; border:  0px !important;}
.dupli.touchdiv  {margin-top: -52px !important; border:  0px !important;}


.greenarrow_right {width: 39px;height: 23px;font-size: 20px;text-align: left; background-position-x: right; background-position-y: center;background-image: url("../_img/green_arrow_right_20.png");background-repeat: no-repeat;}
.greenarrow_left  {width: 39px;height: 23px;font-size: 20px;text-align: right; background-position-x: left; background-position-y: center;background-image: url("../_img/green_arrow_left_20.png");background-repeat: no-repeat;}
.redarrow_right   {width: 39px;height: 23px;font-size: 20px;text-align: left; background-position-x: right; background-position-y: center;background-image: url("../_img/red_arrow_right_20.png");background-repeat: no-repeat;}
.redarrow_left    {width: 39px;height: 23px;font-size: 20px;text-align: right; background-position-x: left; background-position-y: center;background-image: url("../_img/red_arrow_left_20.png");background-repeat: no-repeat;}
.greenarrow_down  {width: 39px;height: 29px; background-position-x: center; background-image: url("../_img/green_arrow_down_20.png");background-repeat: no-repeat;margin-top: -6px;}


#datepickplace{
    display: none;
    z-index: 5000;
    position: relative;
    padding: 30px 0 30px 0;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.datepickholder {font-size: 35px;margin: 0px 7px 7px 0px;width:fit-content; float:left;}
.datepickholder.prtnoldsel{width: 230px;}
.datepickholder.prtnoldbut{width: 70px;}
.datepickbutton {font-size: 35px;margin: 5px 10px 5px 0px;width: 200px;float: right;}
.datepickbutton #showbut {width: 100%;font-size: 37px;}

.ui-dialog .ui-dialog-titlebar-close {top: 30%;width: 60px;height: 60px;}



.globe24{
    width: 24px;
    height: 24px;
    background-image: url(/_templates/_img/globe24.png);
    float: left;
    display: block;
    margin: 6px 10px 0 0;
    position: unset;
}
.user24{
    width: 26px;
    height: 26px;
    background-image: url(/_templates/_img/user24.png);
    float: left;
    display: block;
    margin: 6px 8px 0 0;
    position: unset;
}
.cleaning24{
    width: 24px;
    height: 24px;
    background-image: url(/_templates/_img/cleaning24.png);
    background-repeat: no-repeat;
    flex: 0 0 24px;
    display: block;
    margin: 6px 10px 0 0;
    position: unset;
}

.noscroll {
    touch-action: none; /* Блокира скролването при докосване */
    -ms-touch-action: none;
    -webkit-touch-action: none;
    overflow: hidden !important; /* Блокира скролването */
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}



/************** DASHBOARD ****************/
.dashboard-wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0 40px 0;
}
.dashboard-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.dashboard-tabs > input {
    display: none;
}
.dashboard-tabs > label {
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    width: 49%;
    height: 120px;
    margin-right: 0.2rem;
    box-sizing: border-box;
    cursor: pointer;
    background: #f0f8f3;
    border: 2px solid #009645;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    color: #3f4441;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    transition: background ease 0.2s;
}
.dashboard-tabs > label span {
    font-size: 0.72em;
    font-weight: 600;
    color: #777;
}
.dashboard-tabs > input:checked + label {
    background: #ffffff;
    border-bottom: 2px solid #ffffff;
    color: #151716;
    z-index: 2;
}
.dashboard-panels {
    order: 99;
    flex-grow: 1;
    width: 100%;
    padding: 3rem 1rem;
    box-sizing: border-box;
    background: #ffffff;
    border: 2px solid #009645;
    border-top-right-radius: 2em;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    position: relative;
    top: -8px;
    z-index: 1;
}
.dashboard-panel {
    display: none;
}
#dash-tab-today:checked ~ .dashboard-panels .dashboard-panel-today,
#dash-tab-tomorrow:checked ~ .dashboard-panels .dashboard-panel-tomorrow {
    display: block;
}
.dashboard-head,
.dashboard-row,
.dashboard-total {
    display: grid;
    grid-template-columns: 197px minmax(78px, 0.75fr) minmax(88px, 0.85fr) minmax(78px, 0.75fr);
    align-items: stretch;
}
.dashboard-head {
    min-height: 72px;
    border: 2px solid #d4d4d4;
    border-bottom: 0;
    background: #f5f7f6;
    color: #4f5552;
    font-size: 0;
    font-weight: 700;
    text-align: center;
}
.dashboard-head div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
}
.dashboard-head div:first-child {
    border-left: 0;
}
.dashboard-head-icon {
    width: 52px;
    height: 52px;
    object-fit: contain;
}
.dashboard-row {
    min-height: 178px;
    border: 2px solid #d4d4d4;
    border-top: 0;
    background: #ffffff;
}
.dashboard-row:nth-child(even) {
    background: #fbfcfb;
}
.dashboard-row:not(.light) + .dashboard-row.light,
.dashboard-head + .dashboard-row.light {
    margin-top: 14px;
    border-top: 8px double #7e8682;
}
.dashboard-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-right: 2px solid #d4d4d4;
    box-sizing: border-box;
}
.dashboard-photo img {
    width: 195px;
    height: 160px;
    object-fit: cover;
    border-radius: 8px;
}
.dashboard-home-name {
    display: none;
}
.dashboard-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 178px;
    padding: 0 6px;
    border: 1px solid #d4d4d4;
    background: transparent;
    color: #242927;
    font-family: inherit;
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
}
button.dashboard-cell {
    cursor: pointer;
}
.dashboard-row .dashboard-cell:last-of-type {
    border-right: 0;
}
.dashboard-yes {
    color: #16833a;
}
.dashboard-status-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    transform: translateY(-4px);
}
.dashboard-primary,
.dashboard-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}
.dashboard-primary {
    min-height: 58px;
}
.dashboard-meta {
    min-height: 30px;
    white-space: nowrap;
}
.dashboard-side {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: calc(50% - var(--dashboard-check-offset));
    transform: translateY(-50%);
}
.dashboard-side-left {
    right: calc(50% + var(--dashboard-check-offset));
    justify-content: flex-end;
}
.dashboard-side-right {
    left: calc(50% + var(--dashboard-check-offset));
    justify-content: flex-start;
}
.dashboard-check {
    color: #16833a;
    font-size: 52px;
    font-weight: 800;
    line-height: 1;
}
.dashboard-extra {
    min-width: 28px;
    color: #4a4f4c;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    margin: 0 5px 0 3px;
}
.dashboard-baby {
    font-size: 27px;
}
.dashboard-hour {
    min-width: 20px;
    color: #4a4f4c;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    margin-right: 10px;
}
.dashboard-arrow {
    display: inline-block;
    flex: 0 0 auto;
    margin: 0;
}
.dashboard-meta .greenarrow_left,  .dashboard-meta .redarrow_left{
    margin: 0 -10px 0 20px;
}
.dashboard-meta .greenarrow_right,  .dashboard-meta .redarrow_right{
    margin: 0 10px 0 -20px;
}
.dashboard-no {
    color: #b4bab7;
    font-weight: 600;
}
.dashboard-clean {
    position: relative;
    padding: 0;
    font-size: 62px;
    line-height: 1;
    font-weight: 800;
    overflow: hidden;
}
.dashboard-clean-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.dashboard-clean-icon::before {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
}
.dashboard-clean-requested .dashboard-clean-icon::before {
    content: "\2605";
    color: #f04500;
}
.dashboard-clean-missing .dashboard-clean-icon::before {
    content: "\267B";
    color: #1e8804;
}
.dashboard-clean-noneed .dashboard-clean-icon::before {
    content: "\2727";
    color: #1e8804;
}
.dashboard-clean-done .dashboard-clean-icon::before {
    content: "\2605";
    color: #008a1e;
}
.dashboard-assignment {
    display: block;
    width: 100%;
    min-height: 30px;
    padding: 5px 5px 0 5px;
    box-sizing: border-box;
    color: #4a4f4c;
    font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}
.dashboard-notes {
    grid-column: 1 / -1;
    border-top: 2px solid #d4d4d4;
    padding: 12px 16px 14px 16px;
    color: #303431;
    font-size: 35px;
    line-height: 38px;
    overflow-wrap: anywhere;
}
.dashboard-notes div + div {
    margin-top: 8px;
}
.dashboard-notes span {
    display: inline-block;
    margin-right: 10px;
    color: #6a706d;
    font-weight: 800;
}
.dashboard-empty-day {
    border: 2px solid #d4d4d4;
    background: #ffffff;
    padding: 35px 18px;
    color: #666;
    font-size: 28px;
    text-align: center;
}
.dashboard-total {
    min-height: 86px;
    margin-top: 18px;
    border: 2px solid #d4d4d4;
    background: #f5f7f6;
    color: #3f4441;
    font-size: 27px;
    font-weight: 800;
    text-align: center;
}
.dashboard-total div {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 8px;
    border-left: 2px solid #d4d4d4;
    box-sizing: border-box;
}
.dashboard-total div:first-child {
    border-left: 0;
    color: #626866;
    font-size: 30px;
}
.dashboard-total b {
    display: block;
    color: #1d2822;
    font-size: 40px;
    line-height: 1;
}

@media screen and (max-width: 1023.98px) {
    .dashboard-photo {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 4px;
        padding: 5px 5px 6px;
        overflow: hidden;
        text-decoration: none;
    }

    .dashboard-photo img {
        flex: 0 0 112px;
        width: 100%;
        height: 112px;
        object-position: center;
        border-radius: 7px;
    }

    .dashboard-home-name {
        display: -webkit-box;
        min-height: 0;
        color: #3f4441;
        font-size: 22px;
        font-weight: 800;
        line-height: 1.15;
        text-align: center;
        overflow: hidden;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    table.allcals tbody th.allcalsFirstCol .allcals-home {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 4px;
        width: 195px;
        height: 168px;
        padding: 5px 5px 6px;
        box-sizing: border-box;
        overflow: hidden;
        text-decoration: none;
    }

    table.allcals tbody th.allcalsFirstCol .allcals-home .photohomepic {
        flex: 0 0 105px;
        float: none;
        width: 100%;
        height: 105px;
        object-position: center;
        border-radius: 7px;
    }

    table.allcals tbody th.allcalsFirstCol .allcals-home-name {
        display: -webkit-box;
        flex: 0 0 46px;
        height: 46px;
        min-height: 0;
        color: #3f4441;
        font-size: 21px;
        font-weight: 800;
        line-height: 1.15;
        text-align: center;
        white-space: normal;
        overflow: hidden;
        overflow-wrap: anywhere;
        word-break: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media screen and (min-width: 1024px) {
    #mobemulator {
        zoom: 0.5;
        width: 200%;
    }
    #container {
        width: 200vw;
        max-width: 200vw;
        box-sizing: border-box;
    }
    body.has-desktop-ad {
        --desktop-ad-width: 160px;
        --desktop-ad-gap: 34px;
        --desktop-ad-space: calc(var(--desktop-ad-width) + var(--desktop-ad-gap));
        --desktop-ad-space-zoomed: calc(var(--desktop-ad-space) * 2);
    }
    body.has-desktop-ad #desktop-ad-slot {
        display: block;
        position: fixed;
        right: 16px;
        top: 90px;
        width: var(--desktop-ad-width);
        min-height: 600px;
        z-index: 25;
    }
    body.has-desktop-ad #mobemulator {
        width: calc(200vw - var(--desktop-ad-space-zoomed));
    }
    body.has-desktop-ad #topcontainer,
    body.has-desktop-ad #container,
    body.has-desktop-ad table.userprofile,
    body.has-desktop-ad .mvhr-help-wrap {
        width: calc(200vw - var(--desktop-ad-space-zoomed));
        max-width: calc(200vw - var(--desktop-ad-space-zoomed));
        box-sizing: border-box;
    }
    body.has-desktop-ad .mvhr-help-wrap {
        width: 100%;
        max-width: 100%;
    }
    .homerow,
    div.userprofile.userprofile-cards {
        width: 160vw;
        max-width: 160vw;
        margin-left: 20vw;
        margin-right: 0;
        box-sizing: border-box;
    }
    body.has-desktop-ad .homerow,
    body.has-desktop-ad div.userprofile.userprofile-cards,
    body.has-desktop-ad .dashboard-wrap {
        width: calc(160vw - var(--desktop-ad-space-zoomed));
        max-width: calc(160vw - var(--desktop-ad-space-zoomed));
        margin-left: 20vw;
        margin-right: 0;
        box-sizing: border-box;
    }
    #addhome {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #topcontainer {
        left: 0;
        right: 0;
        width: 100%;
        box-sizing: border-box;
    }
    #allcalfield {
        height: calc(200vh - 170px);
        min-height: calc(200vh - 170px);
    }
    .dashboard-wrap {
        width: 160vw;
        max-width: 160vw;
        margin-left: 20vw;
        margin-right: 0;
        padding-bottom: 70px;
    }
    .dashboard-tabs > label {
        height: 120px;
        font-size: 38px;
    }
    .dashboard-tabs > label span {
        font-size: 28px;
    }
    .dashboard-head,
    .dashboard-row,
    .dashboard-total {
        grid-template-columns: 591px minmax(70px, 0.75fr) minmax(80px, 0.85fr) minmax(70px, 0.75fr);
    }
    .dashboard-panels {
        padding: 3rem 1rem;
    }
    .dashboard-photo {
        justify-content: flex-start;
        gap: 22px;
        padding: 0 18px;
        text-decoration: none;
    }
    .dashboard-photo img {
        flex: 0 0 195px;
    }
    .dashboard-home-name {
        display: flex;
        align-items: center;
        min-width: 0;
        color: #3f4441;
        font-size: 34px;
        font-weight: 800;
        line-height: 1.18;
        text-align: left;
        overflow-wrap: anywhere;
    }
    table.allcals tbody th.allcalsFirstCol .allcals-home {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 4px;
        width: 195px;
        height: 168px;
        padding: 5px 5px 6px;
        box-sizing: border-box;
        overflow: hidden;
        text-decoration: none;
    }
    table.allcals tbody th.allcalsFirstCol .allcals-home .photohomepic {
        flex: 0 0 96px;
        float: none;
        width: 100%;
        height: 96px;
        object-position: center;
        border-radius: 7px;
    }
    table.allcals tbody th.allcalsFirstCol .allcals-home-name {
        display: -webkit-box;
        flex: 0 0 56px;
        height: 56px;
        min-height: 0;
        color: #3f4441;
        font-size: 24px;
        font-weight: 800;
        line-height: 1.15;
        text-align: center;
        white-space: normal;
        overflow: hidden;
        overflow-wrap: anywhere;
        word-break: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .dashboard-notes {
        font-size: 34px;
        line-height: 44px;
    }
    .myvhr-desktop-hide-notifications {
        display: none !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    .dashboard-assignment-separator {
        display: none;
    }
    .dashboard-assignment-subcleaner {
        display: block;
    }
}

@media (max-width: 700px) {
    .dashboard-head,
    .dashboard-row,
    .dashboard-total {
        grid-template-columns: 197px minmax(70px, 0.75fr) minmax(82px, 0.85fr) minmax(70px, 0.75fr);
    }
    .dashboard-tabs > label {
        font-size: 23px;
        height: 96px;
    }
    .dashboard-panels {
        padding: 2rem 0.6rem;
    }
    .dashboard-head {
        min-height: 68px;
    }
    .dashboard-head-icon {
        width: 46px;
        height: 46px;
    }
    .dashboard-cell {
        font-size: 52px;
        padding: 0 4px;
    }
    .dashboard-flow {
        --dashboard-check-offset: 28px;
        height: 58px;
    }
    .dashboard-side {
        gap: 4px;
    }
    .dashboard-check {
        font-size: 46px;
    }
    .dashboard-extra {
        min-width: 24px;
        font-size: 21px;
    }
    .dashboard-baby {
        font-size: 23px;
    }
    .dashboard-hour {
        min-width: 18px;
        font-size: 20px;
    }
    .dashboard-clean {
        font-size: 56px;
    }
    .dashboard-total {
        min-height: 76px;
        font-size: 23px;
    }
    .dashboard-total b {
        font-size: 34px;
    }
    .dashboard-notes {
        font-size: 19px;
        line-height: 27px;
    }
}
/************ CONFIRM DIALOG ***************/


.mvhr-modal { position: fixed; inset: 0; display: none; z-index: 9999; }
.mvhr-modal.is-open { display: block; }
.mvhr-backdrop {
  position: absolute; inset: 0;
  background: rgba(0,0,0,.25);
}
.mvhr-card{
  position: relative;
  max-width: min(92vw, 650px);
  margin: 12vh auto 0;
  background: #fff;
  border: 1px solid #d1d5db;       /* сив контур */
  border-radius: 14px;              /* заоблено */
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  overflow: hidden;
}
.mvhr-body { padding: 30px 30px;
    text-align: center;
    }
.mvhr-title { font: 600 37px/1.8 system-ui, -apple-system, Segoe UI, Roboto, Arial;color: #000000; }
.mvhr-msg   { margin-top: 8px; font: 35px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#374151; }
.mvhr-actions{
  display: flex; gap: 10px;
  padding: 40px 16px;
  justify-content: space-around;
}
.mvhr-btn{
  border: 1px solid #037039;
  background: #fff;
  color:#111827;
  border-radius: 10px;
  padding: 10px 14px;
  font: 600 35px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  cursor: pointer;
  min-width: 150px;
}
.mvhr-btn:hover{ background: #f9fafb; }
.mvhr-btn:active{ transform: translateY(1px); }

.mvhr-btn-primary{
  background: #037039;
  border-color: #037039;
  color: #fff;
}
.mvhr-btn-primary:hover{ background:#0b1220; }


/* по-малко място на дребни екрани */
@media (max-width: 360px){
  .mvhr-actions{ flex-direction: column-reverse; }
  .mvhr-btn{ width: 100%; }
}

/* Compact first-login welcome dialog on desktop */
@media (min-width: 1024px){
  .mvhr-modal.mvhr-welcome-confirm .mvhr-card{
    max-width: min(86vw, 520px);
    margin-top: 16vh;
  }
  .mvhr-modal.mvhr-welcome-confirm .mvhr-body{
    padding: 24px 26px 18px;
  }
  .mvhr-modal.mvhr-welcome-confirm .mvhr-title{
    font-size: 28px;
    line-height: 1.35;
  }
  .mvhr-modal.mvhr-welcome-confirm .mvhr-msg{
    font-size: 22px;
    line-height: 1.45;
  }
  .mvhr-modal.mvhr-welcome-confirm .mvhr-actions{
    padding: 20px 16px 24px;
  }
  .mvhr-modal.mvhr-welcome-confirm .mvhr-btn{
    min-width: 120px;
    font-size: 22px;
  }
}
/********** FLASH **********************/
@keyframes myvhrFlash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}
.myvhr-flash-3x {
  animation: myvhrFlash 0.3s ease-in-out 0s 3;
}

.planlist{
  margin: 30px 0 30px 20px;
  padding-left:20px;
  font-size: 0.9em;
  list-style: initial;
}

.planlist li{
  margin:-22px 0;
}


.plans-page .plans-profile-card {
    margin-bottom: 20px;
}
.plans-page .plans-promo-card {
    margin-bottom: 20px;
    padding: 28px;
    text-align: center;
}
.plans-page .plans-promo-title {
    color: #00943d;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
}
.plans-page .plans-promo-hint {
    color: #484848;
    font-size: 26px;
    line-height: 1.4;
    margin-top: 8px;
}
.plans-page .plans-promo-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 22px;
}
.plans-page .plans-promo-form input {
    width: min(520px, 100%);
    height: 64px;
    border: 2px solid #00943d;
    border-radius: 28px;
    box-sizing: border-box;
    color: #232323;
    font-size: 30px;
    padding: 0 24px;
    text-transform: uppercase;
}
.plans-page .plans-promo-form input:focus {
    outline: 3px solid rgb(0 148 61 / 20%);
    outline-offset: 2px;
}
.plans-page #redeemPromoCode {
    position: static;
    min-width: 220px;
    height: 64px;
    margin: 0;
    padding: 0 24px;
    font-size: 30px;
    line-height: 1.1;
}
.plans-page #redeemPromoCode:disabled {
    cursor: wait;
    opacity: 0.55;
}
.plans-page .plans-promo-status {
    min-height: 1.4em;
    margin-top: 14px;
    font-size: 24px;
    line-height: 1.4;
}
.plans-page .plans-promo-error {
    color: #c5392f;
}
.plans-page .plans-promo-success {
    color: #00943d;
}
@media (max-width: 600px) {
    .plans-page .plans-promo-form {
        align-items: stretch;
        flex-direction: column;
    }
    .plans-page .plans-promo-form input,
    .plans-page #redeemPromoCode {
        width: 100%;
    }
}
.plans-page .plans-current-profile {
    display: block;
    height: auto;
}
.plans-page .plans-cards {
    margin-bottom: 20px;
}
.plans-page .plans-legal {
    font-size: 24px;
    color: #484848;
    margin: 20px 0 40px;
    line-height: 1.5;
}
.plans-page .plans-legal a {
    color: #039747;
}
.plans-page .plans-app-purchase-action {
    display: none;
}
.plans-page.plans-native-purchase .plans-app-purchase-action {
    display: flex;
}
.plans-page #restoreStoreSubscriptionContainer[hidden] {
    display: none;
}
.plans-page.plans-native-purchase .plans-browser-payment-note {
    display: none;
}
.plans-browser-payment-note {
    grid-column: 1 / -1;
    border: 2px solid #a6a8a7;
    border-radius: 16px;
    background: #f5fffd;
    box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
    padding: 28px;
    margin-top: 10px;
    text-align: center;
    box-sizing: border-box;
}
.plans-browser-payment-text {
    color: #3f4441;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 22px;
}
.plans-store-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.plans-store-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.plans-store-links img {
    display: block;
    height: 64px;
    width: auto;
    max-width: 100%;
}
/************** HELP  ***********************/


.mvhr-help-wrap{
  width:100%;
  box-sizing:border-box;
  padding:16px;
  display: none;
}

.mvhr-help-title{
  font-size:35px;
  font-weight:700;
  line-height:1.3;
  margin-bottom:50px;
}

.mvhr-help-step{
  width:99%;
  box-sizing:border-box;
  border:2px solid #a6a8a7;
  border-radius:16px;
  margin-bottom:40px;
  overflow:hidden;
  background:#fff;
  box-shadow: 0 6px 5px rgb(0 0 0 / 10%);
}

.mvhr-help-step-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:#fdfdfd;
}

.mvhr-help-step-title{
  font-size:38px;
  font-weight:700;
  line-height:1.35;
}

.mvhr-help-toggle{
    width: 170px;
    min-width: 170px;
    flex: 0 0 170px;
    padding: 10px 20px;
    border: 2px solid #188455;
    border-radius: 18px;
    background: #fff;
    color: #188455;
    font: inherit;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
}
.mvhr-help-toggle:hover {
    background: #188455;
    color: #fff;
}

.mvhr-help-step-body{
  display:none;
  padding:16px;
  border-top:1px solid #eee;
}

.mvhr-help-step.open .mvhr-help-step-body{
  display:block;
}

.mvhr-help-substep{
  margin-bottom:12px;
  line-height:1.6;
  font-size:30px;
}

.mvhr-help-step-body li{
  margin-bottom:12px;
  line-height:1.6;
  font-size:30px;
}

.mvhr-help-note{
    margin-top: 10px;
    margin-left: 14px;
    padding-left: 10px;
    border-left: 3px solid #e5e5e5;
    font-size: 30px;
    margin-bottom: 20px;
}

@media (max-width: 700px){
  .mvhr-help-wrap{
    padding:12px;
  }

  .mvhr-help-title{
    font-size:22px;
  }

  .mvhr-help-step-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .mvhr-help-step-title{
    font-size:17px;
  }

  .mvhr-help-toggle{
    font-size:13px;
    flex: 0 0 auto;
  }
}






@-moz-document url-prefix() {
  @media screen and (min-width: 1024px) {
    body.has-desktop-ad #mobemulator {
      width: calc(200vw - var(--desktop-ad-space-zoomed));
    }
    body {
      overflow-x: hidden;
    }
    #onecalfield table.onecal,
    #onecalfield table.onecal tr,
    #onecalfield table.onecal td {
      border-width: 2px;
      border-color: #bfbfbf;
    }
    .clearband {
      border-top-width: 2px !important;
      border-bottom-width: 2px !important;
  }
}
}
.plans-page .plan .planlist {
    font-size: 32px;
    line-height: 1.5;
    margin: 24px 0 24px 28px;
    padding-left: 24px;
}
.plans-page .plan .planlist li {
    margin: 0 0 0 0;
    padding: 5px 0px;
}
.plans-page .plan .planprice {
    font-size: 34px;
    line-height: 1.3;
    margin: 18px 0 8px;
}
.plans-page .plan .buyProfile,
.plans-page #restoreStoreSubscription {
    font-size: 30px;
}
.plans-page .plan .buysilver,
.plans-page .plan .buygold {
    font-size: 70px;
    line-height: 1.2;
    margin-bottom: 22px;
}
.plans-page .chooseplans .plan {
    padding: 34px 28px;
}
.one-home-layout,
.one-home-card,
.one-home-calendar,
.one-home-top,
.one-home-photo,
.one-home-actions {
    display: contents;
}

@media screen and (min-width: 1024px) {
    .one-home-layout {
        width: 160vw;
        max-width: 160vw;
        height: calc(200vh - 190px);
        margin-left: 20vw;
        margin-right: 0;
        display: grid;
        grid-template-columns: minmax(330px, 1fr) 680px;
        gap: 20px;
        box-sizing: border-box;
        overflow: hidden;
    }


    #datepickplace.one-home-datepick {
        width: 160vw;
        max-width: 160vw;
        margin-left: 20vw;
        margin-right: 0;
        box-sizing: border-box;
        justify-content: flex-start;
    }

    body.has-desktop-ad #datepickplace.one-home-datepick {
        width: calc(160vw - var(--desktop-ad-space-zoomed));
        max-width: calc(160vw - var(--desktop-ad-space-zoomed));
    }

    body.has-desktop-ad .one-home-layout {
        width: calc(160vw - var(--desktop-ad-space-zoomed));
        max-width: calc(160vw - var(--desktop-ad-space-zoomed));
    }

    .one-home-card {
        display: block;
        min-width: 0;
        height: 100%;
        box-sizing: border-box;
        border: 2px solid #a6a8a7;
        border-radius: 16px;
        box-shadow: 0 6px 5px rgb(0 0 0 / 10%);
        background: #fff;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .one-home-card .onecalhomebar {
        float: none;
        width: 100%;
        margin: 0 0 18px 0;
    }

    .one-home-card .onecalhomebar #homesdropdown {
        width: 100%;
        min-height: 64px;
        box-sizing: border-box;
        font-size: 30px;
        line-height: 1.2;
    }

    .one-home-card .onecalhomebar #homesdropdown option {
        font-size: 20px;
    }

    .one-home-card #onecalleftfld {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .one-home-card #onecalleftfld .one-home-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 190px;
        gap: 18px;
        align-items: stretch;
    }

    .one-home-card #onecalleftfld .one-home-photo,
    .one-home-card #onecalleftfld .one-home-actions {
        display: block;
        min-width: 0;
    }

    .one-home-card #onecalleftfld .one-home-photo {
        width: 33%;
        justify-self: center;
        align-self: center;
        aspect-ratio: 10 / 7;
        overflow: hidden;
        border-radius: 10px;
    }

    .one-home-card #onecalleftfld .photohomepic {
        width: 100%;
        height: 100%;
        max-height: none;
        object-fit: cover;
        border-radius: 10px;
    }

    .one-home-card #onecalleftfld .gotoday,
    .one-home-card #onecalleftfld .seeall,
    .one-home-card #onecalleftfld .search,
    .one-home-card #onecalleftfld .home-instructions-calendar-button {
        float: none;
        display: block;
        width: 100%;
        min-width: 0;
        height: 64px;
        line-height: 64px;
        margin: 0 0 12px 0;
        box-sizing: border-box;
        font-size: 30px;
    }

    .one-home-card #onecalleftfld #monthname {
        width: 100%;
        margin: 26px 0 14px 0;
        font-size: 42px;
        line-height: 1.2;
    }

    .one-home-card #onecalleftfld .home-instructions-calendar-button {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        clear: none;
    }

    .one-home-card #onecalleftfld .home-instructions-calendar-button img {
        /*width: 44px;
        height: 44px;*/
    }

    .one-home-card #onecalleftfld .stattitle {
        width: 190px;
        margin: 18px 12px 0 0;
        font-size: 30px;
        line-height: 38px;
        height: 48px;
    }

    .one-home-card #onecalleftfld #bkddays,
    .one-home-card #onecalleftfld #clndays,
    .one-home-card #onecalleftfld #visdays {
        margin-top: 22px;
        font-size: 38px;
        line-height: 38px;
    }

    .one-home-card #onecalleftfld #notes {
        font-size: 32px;
        line-height: 42px;
    }

    .one-home-calendar {
        display: block;
        min-width: 0;
        height: 100%;
        overflow: hidden;
    }

    .one-home-calendar #onecalfield {
        float: none;
        width: 680px;
        height: 100%;
        margin: 0;
    }
}
