@font-face {font-family: "Roboto"; font-style: normal; font-weight: normal; src: url(/resources/fonts/Roboto-Light.ttf);}
@font-face {font-family: "Roboto"; font-style: italic; font-weight: normal; src: url(/resources/fonts/Roboto-LightItalic.ttf);}
@font-face {font-family: "Roboto"; font-style: normal; font-weight: bold; src: url(/resources/fonts/Roboto-Regular.ttf);}
@font-face {font-family: "Roboto"; font-style: normal; font-weight: 900; src: url(/resources/fonts/Roboto-Bold.ttf);}
@font-face {font-family: "Roboto"; font-style: italic; font-weight: bold; src: url(/resources/fonts/Roboto-Italic.ttf);}
@font-face {font-family: "Roboto-Black"; font-style: normal; font-weight: 900; src: url(/resources/fonts/Roboto-Black.ttf);}

@font-face {font-family: "Rubik-Black"; font-style: normal; font-weight: 900; src: url(/resources/fonts/Rubik-Black.ttf);}
@font-face {font-family: "Rubik-Bold"; font-style: normal; font-weight: 700; src: url(/resources/fonts/Rubik-Bold.ttf);}
@font-face {font-family: "Rubik-Medium"; font-style: normal; font-weight: 500; src: url(/resources/fonts/Rubik-Medium.ttf);}
@font-face {font-family: "Rubik-Regular"; font-style: normal; font-weight: 400; src: url(/resources/fonts/Rubik-Regular.ttf);}
@font-face {font-family: "Rubik-Light"; font-style: normal; font-weight: 100; src: url(/resources/fonts/Rubik-Light.ttf);}

.material-icons {
    font-family: 'Material Icons', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
.material-icons-outlined {
    font-family: 'Material Icons Outlined', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
html{scroll-behavior: smooth;}
html{--wad-safe-area-top: env(safe-area-inset-top);}
html, body{height: 100%; margin: 0; padding: 0; font-family: "Roboto", sans-serif; font-style: normal; font-weight: normal; scroll-behavior: smooth;}

body{background-color: rgb(250,250,250);width: 100%;}
body{padding-top: var(--wad-safe-area-top) !important;}

ul{margin: 0;}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}

.material-icons{vertical-align: middle;}
.material-icons-outlined{vertical-align: middle;}

.no-select{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#email_alert_input::placeholder{color: #92a7c0; opacity: 1;}
#email_alert_input:-ms-input-placeholder{color: #92a7c0;}
#email_alert_input::-ms-input-placeholder{color: #92a7c0;}

md-ink-bar{background:#009688 !important;}

.md-errors-spacer{min-height: 0 !important;}

.md-button{min-width: auto !important;}

.md-micro{
    line-height: 30px;
    width: 30px;
    height: 30px;
    min-height: 30px;
    margin: 5px 8px;
}
.md-dialog-backdrop{padding-top: var(--wad-safe-area-top);}
.md-dialog-container{z-index: 2000 !important; padding-top: var(--wad-safe-area-top); box-sizing: border-box;}

.app-back{background-color: #009688 !important; color: #ffffff !important;}

.button{
    margin: 0 !important;
    padding: 0 10px !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    color: rgb(255,255,255);
    min-width: auto !important;
    display: inline-block;
    position: relative;
    cursor: pointer;
    min-height: 36px;
    line-height: 36px;
    vertical-align: middle;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    user-select: none;
    border: 0;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    overflow: hidden;
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    letter-spacing: .01em;
    -webkit-appearance: button;
}

.dropdown-dayrecord .md-select-menu-container{top:155px !important;}
.dropdown-dayrecord .md-select-menu-container md-select-menu{max-height: 340px !important;}
.dropdown-dayrecord .md-select-menu-container md-content{max-height: 340px !important;}

.odd{background-color:#eeeeee;}
.even{background-color:#ffffff;}

.JOB{left:0;background:#ffffff;outline:none;transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.JOB-R{left:0;background:#ffffff;outline:none;transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.INPROGRESS{left:10px;background:#55cc64;outline:none;transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.DONE{left:20px;background:#000000;outline:none;transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.toggle-off{left:0;background:#ffffff;outline:none;transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.toggle-on{left:20px;background:#55cc64;outline:none;transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.overlay{background: rgba(0,0,0,0.7); top: 120%;}

.dim{background: rgba(0,0,0,0.5) !important;}

.divider{width: 100%; height: 5px; background: #cccccc;}
.pointer{cursor: pointer !important;}
.center{text-align: center !important;}
.justify{text-align: justify !important;}
.left{text-align: left !important;}
.right{text-align: right !important;}
.upper{text-transform: uppercase !important;}
.lower{text-transform: lowercase !important;}
.capital{text-transform: capitalize !important;}
.underline{text-decoration: underline !important;}
.through{text-decoration: line-through !important;}
.ital{font-style: italic !important;}
.nowrap{white-space: nowrap !important;}
.brword{word-wrap: break-word;}
.clear{clear: both !important;}
.outline{outline: none !important;}
.over-a{overflow: auto !important;}
.over-x-a{overflow-x: auto !important;}
.over-y-a{overflow-y: auto !important;}
.over-h{overflow: hidden !important;}
.over-x-h{overflow-x: hidden !important;}
.over-y-h{overflow-y: hidden !important;}
.f-l{float: left !important;}
.f-r{float: right !important;}
.pos-rel{position: relative !important;}
.pos-abs{position: absolute !important;}
.pos-fix{position: fixed !important;}
.icon-top-2{margin-top: -2px !important;}
.icon-top-3{margin-top: -3px !important;}
.icon-top-5{margin-top: -5px !important;}
.icon-top3{margin-top: 3px !important;}
.tab-cel{display: table-cell !important;}
.opa4{opacity: 0.4 !important;}
.grid{display: grid !important;}
.rot180{transform: rotate(180deg) !important;}
.shadow{box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.5);}
.shadow-light{box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.2);}
.in-block{display: inline-block !important;}
.block{display: block !important;}
.firstletter::first-letter {text-transform:capitalize;}
.trans1{transition: all 0.1s ease;}
.transXY{transform: translate(-50%,-50%) !important;}
.animated{transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) !important;}
.border{border-width: 1px; border-style: solid;}
.tag{background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); border: 1px solid rgb(153, 153, 153);}
.transparent{opacity: 0;}

.bg-contain{background-size: contain !important;}
.bg-cover{background-size: cover !important;}
.bg-center{background-position: center !important;}
.bg-norepeat{background-repeat: no-repeat !important;}
.bg-100{background-size: 100% 100% !important;}
.bg-90{background-size: 90% 90% !important;}
.bg-a-90{background-size: auto 90% !important;}

.ff-ru-bl{font-family: Rubik-black !important;}
.ff-ru-bo{font-family: Rubik-bold !important;}
.ff-ru-li{font-family: Rubik-Light !important;}
.ff-ru-li-ss{font-family: Rubik-Light, sans-serif !important;}
.ff-ru-me{font-family: Rubik-Medium !important;}
.ff-ru-re{font-family: Rubik-Regular !important;}
.ff-ru-re-ss{font-family: Rubik-Regular, sans-serif !important;}
.ff-ro{font-family: Roboto, Helvetica Neue !important;}
.ff-ro-bl{font-family: Roboto-Black !important;}

.fw-0{font-weight: normal !important;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-600{font-weight: 600 !important;}
.fw-900{font-weight: 900 !important;}

.fs-10{font-size: 10px !important;}
.fs-11{font-size: 11px !important;}
.fs-12{font-size: 12px !important;}
.fs-13{font-size: 13px !important;}
.fs-14{font-size: 14px !important;}
.fs-15{font-size: 15px !important;}
.fs-16{font-size: 16px !important;}
.fs-17{font-size: 17px !important;}
.fs-18{font-size: 18px !important;}
.fs-19{font-size: 19px !important;}
.fs-20{font-size: 20px !important;}
.fs-21{font-size: 21px !important;}
.fs-22{font-size: 22px !important;}
.fs-24{font-size: 24px !important;}
.fs-25{font-size: 25px !important;}
.fs-26{font-size: 26px !important;}
.fs-28{font-size: 28px !important;}
.fs-30{font-size: 30px !important;}
.fs-35{font-size: 35px !important;}
.fs-40{font-size: 40px !important;}
.fs-50{font-size: 50px !important;}
.fs-54{font-size: 54px !important;}
.fs-55{font-size: 55px !important;}
.fs-58{font-size: 58px !important;}
.fs-60{font-size: 60px !important;}
.fs-62{font-size: 62px !important;}
.fs-90{font-size: 90px !important;}

.fc-black{color: #000000 !important;}
.fc-grey{color: #54667a !important;}
.fc-grey-middle{color: #999999 !important;}
.fc-grey-middle2{color: #7b7b7b !important;}
.fc-grey-middle3{color: #8e8e8e !important;}
.fc-grey-middle4{color: #aaaaaa !important;}
.fc-grey-middle5{color: #a1a1a1 !important;}
.fc-grey-middle6{color: #bebebe !important;}
.fc-grey-middle7{color: #727272 !important;}
.fc-grey-middle8{color: #b5b7b8 !important;}
.fc-grey-light{color: #939eab !important;}
.fc-grey-light2{color: #a3a3a3 !important;}
.fc-grey-light3{color: #aeb0b1 !important;}
.fc-grey-light4{color: #c1c1c1 !important;}
.fc-grey-light5{color: #eeeeee !important;}
.fc-grey-dark{color: #5c6161 !important;}
.fc-grey-dark2{color: #515151 !important;}
.fc-grey-dark3{color: #666666 !important;}
.fc-grey-dark4{color: #4a5050 !important;}
.fc-grey-dark5{color: #5e5e5e !important;}
.fc-grey-dark6{color: #586168 !important;}
.fc-grey-dark7{color: #5f6368 !important;}
.fc-grey-dark8{color: #3b3535 !important;}
.fc-grey-dark9{color: #777777 !important;}
.fc-grey-dark10{color: #888888 !important;}
.fc-grey-dark11{color: #bbbbbb !important;}
.fc-grey23{color: #494e4e !important;}
.fc-orange{color: #ff9900 !important;}
.fc-orange2{color: #f79317 !important;}
.fc-orange3{color: #ff8c10 !important;}
.fc-orange4{color: #FFAE00 !important;}
.fc-blue-grey{color: #5988b2 !important;}
.fc-blue-grey2{color: #5a747f !important;}
.fc-blue-grey3{color: #546579 !important;}
.fc-blue-grey4{color: #495f74 !important;}
.fc-red-grey{color: #525252 !important;}
.fc-red-grey2{color: #9c9c9c !important;}
.fc-star-on{color: #eed502 !important;}
.fc-star-off{color: #dbdfe0 !important;}
.fc-white{color: #ffffff !important;}
.fc-white-dark{color: #eeeeee !important;}
.fc-red{color: #ff0000 !important;}
.fc-red2{color: #d93c3c !important;}
.fc-red3{color: #e41c12 !important;}
.fc-green-dark{color: #004d5b !important;}
.fc-green{color: #009688 !important;}
.fc-green2{color: #0fd500 !important;}
.fc-green3{color: #5fca3a !important;}
.fc-purple-dark{color: #281e3b !important;}
.fc-purple-light{color: #921351 !important;}
.fc-teal{color: #296f80 !important;}

.bg-black{background-color: #000000 !important;}
.bg-white{background-color: #ffffff !important;}
.bg-white-50{background-color: rgba(255, 255, 255, 0.5) !important;}
.bg-white-dark{background-color: #e4e4e4 !important;}
.bg-white-dark2{background-color: #eeeeee !important;}
.bg-white-dark3{background-color: #fafafa !important;}
.bg-white-dark4{background-color: #f3f3f3 !important;}
.bg-white-dark5{background-color: #ededed !important;}
.bg-green{background-color: #54cd64 !important;}
.bg-green2{background-color: #24a6ad !important;}
.bg-green3{background-color: #49a0b1 !important;}
.bg-green4{background-color: #9fbe1a !important;}
.bg-green5{background-color: #009688 !important;}
.bg-green6{background-color: #55ce63 !important;}
.bg-green7{background-color: #5fca3a !important;}
.bg-green8{background-color: #5ec399 !important;}
.bg-green-light{background-color: #a4d8c3 !important;}
.bg-green-xlight{background-color: #e5f4ee !important;}
.bg-green-xxlight{background-color: #e9f4ee !important;}
.bg-green-dark{background-color: #004d5b !important;}
.bg-green-init{background-color: #009900 !important;}
.bg-teal{background-color: #008080 !important;}
.bg-teal2{background-color: #296f80 !important;}
.bg-teal-light{background-color: #8bb0b9 !important;}
.bg-red{background-color: #ff0000 !important;}
.bg-red2{background-color: #ff3333 !important;}
.bg-red3{background-color: #d93c3c !important;}
.bg-red4{background-color: #cf1311 !important;}
.bg-red5{background-color: #c70f52 !important;}
.bg-orange{background-color: #ffbc34 !important;}
.bg-orange2{background-color: #ff9900 !important;}
.bg-orange3{background-color: #ecb92b !important;}
.bg-orange4{background-color: #eeb311 !important;}
.bg-orange5{background-color: #f79317 !important;}
.bg-orange6{background-color: #ff8c10 !important;}
.bg-blue-light{background-color: #7ea1c7 !important;}
.bg-blue-dark{background-color: #3e6da9 !important;}
.bg-blue-grey{background-color: #2f3d4a !important;}
.bg-blue-grey2{background-color: #495f74 !important;}
.bg-blue-grey3{background-color: #5988b2 !important;}
.bg-grey1{background-color: #979797 !important;}
.bg-grey2{background-color: #868686 !important;}
.bg-grey3{background-color: #666666 !important;}
.bg-grey4{background-color: #808080 !important;}
.bg-grey5{background-color: #cccccc !important;}
.bg-grey6{background-color: #eeeeee !important;}
.bg-grey7{background-color: #dedede !important;}
.bg-grey8{background-color: #aaaaaa !important;}
.bg-grey9{background-color: #e8e8e8 !important;}
.bg-grey10{background-color: #f2f2f2 !important;}
.bg-grey11{background-color: #7b7b7b !important;}
.bg-grey12{background-color: #ebebeb !important;}
.bg-grey13{background-color: #cdcdcd !important;}
.bg-grey14{background-color: #dfdee2 !important;}
.bg-grey15{background-color: #afafaf !important;}
.bg-grey16{background-color: #a3a3a3 !important;}
.bg-grey17{background-color: #cfcfcf !important;}
.bg-grey18{background-color: #bbbbbb !important;}
.bg-grey19{background-color: #6c757d !important;}
.bg-grey20{background-color: #999999 !important;}
.bg-grey21{background-color: #818181 !important;}
.bg-grey22{background-color: #b1b1b1 !important;}
.bg-grey23{background-color: #494e4e !important;}
.bg-grey24{background-color:#dbdfe0 !important;}
.bg-blue{background-color: #009efb !important;}
.bg-blue-light{background-color: #aad1db !important;}
.bg-purple-dark{background-color: #281e3b !important;}
.bg-purple-light{background-color: #921351 !important;}



.bo-0{bottom: 0 !important;}
.bo-5{bottom: 5px !important;}
.bo-10{bottom: 10px !important;}
.bo-15{bottom: 15px !important;}
.bo-19{bottom: 19px !important;}
.bo-20{bottom: 20px !important;}
.bo-35{bottom: 35px !important;}
.bo-50{bottom: 50px !important;}
.bo-70{bottom: 70px !important;}
.bo-130{bottom: 130px !important;}
.bo-150{bottom: 150px !important;}
.le-0{left: 0 !important;}
.le-5{left: 5px !important;}
.le-10{left: 10px !important;}
.le-15{left: 15px !important;}
.le-20{left: 20px !important;}
.le-50{left: 50px !important;}
.ri-0{right: 0 !important;}
.ri-5{right: 5px !important;}
.ri-7{right: 7px !important;}
.ri-10{right: 10px !important;}
.ri-15{right: 15px !important;}
.ri-20{right: 20px !important;}
.ri-30{right: 30px !important;}
.ri-35{right: 35px !important;}
.ri-40{right: 40px !important;}
.ri-110{right: 110px !important;}
.to-0{top: 0 !important;}
.to-10{top: 10px !important;}
.to-15{top: 15px !important;}
.to-20{top: 20px !important;}
.to-25{top: 25px !important;}
.to-30{top: 30px !important;}
.to--35{top: -35px !important;}
.to-40{top: 40px !important;}
.to-45{top: 45px !important;}
.to-50{top: 50px !important;}
.to-65{top: 65px !important;}
.to-90{top: 90px !important;}
.to-100{top: 100px !important;}
.to-200{top: 200px !important;}

.to-21{top: 21px !important;}
.to-24{top: 24px !important;}
.to-38{top: 38px !important;}
.to50{top: 50% !important;}
.to--30{top: -30px !important;}

.le50{left: 50% !important;}
.bo--10{bottom: -10% !important;}
.bo15{bottom: 15% !important;}
.le10{left: 10% !important;}

.m-a{margin: auto !important;}
.m-0{margin: 0 !important;}
.m-5{margin: 5px !important;}
.m-7{margin: 7px !important;}
.m-8{margin: 8px !important;}
.m-10{margin: 10px !important;}
.m-15{margin: 15px !important;}
.m-20{margin: 20px !important;}
.m-40{margin: 40px !important;}
.mb-0{margin-bottom: 0px !important;}
.mb-3{margin-bottom: 3px !important;}
.mb-5{margin-bottom: 5px !important;}
.mb--5{margin-bottom: -5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-50{margin-bottom: 50px !important;}
.ml-5{margin-left: 5px !important;}
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.ml-30{margin-left: 30px !important;}
.ml-35{margin-left: 35px !important;}
.ml-40{margin-left: 40px !important;}
.mr-0{margin-right: 0 !important;}
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mr-15{margin-right: 15px !important;}
.mr-20{margin-right: 20px !important;}
.mr-30{margin-right: 30px !important;}
.mr-40{margin-right: 40px !important;}
.mr-50{margin-right: 50px !important;}
.mr-80{margin-right: 80px !important;}
.mt-0{margin-top: 0 !important;}
.mt-3{margin-top: 3px !important;}
.mt--3{margin-top: -3px !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt--10{margin-top: -10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-23{margin-top: 23px !important;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px !important;}
.mt-50{margin-top: 50px !important;}
.mt-55{margin-top: 55px !important;}
.mt-75{margin-top: 75px !important;}
.mt-95{margin-top: 95px !important;}
.mt-90{margin-top: 90px !important;}
.mt-100{margin-top: 100px !important;}
.mt-160{margin-top: 160px !important;}
.mtc-10{margin: 10px auto auto !important;}
.mtc-20{margin: 20px auto auto !important;}
.mtc-30{margin: 30px auto auto !important;}
.mtc-40{margin: 40px auto auto !important;}
.m-10-0{margin: 10px 0 !important;}
.m-15-0{margin: 15px 0 !important;}
.m-20-0{margin: 20px 0 !important;}
.m-20-5{margin: 20px 5px !important;}
.m-20-10{margin: 20px 10px !important;}
.m-0-10{margin: 0 10px !important;}
.m-0-15{margin: 0 15px !important;}
.m-0-25{margin: 0 25px !important;}
.m-0-30{margin: 0 30px !important;}
.m01{margin: 0 1% !important;}
.m02{margin: 0 2% !important;}

.ml--68-5{margin-left: -68.5px !important;}
.ml--56-5{margin-left: -56.5px !important;}
.ml--42-5{margin-left: -42.5px !important;}
.ml--27-5{margin-left: -27.5px !important;}
.ml--12-5{margin-left: -12.5px !important;}
.ml-2-5{margin-left: 2.5px !important;}
.ml-17-5{margin-left: 17.5px !important;}
.ml-31-5{margin-left: 31.5px !important;}
.ml-43-5{margin-left: 43.5px !important;}

.p-0{padding: 0 !important;}
.p-3{padding: 3px !important;}
.p-5{padding: 5px !important;}
.p-10{padding: 10px !important;}
.p-15{padding: 15px !important;}
.p-20{padding: 20px !important;}
.p-25{padding: 25px !important;}
.pl-5{padding-left: 5px !important;}
.pl-7{padding-left: 7px !important;}
.pl-10{padding-left: 10px !important;}
.pl-15{padding-left: 15px !important;}
.pl-20{padding-left: 20px !important;}
.pl-23{padding-left: 23px !important;}
.pl-30{padding-left: 30px !important;}
.pl-40{padding-left: 40px !important;}
.pt-2{padding-top: 2px !important;}
.pt-5{padding-top: 5px !important;}
.pt-8{padding-top: 8px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-25{padding-top: 25px !important;}
.pt-30{padding-top: 30px !important;}
.pt-50{padding-top: 50px !important;}
.pb-0{padding-bottom: 0px !important;}
.pb-5{padding-bottom: 5px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-20{padding-bottom: 20px !important;}
.pr-5{padding-right: 5px !important;}
.pr-7{padding-right: 7px !important;}
.pr-10{padding-right: 10px !important;}
.pr-15{padding-right: 15px !important;}
.pr-20{padding-right: 20px !important;}
.pr-40{padding-right: 40px !important;}
.pr-50{padding-right: 50px !important;}
.p-0-10{padding: 0 10px !important;}
.p-0-15{padding: 0 15px !important;}
.p-0-20{padding: 0 20px !important;}
.p-0-30{padding: 0 30px !important;}
.p-6-8{padding: 6px 8px !important;}
.p-3-5{padding: 3px 5px !important;}
.p-2-0{padding: 2px 0 !important;}
.p-2-5{padding: 2px 5px !important;}
.p-10-5{padding: 10px 5px !important;}
.p-10-7{padding: 10px 7px !important;}

.b-0{border: 0 !important;}
.br-3{border-radius: 3px !important;}
.br-5{border-radius: 5px !important;}
.br-7{border-radius: 7px !important;}
.br-10{border-radius: 10px !important;}
.br-15{border-radius: 15px !important;}
.br-25{border-radius: 25px !important;}
.br-30{border-radius: 30px !important;}
.br-40{border-radius: 40px !important;}
.br-0-5{border-radius: 0 0 5px 5px !important;}
.br-5-l{border-radius: 5px 0 0 5px !important;}
.br-5-r{border-radius: 0 5px 5px 0 !important;}

.br50{border-radius: 50% !important;}

.z-0{z-index: 0 !important;}
.z-10{z-index: 10 !important;}
.z-15{z-index: 15 !important;}
.z-20{z-index: 20 !important;}
.z-30{z-index: 30 !important;}
.z-40{z-index: 40 !important;}
.z-50{z-index: 50 !important;}
.z-60{z-index: 60 !important;}
.z-65{z-index: 65 !important;}
.z-75{z-index: 75 !important;}
.z-85{z-index: 85 !important;}
.z-90{z-index: 90 !important;}
.z-95{z-index: 95 !important;}
.z-100{z-index: 100 !important;}
.z-250{z-index: 250 !important;}
.z-1000{z-index: 1000 !important;}
.z-1100{z-index: 1100 !important;}
.z-1200{z-index: 1200 !important;}
.z-1300{z-index: 1300 !important;}
.z-1400{z-index: 1400 !important;}
.z-1500{z-index: 1500 !important;}
.z-1600{z-index: 1600 !important;}
.z-2000{z-index: 2000 !important;}

.w-a{width: auto !important;}
.w-fit{width: fit-content !important;}
.w0{width: 0 !important;}
.w4{width: 4% !important;}
.w5{width: 5% !important;}
.w10{width: 10% !important;}
.w15{width: 15% !important;}
.w20{width: 20% !important;}
.w25{width: 25% !important;}
.w30{width: 30% !important;}
.w33{width: 33% !important;}
.w3333{width: 33.3333% !important;}
.w34{width: 34% !important;}
.w40{width: 40% !important;}
.w46{width: 46% !important;}
.w50{width: 50% !important;}
.w60{width: 60% !important;}
.w70{width: 70% !important;}
.w80{width: 80% !important;}
.w90{width: 90% !important;}
.w100{width: 100% !important;}
.w196{width: 196% !important;}
.w200{width: 200% !important;}
.w300{width: 300% !important;}
.w400{width: 400% !important;}
.mw100{min-width: 100% !important;}
.w100-10{width: calc(100% - 10px) !important;}
.w100-90{width: calc(100% - 90px) !important;}

.w100-10{width: calc(100% - 10px) !important;}
.w100-20{width: calc(100% - 20px) !important;}
.w100-30{width: calc(100% - 30px) !important;}
.w100-40{width: calc(100% - 40px) !important;}
.w100-50{width: calc(100% - 50px) !important;}
.w100-80{width: calc(100% - 80px) !important;}

.w-4{width: 4px !important;}
.w-5{width: 5px !important;}
.w-10{width: 10px !important;}
.w-15{width: 15px !important;}
.w-20{width: 20px !important;}
.w-25{width: 25px !important;}
.w-30{width: 30px !important;}
.w-38{width: 38px !important;}
.w-40{width: 40px !important;}
.w-50{width: 50px !important;}
.w-60{width: 60px !important;}
.w-70{width: 70px !important;}
.w-80{width: 80px !important;}
.w-90{width: 90px !important;}
.w-100{width: 100px !important;}
.w-120{width: 120px !important;}
.w-140{width: 140px !important;}
.w-200{width: 200px !important;}
.w-220{width: 220px !important;}
.w-250{width: 250px !important;}
.w-280{width: 280px !important;}

.h-fit{height: fit-content !important;}
.h-auto{height: auto !important;}
.h20{height: 20% !important;}
.h45{height: 45% !important;}
.h50{height: 50% !important;}
.h80{height: 80% !important;}
.h100{height: 100% !important;}

.h-0{height: 0 !important;}
.h-3{height: 3px !important;}
.h-5{height: 5px !important;}
.h-10{height: 10px !important;}
.h-15{height: 15px !important;}
.h-18{height: 18px !important;}
.h-20{height: 20px !important;}
.h-25{height: 25px !important;}
.h-28{height: 28px !important;}
.h-30{height: 30px !important;}
.h-35{height: 35px !important;}
.h-38{height: 38px !important;}
.h-40{height: 40px !important;}
.h-50{height: 50px !important;}
.h-55{height: 55px !important;}
.h-60{height: 60px !important;}
.h-70{height: 70px !important;}
.h-72{height: 72px !important;}
.h-80{height: 80px !important;}
.h-90{height: 90px !important;}
.h-95{height: 95px !important;}
.h-100{height: 100px !important;}
.h-113{height: 113px !important;}
.h-114{height: 114px !important;}
.h-120{height: 120px !important;}
.h-140{height: 140px !important;}
.h-150{height: 140px !important;}
.h-160{height: 160px !important;}
.h-170{height: 170px !important;}
.h-200{height: 200px !important;}
.h-230{height: 230px !important;}
.h-250{height: 250px !important;}
.h-290{height: 290px !important;}
.h-310{height: 310px !important;}
.h-355{height: 355px !important;}
.h-400{height: 400px !important;}

.mh-50{min-height: 50px !important;}
.mh-76{min-height: 76px !important;}
.mh-36{min-height: 36px !important;}
.mh-400{max-height: 400px !important;}

.lh-15{line-height: 15px !important;}
.lh-20{line-height: 20px !important;}
.lh-25{line-height: 25px !important;}
.lh-27{line-height: 27px !important;}
.lh-30{line-height: 30px !important;}
.lh-35{line-height: 35px !important;}
.lh-40{line-height: 40px !important;}
.lh-45{line-height: 45px !important;}
.lh-50{line-height: 50px !important;}
.lh-52{line-height: 52px !important;}
.lh-55{line-height: 55px !important;}
.lh-60{line-height: 60px !important;}
.lh-65{line-height: 65px !important;}
.lh-70{line-height: 70px !important;}
.lh-75{line-height: 75px !important;}
.lh-140{line-height: 140px !important;}

.upgrade-alert-dimming{position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8);}
.upgrade-alert-popup{position: fixed; top: 50%; left: 50%; width: 90%; height: 200px; margin-left: -45%; margin-top: -100px; border-radius: 5px; box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.5); background-color: #ffffff;}
.upgrade-alert-image{position: relative;}
.upgrade-alert-image>div{position: absolute; width: 100%; text-align: center;}
.upgrade-alert-text{padding: 30px; font-family: 'Rubik-Medium'; font-size: 16px; margin-top: 60px;}
.upgrade-alert-popup-closed{display: none;}
.upgrade-alert-popup-opened{display: block;}

.wad-user{margin-top: 2px;}
.wad-head-icon{margin: 6px 4px !important; padding: 0 4px !important;}
.wad-head-button{width: 36px;}
.wad-foot-buttons{box-sizing: content-box; border-radius: 50%; border: 2px solid #ffffff;}

.wad-popup-todo-head{line-height: 48px; background: rgb(0, 150, 136); box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.5);}
.wad-popup-todo-head-can{width: 36px;}
.wad-popup-todo-head-tit{width: calc(100% - 112px); margin-left: 56px;}
.wad-popup-todo-tit{line-height: 45px; box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.5);}
.wad-popup-todo-bod{box-sizing: border-box;}
.wad-popup-todo-bod-txt{border-width: 0px 0px 1px !important; border-top-style: initial !important; border-right-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-left-color: initial !important; border-image: initial !important; border-bottom-style: solid !important; border-bottom-color: rgb(204, 204, 204) !important; max-height: 300px !important; height: 108px !important;}
.wad-popup-todo-bod-planned{margin-top: 3px; margin-left: -3px;}
.wad-popup-todo-bod-planned>span{margin-top: -5px;}
.wad-popup-todo-bod-item{width: calc(100% - 40px);}
.wad-popup-todo-bod-switch{height: 14px; border-radius: 7px;}
.wad-popup-todo-bod-switch>div{top: -3px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);}
.wad-popup-todo-bod-plans{height: 88px;}
.wad-popup-todo-bod-next{height: 12px;}
.wad-popup-todo-bod-cal{border: 1px solid #e0e0e0; height: 262px;}
.wad-popup-todo-bod-sticky{margin-top: 2px; margin-right: 2px;}
.wad-popup-todo-foot{line-height: 48px; background: rgb(0, 150, 136);}
.wad-popup-todo-foot-but{border: 2px solid #ffffff;}
.wad-popup-todo-actions-subhead{box-shadow: 0 2px 5px 2px rgb(0 0 0 / 50%);}
.wad-popup-todo-actions-foot{box-shadow: 0 -2px 5px 1px rgb(0 0 0 / 30%);}
.wad-popup-todo-actions-cats{height: calc(100% - 140px);}
.wad-popup-photo{box-shadow: 0 0 0px 0px rgba(0,0,0,0.5);}
.wad-popup-photo-files{height: 26px;}
.wad-popup-photo-crop{height: 26px; margin: 0 10px 0 20px;}
.wad-popup-photo-crop>span{margin-top: 2px;}
.wad-popup-photo-prog{width: calc(100% - 70px); height: 26px; margin: 0 20px 0 0;}
.wad-popup-photo-prog>div{width: calc(100% - 12px); height: 14px; border-radius: 8px;}
.wad-popup-photo-prog>div>div{border-radius: 7px;}
.wad-popup-photo-list{height: calc(100% - 50px); -webkit-overflow-scrolling: touch;}
.wad-popup-photo-cam{margin-bottom: -5px;}
.wad-popup-photo-user{top: -35px; left: calc(100% - 35px); width: 25px;}
.wad-popup-photo-user>button{height: 25px !important; min-height: 25px !important; line-height: 25px !important; width: 25px;}
.wad-popup-insta-head{line-height:48px; padding-top: var(--wad-safe-area-top);}
.wad-popup-insta-head>div{margin-left: 7px;}
.wad-popup-insta-pics{padding: 0px 20px; width: calc(100% - 40px); height: 260px;}
.wad-popup-insta-pic{display: inline-block; width: 250px; height: 250px; }
.wad-popup-insta-send{width: 220px;}
.wad-popup-insta-tit{width: calc(100% - 50px);}
.wad-popup-insta-colors{width: 320px; height: 160px; margin: 20px auto;}
.wad-popup-insta-choice{border-style: solid; border-color: #ffffff;}
.wad-popup-insta-stufs{width: 320px; margin: 20px auto;}
.wad-popup-insta-stufs>div{height: 127px;}
.wad-popup-insta-stufs>div>div{height: 107px;}

.wad-popup-review2021{transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.wad-popup-review2021>div{box-sizing: border-box; padding-top: var(--wad-safe-area-top);}
.wad-popup-review2021-user{margin: -50px auto 0 auto; border: 5px solid #a50d39;}
.wad-popup-review2021-hour{line-height: 36px;}
.wad-popup-review2021-day{line-height: 30px;}
.wad-popup-review2021-project{width: calc(100% - 40px); background-color: rgba(175,175,175,0.6); line-height: 17px;}
.wad-popup-review2021-bonus{margin: 25px 15px 15px 15px;}
.wad-popup-review2021-projects{margin: 0 15px 5px 15px; background-color: rgba(175,175,175,0.6);}
.wad-popup-review2021-projects-item{line-height: 17px;}
.wad-popup-review2021-projects-total{width: calc(100% - 55px);}
.wad-popup-review2021-details{width: calc(100% - 60px); background-color: rgba(175,175,175,0.6);}
.wad-popup-review2021-missing{width: calc(100% - 60px); background-color: rgba(175,175,175,0.6);}
.wad-popup-review2021-percent{border: 10px solid #921351;}
.wad-popup-review2021-better{background-color: rgba(175,175,175,0.6);}
.wad-popup-review2021-action{width: calc(100% - 60px); background-color: rgba(255,255,255,0.3);}
.wad-popup-review2021-notfriend{width: calc(100% - 60px); background-color: rgba(175,175,175,0.3);}
.wad-popup-review2021-notfriend>div{border: 2px solid #ffffff;}
.wad-popup-review2021-back-1{background-image: url(/resources/images/review2021-back-1.jpg);}
.wad-popup-review2021-back-2{background-image: url(/resources/images/review2021-back-2.jpg);}
.wad-popup-review2021-back-3{background-image: url(/resources/images/review2021-back-3.jpg);}
.wad-popup-review2021-back-4{background-image: url(/resources/images/review2021-back-4.jpg);}
.wad-popup-review2021-back-5{background-image: url(/resources/images/review2021-back-5.jpg);}
.wad-popup-review2021-back-6{background-image: url(/resources/images/review2021-back-6.jpg);}
.wad-popup-review2021-wish{margin: 20px 20px 0 20px;}
.wad-popup-review2021-fb{margin: 10px 10px 10px 0;}
.wad-popup-review2021-twit{margin: 10px 30px 10px 0;}
.wad-popup-review2021-nav{top: -100%; padding-top: var(--wad-safe-area-top);}
.wad-popup-review2021-nav>div{width: calc(100% - 50px);}
.wad-popup-review2021-nav>div>div{border-radius: 3px;}
.wad-popup-review2021-nav-close{background-color: rgba(255,255,255,0.5);}

.review2021-container-opened{left: 0 !important; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.review2021-container-closed{left: 100% !important; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.wad-popup-review2022{transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.wad-popup-review2022>div{box-sizing: border-box; padding-top: var(--wad-safe-area-top);}
.wad-popup-review2022-user{margin: -50px auto 0 auto; border: 5px solid #a50d39;}
.wad-popup-review2022-hour{line-height: 36px;}
.wad-popup-review2022-day{line-height: 30px;}
.wad-popup-review2022-project{width: calc(100% - 40px); background-color: rgba(175,175,175,0.6); line-height: 17px;}
.wad-popup-review2022-bonus{margin: 25px 15px 15px 15px;}
.wad-popup-review2022-projects{margin: 0 15px 5px 15px; background-color: rgba(175,175,175,0.6);}
.wad-popup-review2022-projects-item{line-height: 17px;}
.wad-popup-review2022-projects-total{width: calc(100% - 55px);}
.wad-popup-review2022-details{width: calc(100% - 60px); background-color: rgba(175,175,175,0.6);}
.wad-popup-review2022-missing{width: calc(100% - 60px); background-color: rgba(175,175,175,0.6);}
.wad-popup-review2022-percent{border: 10px solid #921351;}
.wad-popup-review2022-better{background-color: rgba(175,175,175,0.6);}
.wad-popup-review2022-action{width: calc(100% - 60px); background-color: rgba(255,255,255,0.3);}
.wad-popup-review2022-notfriend{width: calc(100% - 60px); background-color: rgba(175,175,175,0.3);}
.wad-popup-review2022-notfriend>div{border: 2px solid #ffffff;}
.wad-popup-review2022-back-0{background-image: url(/resources/images/review2022-back-0.jpg);}
.wad-popup-review2022-back-1{background-image: url(/resources/images/review2022-back-1.jpg);}
.wad-popup-review2022-back-2{background-image: url(/resources/images/review2022-back-2.jpg);}
.wad-popup-review2022-back-3{background-image: url(/resources/images/review2022-back-3.jpg);}
.wad-popup-review2022-back-4{background-image: url(/resources/images/review2022-back-4.jpg);}
.wad-popup-review2022-back-5{background-image: url(/resources/images/review2022-back-5.jpg);}
.wad-popup-review2022-back-6{background-image: url(/resources/images/review2022-back-6.jpg);}
.wad-popup-review2022-wish{margin: 20px 20px 0 20px;}
.wad-popup-review2022-fb{margin: 10px 10px 10px 0;}
.wad-popup-review2022-twit{margin: 10px 30px 10px 0;}
.wad-popup-review2022-nav{top: -100%; padding-top: var(--wad-safe-area-top);}
.wad-popup-review2022-nav>div{width: calc(100% - 50px);}
.wad-popup-review2022-nav>div>div{border-radius: 3px;}
.wad-popup-review2022-nav-close{background-color: rgba(255,255,255,0.5);}

.review2022-container-opened{left: 0 !important; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.review2022-container-closed{left: 100% !important; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.wad-popup-review2023{transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.wad-popup-review2023>div{box-sizing: border-box; padding-top: var(--wad-safe-area-top);}
.wad-popup-review2023-user{margin: -50px auto 0 auto; border: 5px solid #da2c22;}
.wad-popup-review2023-hour{line-height: 36px;}
.wad-popup-review2023-day{line-height: 30px;}
.wad-popup-review2023-project{width: calc(100% - 40px); background-color: rgba(175,175,175,0.6); line-height: 17px;}
.wad-popup-review2023-bonus{margin: 25px 15px 15px 15px;}
.wad-popup-review2023-projects{margin: 0 15px 5px 15px; background-color: rgba(175,175,175,0.6);}
.wad-popup-review2023-projects-item{line-height: 17px;}
.wad-popup-review2023-projects-total{width: calc(100% - 55px);}
.wad-popup-review2023-details{width: calc(100% - 60px); background-color: rgba(175,175,175,0.6);}
.wad-popup-review2023-missing{width: calc(100% - 60px); background-color: rgba(175,175,175,0.6);}
.wad-popup-review2023-percent{border: 10px solid #da2c22;}
.wad-popup-review2023-better{background-color: rgba(175,175,175,0.6);}
.wad-popup-review2023-action{width: calc(100% - 60px); background-color: rgba(255,255,255,0.3);}
.wad-popup-review2023-notfriend{width: calc(100% - 60px);}
.wad-popup-review2023-notfriend>div{border: 2px solid #ffffff;}
.wad-popup-review2023-back-0{background-image: url(/resources/images/review2023-back-0.jpg);}
.wad-popup-review2023-back-1{background-image: url(/resources/images/review2023-back-1.jpg);}
.wad-popup-review2023-back-2{background-image: url(/resources/images/review2023-back-2.jpg);}
.wad-popup-review2023-back-3{background-image: url(/resources/images/review2023-back-3.jpg);}
.wad-popup-review2023-back-4{background-image: url(/resources/images/review2023-back-4.jpg);}
.wad-popup-review2023-back-5{background-image: url(/resources/images/review2023-back-5.jpg);}
.wad-popup-review2023-back-6{background-image: url(/resources/images/review2023-back-6.jpg);}
.wad-popup-review2023-wish{margin: 20px 20px 0 20px;}
.wad-popup-review2023-fb{margin: 10px 10px 10px 0;}
.wad-popup-review2023-twit{margin: 10px 30px 10px 0;}
.wad-popup-review2023-nav{top: -100%; padding-top: var(--wad-safe-area-top);}
.wad-popup-review2023-nav>div{width: calc(100% - 50px);}
.wad-popup-review2023-nav>div>div{border-radius: 3px;}
.wad-popup-review2023-nav-close{background-color: rgba(255,255,255,0.5);}

.review2023-container-opened{left: 0 !important; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.review2023-container-closed{left: 100% !important; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.wad-popup-review2024{transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.wad-popup-review2024>div{box-sizing: border-box; padding-top: var(--wad-safe-area-top);}
.wad-popup-review2024-user{margin: -50px auto 0 auto; border: 5px solid #da2c22;}
.wad-popup-review2024-hour{line-height: 36px;}
.wad-popup-review2024-day{line-height: 30px;}
.wad-popup-review2024-project{width: calc(100% - 40px); background-color: rgba(144,129,150,0.8); line-height: 17px;}
.wad-popup-review2024-bonus{margin: 25px 15px 15px 15px;}
.wad-popup-review2024-projects{margin: 0 15px 5px 15px; background-color: rgba(175,175,175,0.8);}
.wad-popup-review2024-projects-item{line-height: 17px;}
.wad-popup-review2024-projects-total{width: calc(100% - 55px);}
.wad-popup-review2024-details{width: calc(100% - 60px); background-color: rgba(32,88,95,0.8);}
.wad-popup-review2024-missing{width: calc(100% - 60px); background-color: rgba(175,175,175,0.6);}
.wad-popup-review2024-percent{border: 10px solid #da2c22;}
.wad-popup-review2024-pote{border: 10px solid #1b3126;}
.wad-popup-review2024-better{background-color: rgba(175,175,175,0.6);}
.wad-popup-review2024-action{width: calc(100% - 60px);background-color: rgba(175,175,175,0.6);}
.wad-popup-review2024-notfriend{width: calc(100% - 60px);}
.wad-popup-review2024-notfriend>div{border: 2px solid #ffffff;}
.wad-popup-review2024-back-0{background-image: url(/resources/images/review2024-back-0.jpg);}
.wad-popup-review2024-back-1{background-image: url(/resources/images/review2024-back-1.jpg);}
.wad-popup-review2024-back-2{background-image: url(/resources/images/review2024-back-2.jpg);}
.wad-popup-review2024-back-3{background-image: url(/resources/images/review2024-back-3.jpg);}
.wad-popup-review2024-back-4{background-image: url(/resources/images/review2024-back-4.jpg);}
.wad-popup-review2024-back-5{background-image: url(/resources/images/review2024-back-5.jpg);}
.wad-popup-review2024-back-6{background-image: url(/resources/images/review2024-back-6.jpg);}
.wad-popup-review2024-back-7{background-image: url(/resources/images/review2024-back-7.jpg);}
.wad-popup-review2024-wish{margin: 20px 20px 0 20px;}
.wad-popup-review2024-fb{margin: 10px 10px 10px 0;}
.wad-popup-review2024-twit{margin: 10px 30px 10px 0;}
.wad-popup-review2024-nav{top: -100%; padding-top: var(--wad-safe-area-top);}
.wad-popup-review2024-nav>div{width: calc(100% - 50px);}
.wad-popup-review2024-nav>div>div{border-radius: 3px;}
.wad-popup-review2024-nav-close{background-color: rgba(255,255,255,0.5);}
.wad-popup-review2024-photo{box-shadow: 0 10px 15px 5px rgba(0,0,0,.4);}

.review2024-container-opened{left: 0 !important; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.review2024-container-closed{left: 100% !important; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.connect-container{max-width: 666px;}
.connect-block{max-width: 300px; width: calc(100% - 22px);}
.connect-input{width: calc(100% - 22px); border: 1px solid #d3d3d3;}
.connect-button{height: 43px !important; line-height: 23px !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); letter-spacing: .01em; display: inline-block; box-sizing: border-box; font-family: inherit;}

.popup-width{width: 94% !important; max-width: 94% !important;}

.day-record-datepicker{width: 50px;}
.day-record-nojob{height: 18px; padding: 0 0 0 8px !important;}
.day-record-type{width: calc(100% - 16px); margin: 18px 0 0 0 !important;}
.day-record-user{bottom: 3px; width: inherit;}
.day-record-coffee{width: 16px;}

.day-record-dialog-user{width: calc( 100% - 70px ); height: 50px; line-height: 50px; font-weight: bold;}
.day-record-dialog-date{padding: 2px 5px; width: fit-content; margin: 10px 0 0 5px;}
.day-record-dialog-picture{width: 50px;}
.day-record-dialog-picture div{width: 50px; height: 50px; border-radius: 50%; background-size: cover;}

.main-md-card{width: 90%;}
.main-md-card-text{padding-top: 6px !important;}
.main-menu-icons{margin-right: 2px;}
.main-user-block{padding: 5px 0 5px 0;}
.main-user-picture{background-size: cover; width: 60px; height: 60px;}

.main-review2021-block{height: fit-content;}
.main-review2021-subblock{background-image: url(/resources/images/review-2021.jpg); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #281d3b;}
.main-review2021-button{bottom: 50px;}

.main-review2022-block{height: fit-content;}
.main-review2022-subblock{background-image: url(/resources/images/review-2022.jpg); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #281d3b;}
.main-review2022-button{bottom: 50px;}

.main-review2023-block{height: fit-content;}
.main-review2023-subblock{background-image: url(/resources/images/review-2023.jpg); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #281d3b;}
.main-review2023-button{bottom: 50px;}

.main-review2024-block{height: fit-content;}
.main-review2024-subblock{background-image: url(/resources/images/review-2024.jpg); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #281d3b;}
.main-review2024-button{bottom: 50px;}

.main-insta{width: calc(100% - 20px);}
.main-insta-picture{height: 60px; width: 60px;}
.main-insta-picture img{width: 50px; margin: 5px 0 0 0;}
.main-insta-follow{width: calc(50% - 60px); height: 60px; line-height: 25px;}
.main-insta-button{height: 60px;}
.main-insta-button div{padding: 0 20px; width: fit-content; height: 60px; line-height: 60px;}
.main-insta-button i{transform: rotate(180deg); margin-top: -2px;}
.main-lastpic-none{padding: 15px 15px 0 15px;}
.main-lastpic-picture{background-size: contain; background-position: center; background-repeat: no-repeat;}
.main-lastpic-user{padding: 10px 15px 0 15px;}
.main-carousel{-webkit-overflow-scrolling: touch;}
.main-carousel>div{width: calc(200% - 12px);}
.main-carousel>div>div{display: inline-block; margin-left: 12px; width: calc((50% - 30px) / 2); padding-top: calc((50% - 30px) / 2); background-size: contain; background-position: top center; background-repeat: no-repeat; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.3);}
.main-carousel>div>div>div{top: -48px;}
.main-carousel>div>div>div>div{min-height: 48px; width: calc(100% - 8px); padding: 3px 0 3px 8px; bottom: -48px; height: fit-content !important;}
.main-carousel>div>div>div>div>table{min-height: 48px;}
.main-total{padding: 15px 15px 0 15px;}
.main-total-title{height: 19px;}
.main-total-link{height: 19px; line-height: 23px;}
.main-picture-alert{z-index: 1500; background-image: url(/resources/images/alert_worker_back.png); background-position: center; background-size: 100%;}
.main-picture-alert-title{font-size: 12vw; margin-top: 100px;}
.main-picture-alert-picture{top: 50%; left: 50%; margin-left: -86px; margin-top: -70px;}
.main-picture-alert-text{bottom: 150px;}
.main-picture-alert-upload{left: calc(50% - 110px); width: 200px; height: auto; margin: auto;}
.main-popup-user-picture{z-index: 75; top: 0; background: rgba(0,0,0,0.8); padding-top: var(--wad-safe-area-top);}
.main-popup-user-picture-image{z-index: 95; top: calc(50% - 200px); left: calc(50% - 151px); width: 300px; height: 300px; border: 1px solid #ffffff; -webkit-overflow-scrolling: touch;}
.main-popup-user-picture-progress{z-index: 90; top: calc(50% - 61px); left: calc(50% - 101px); width: 200px; height: 20px; border:1px solid #ff9900;}
.main-popup-user-picture-progress>div{height: 20px;}
.main-popup-user-picture-preset{z-index: 85; top: calc(50% - 200px); left: calc(50% - 151px); width: 300px; height: 300px; border: 1px solid #ffffff;}
.main-popup-user-picture-slider{top: calc(50% + 120px); left: calc(50% - 151px); width: 302px;}
.main-popup-user-picture-check{top: calc(50% + 200px); left: calc(50% - 151px); width: 302px;}
.main-popup-work-alert{z-index: 1500; background-image: url(/resources/images/alert_worker_back.png); background-position: center; background-size: 100%;}
.main-popup-work-alert-title{width: calc(100% - 20px); font-size: 12vw;}
.main-popup-work-alert-text{width: calc(100% - 40px); padding: 0 20px 0 20px;}
.main-popup-work-alert-link{left: calc(50% - 110px); width: 200px; height: auto; margin: auto;}
.main-email-alert{z-index: 1500; background-color: #33a6af; padding-top: var(--wad-safe-area-top);}

.photos-search{z-index: 20; height: 50px; padding-top: var(--wad-safe-area-top);}
.photos-search-input{margin-top: 7px; margin-left: 9px; width: calc(100% - 80px); height: 32px; border: 1px solid #dddddd; padding: 0 30px 0 30px;}
.photos-search-icon-search{top:-27px;}
.photos-search-icon-highlight{left: calc(100% - 35px); top: -27px;}
.photos-list-picture{top: -34px; width: calc(100% - 10px);}
.photos-list-picture>div{width: 40px; height: 40px; border: 3px solid #ffffff; border-radius: 25px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.photos-list-nick{top: -21px; left: 60px; width: calc(100% - 60px);}
.photos-list-photo{background-size: contain; background-position: center; background-repeat: no-repeat;}
.photos-list-team{width: 75%;}
.photos-list-date{width: 20%;}
.photos-list-notlast{margin: 25px 0; height: 5px;}
.photos-list-last{margin: 25px 0; height: 5px;}

.todo-tabs{border-top: 5px solid #cccccc;}
.todo-tabs-search{width: calc(100% - 20px);}
.todo-tabs-search>input{width: calc(100% - 62px); height: 27px; padding: 5px 30px; border: 1px solid #cccccc; outline: none;}
.todo-tabs-search-icon{top: -28px;}
.todo-list-head{width: calc(100% - 50px);}
.todo-list-title{color: #54667a; -webkit-font-smoothing: none; font-weight: 800;}
.todo-list-userpic{width: 50px; height: 38px;}
.todo-list-userpic>img{width: 38px; height: 38px; border-radius: 50%;}
.todo-list-photos{height: 90px; overflow-y: hidden; overflow-x: auto;}
.todo-list-photos>div{height: 90px;}
.todo-list-photos>div>div{width: 80px; height: 80px;}
.todo-list-photos>div>div>div{width: 80px; height: 80px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.todo-list-planned{display: inline-block; width: 60px; height: 18px; line-height: 18px; vertical-align: text-top; margin: 0 4px 0 2px;}
.todo-list-button{line-height: 36px; height: 32px;}
.todo-list-button-icon{margin-top: -6px; width: 25px; height: 25px; border-radius: 15px; background-color: #aaaaaa; padding-top: 5px; padding-left: 5px; color: #ffffff;}
.todo-list-link{height: 32px !important; min-height: 32px !important; line-height: 36px; text-transform: none;}

md-tabs-wrapper md-next-button{box-shadow:-5px -5px 5px 0 rgba(250,250,250,1) !important; background: #FAFAFA url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K) !important;}
md-tabs-wrapper md-prev-button{box-shadow:5px -5px 5px 0 rgba(250,250,250,1) !important; background: #FAFAFA url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==") !important;}

.todo-list-button-add-big{width: 56px !important; height: 56px !important; margin-right: 0 !important; margin-bottom: 0 !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.todo-list-button-add-small{width: 26px !important; height: 26px !important; margin-right: 15px !important; margin-bottom: 15px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.todo-list-button-add-big i{font-size: 40px !important; margin-top: 8px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.todo-list-button-add-small i{font-size: 20px !important; margin-top: 3px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.dash{height: auto; background-repeat: no-repeat; background-position: center top; background-size: contain;}
.dash-image{margin: auto; width: 150px; height: 150px; border-radius: 75px; background-size: cover; border: 5px solid #cccccc;}
.dash-image img{top: 110px; left: 100px;}
.dash-nickname{font-size: 30px; color: #666666; font-weight: 900; text-align: center;}
.dash-profile{font-size: 20px; color: #999999; text-align: center;}
.dash-text-big{font-size: 20px; color: #666666; font-weight: 900;}
.dash-text-little{margin-top: 4px;}
.dash-x2{font-size: 35px; color: #666666; font-weight: 900;}
.dash-x1{font-size: 35px; color: #cccccc; font-weight: 900;}
.dash-series{float: left; width: calc(100% - 140px); height: 52px; overflow: auto;-webkit-overflow-scrolling: touch; border-top: 4px solid #eeeeee; border-bottom: 4px solid #eeeeee;}
.dash-series-days{height: 52px;}
.dash-series-day{float: left; width: 46px; height: 52px; border-left: 4px solid #eeeeee; color: #ffffff;}
.dash-series-day-num{font-size: 18px; font-weight: 900; text-align: center; height: 30px; line-height: 40px;}
.dash-series-day-name{font-size: 14px; text-align: center; height: 22px; line-height: 20px;}
.dash-series-day-star{height: 52px; background-image: url('/resources/images/star.png'); background-repeat: no-repeat; background-position: center 40%; background-size: 60%;}
.dash-badges-space{width: 30px; height: 30px; border-radius: 15px; background: #e8e8e8; margin: auto auto 4px;}
.dash-progress{float: left; width: 140px; height: 30px;}
.dash-progress-top{width: 132px; height: 24px; line-height: 26px; text-align: center; border: 4px solid #eeeeee; border-bottom-width: 2px; background: url('/resources/images/pixel.jpg') no-repeat left;}
.dash-progress-bottom{width: 132px; height: 24px; line-height: 26px; text-align: center; border: 4px solid #eeeeee; border-top-width: 2px; background: url('/resources/images/pixel.jpg') no-repeat left;}
.dash-series-gain{color: #666666; font-weight: 900;}
.dash-series-progression{color: #666666;}
.dash-averages-image{background-image: url('/resources/images/gradation.png'); background-position: center bottom; background-repeat: repeat-y;}
.dash-averages-text{line-height: 20px; margin: 5px auto auto;}
.dash-averages-points{width: calc(100% - 10px); line-height: 40px; border-bottom: 3px solid #dddddd;}
.dash-objectif{width: calc(100% - 10px); line-height: 40px;}
.dash-grid-image{background: url('/resources/images/grid.png');}
.dash-fund-more{padding: 0 2px 0 6px !important;}
.dash-fund-more i{transform: rotate(180deg);}
.dash-points{width: calc(100% - 20px);}
.dash-points-title{padding: 10px 0 10px 0;}
.dash-points-records{padding: 4px;}
.dash-points-records-date{padding: 2px; width: calc(15% - 4px); height: auto; line-height: 15px;}
.dash-points-records-x2{padding: 2px; width: calc(70% - 4px); height: auto; line-height: 15px;}
.dash-points-records-x2>span{}
.dash-points-records-points{padding: 2px; width: calc(15% - 4px); height: auto; line-height: 15px;}
.dash-popup-userpic{background: rgba(0,0,0,0.8); padding-top: var(--wad-safe-area-top);}
.dash-popup-userpic-image{top: calc(50% - 200px); left: calc(50% - 151px); width: 300px; height: 300px; border: 1px solid #ffffff; -webkit-overflow-scrolling: touch;}
.dash-popup-userpic-percent{top: calc(50% - 61px); left: calc(50% - 101px); width: 200px; border: 1px solid #ff9900;}
.dash-popup-userpic-preset{top: calc(50% - 200px); left: calc(50% - 151px); width: 300px; height: 300px; border: 1px solid #ffffff;}
.dash-popup-userpic-rzslider{top: calc(50% + 120px); left: calc(50% - 151px); width: 302px;}
.dash-popup-userpic-check{top: calc(50% + 200px); left: calc(50% - 151px); width: 302px;}
.dash-popup-fund-back{line-height:48px;}
.dash-popup-fund-back>div{margin-left: 7px;}
.dash-popup-fund-text{width: calc(100% - 40px); height: calc(100% - 90px);}

.work-pow-popup{width:80% !important;max-width:80% !important;}
.work-pow-popup-schedule{margin-left: -1px; margin-top: -4px;}
.work-pow-popup-upload{width: 38px;}
.work-pow-popup-photo-thumb, .work-pow-popup-photo-thumb>img{width: 70px;}
.work-pow-popup-photo-text{width: calc(100% - 80px);}

.work-actions{padding: 8px 0;}
.work-actions-cats{margin: 0 8px;}
.work-actions-cats-title{width: calc(100% - 50px);}
.work-actions-cats-title>h3{padding: 8px 8px 0 8px; outline: none;}
.work-actions-cats-bullet{display: inline-block; top: -34px;}
.work-actions-cats-click{width: 50px;}
.work-actions-cats-click>span{margin-top: 12px;}
.work-actions-list{padding: 0 8px;}
.work-actions-list md-grid-list{padding: 0 8px 8px 8px;}
.work-actions-bullet{right: -4px; top: -25px;}

.work-actions-time-resume{top: -74px; padding: 10px 5%; position: absolute;}
.work-actions-time-resume-img{width: 80px;}
.work-actions-time-resume-img>img{width: 50px; height: 50px; border: 5px solid #ffffff;}
.work-actions-time-resume-time{width: calc(100% - 240px); line-height: 10px;}
.work-actions-time-resume-left{width: 80px; line-height: 10px;}
.work-actions-time-resume-done{width: 80px; line-height: 10px;}
.work-actions-time-list{margin-top: 74px; overflow-x: hidden; overflow-y: auto;}
.work-actions-time-list-divider{height: 2px; margin: 5px 0;}
.work-actions-time-list-bloc{margin: 10px 5%;}
.work-actions-time-list-name{width: calc(100% - 60px);}
.work-actions-time-list-total{width: 60px;}
.work-actions-time-end{height: 6px;}

.work-subactions-cats-title{padding:8px 8px 0 8px;}
.work-subactions-cats-list{padding: 0 8px 8px 8px;}
.work-subactions-cats-img{margin-top: -4px;}
.work-subactions-bullet{right:3px;top:-8px;}
.work-subactions-name{height: 28px;}
.work-subactions-icon{width: 16px !important;}

.work-event-title{width: fit-content;}
.work-event-title-space{width: 20px;}
.work-event-title-text{height: 32px; line-height: 16px;}
.work-event-title-icon{width: 20px; height: 32px; line-height: 22px;}
.work-event-actions{border-bottom: 2px solid #cccccc;}
.work-event-actions-text{border: 1px solid #dfdfdf; width: -webkit-fill-available;}

.work-photo-description-dialog{margin-left: 7px;}

.work-quantity-list{border-bottom: 2px solid #cccccc;}
.work-quantity-number{width: calc(100% - 12px); border: 1px solid #cccccc;}

.work-todo{margin: 18px 8px 0 8px;}
.work-todo-head{margin: 20px 0 5px 0px;}
.work-todo-table{padding: 12px 7px 12px 7px; margin-bottom:7px;}
.work-todo-image{margin-bottom: -3px;}
.work-todo-data{display: inline-block; width: auto; height: 18px; line-height: 18px; vertical-align: text-top; padding: 0 5px;}
.work-todo-status{width: 40px; height: 14px; border-radius: 7px;}
.work-todo-status>div{top:-3px;width:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);}

.work-photos{box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5); line-height: 50px;}
.work-photos-upload{width: 38px;}
.work-photos-upload img{margin-top: 13px;}
.work-photos-uploading{box-shadow: 0 0 5px rgba(0,0,0,0.7);}
.work-photos-uploading>div{margin-left: calc(15% - 1px); top: calc(50% - 11px); border:1px solid #ff9900;}
.work-photos-photo{background-size: contain; background-position: center; background-repeat: no-repeat;}
.work-photos-buttons{top: -35px; left: calc(100% - 50px); width: 25px;}
.work-photos-buttons>button{min-height: 25px !important; line-height: 25px !important; width: 25px; left: 17px; margin: 3px 0 0 0;}

.week-day{padding: 10px 5px; margin: 20px 10px 0 10px;}
.week-works{margin: 20px 10px 0 10px; box-shadow: 0 1px 8px 0 rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.12);}
.week-works-day{border-radius: 5px 5px 0 0;}
.week-works-times{width: calc(50% - 11px);}
.week-works-buttons{margin:0 10px 0 10px;}
.week-works-buttons-delete{line-height: 36px; height: 32px;}
.week-works-buttons-delete>span{margin-top: -6px;}
.week-works-buttons-modify{height: 32px !important; min-height: 32px !important; line-height: 36px; text-transform: none;}
.week-abstract{margin: 30px 10px 10px 10px; -webkit-overflow-scrolling: touch;}
.week-abstract>div{width: calc(134.23% + 24px);}
.week-abstract-block{margin-right: 2%; padding: 0 3px; width: calc(23.5% - 6px);}
.week-toolate{z-index: 500; top: 50%; height: auto; margin-top: -50px; left: calc(10% - 10px); box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5); padding: 15px 10px 15px 10px;}
.week-empty-logo{width:60px;}
.week-empty-title{width: calc(100% - 70px); height: 54px; line-height: 27px;}
.week-empty-detail{box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.5);}
.week-empty-detail-img{width: 107px;}
.week-empty-detail-txt{width: calc(100% - 117px);}

.day-list-button-add-big{width: 56px !important; height: 56px !important; margin-right: 0 !important; margin-bottom: 0 !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.day-list-button-add-small{width: 26px !important; height: 26px !important; margin-right: 15px !important; margin-bottom: 15px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.day-list-button-add-big i{font-size: 40px !important; margin-top: 8px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.day-list-button-add-small i{font-size: 20px !important; margin-top: 3px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.work-list-date{line-height: 24px;}
.work-list-datefirst{top: calc(90px + var(--wad-safe-area-top)); opacity: 1; position: fixed; left: 150%; right: 0;}
.work-list-abstract{height: 36px; padding: 0 0 0 6px !important;}
.work-list-abstract-block{width: 26px; height: 26px; border-radius: 4px; line-height: 26px;}
.work-list-abstract-title{width: calc(100% - 42px); height: 36px; line-height: 37px;}
.work-list-content-title{width: calc(100% - 40px);}
.work-list-content-fav{width: 30px;}
.work-list-content-fav>div{width: 30px;}
.work-list-content-fav-pets{transform: rotate(15deg);}
.work-list-content-time-arrow{margin: -3px -4px 0 -4px;}
.work-list-content-time-break{width: 16px;}
.work-list-content-time-duration{padding: 3px 5px; width: fit-content; border-radius: 3px;}
.work-list-content-users{margin-bottom: -10px;}
.work-list-content-users>div{display: inline-block; width: 16.6%; margin-bottom: 10px;}
.work-list-content-users>div>div{margin: auto; width:46px; height: 46px; border-radius: 23px;  background-size: cover;}
.work-list-content-action{padding: 12px 7px 12px 7px;}
.work-list-content-subactions{padding: 5px 7px; min-height: 30px;}
.work-list-content-subaction-quantity{height: auto;}
.work-list-content-subaction-name{width: 50px; }
.work-list-content-memo{padding: 12px 0 12px 7px;}
.work-list-content-memo>span{display: inline-block; width: 60px; height: 18px; line-height: 18px; vertical-align: text-top;}
.work-list-content-job{height: auto;}
.work-list-content-job-action{display: inline-block; width: 30px; height: 30px;}
.work-list-nojob-img{width: 60px;}
.work-list-nojob-txt{width: calc(100% - 70px); height: 54px; line-height: 27px;}
.work-list-photos{width: calc(100% - 0px); height: calc(100% - 0px); box-shadow: 0 0 0px 0px rgba(0,0,0,0.5); display: flex; flex-direction: column;}
.work-list-photos-files{height: 26px;}
.work-list-photos-files-crop{width: 20px; height: 26px; margin: 0 10px 0 20px;}
.work-list-photos-files-crop>span{margin-top: 2px; font-size: 22px;}
.work-list-photos-files-progress{width: calc(100% - 70px); height: 26px; margin: 0 20px 0 0;}
.work-list-photos-files-progress>div{width: calc(100% - 12px); height: 14px; border-radius: 8px;}
.work-list-photos-files-progress>div>div{border-radius: 7px;}
.work-list-photos-list{flex-grow: 1; -webkit-overflow-scrolling: touch;}
.work-list-photos-list-camera{margin-bottom: -5px;}
.work-list-photos-list-photo{background-size: contain; background-position: center; background-repeat: no-repeat;}
.work-list-photos-list-delete{top: -35px; left: calc(100% - 35px); width: 25px;}
.work-list-photos-list-delete>button{height: 25px !important; min-height: 25px !important; line-height: 25px !important; width: 25px;}
.work-list-photos-list-text{top: -35px; left: calc(100% - 50px); width: 25px;}
.work-list-photos-list-text>button{height: 25px !important; min-height: 25px !important; line-height: 25px !important; width: 25px; left:-20px;}
.work-list-photos-list-desc{width: calc(100% - 20px); line-height: 18px; -webkit-font-smoothing: antialiased;}
.work-list-photos-list-textarea{margin: 20px 0 0 0 !important;width:calc(100% - 20px);}
.work-list-photos-list-textarea>work-list-photos-list-textarea{line-height: 18px; -webkit-font-smoothing: antialiased;}
.work-list-photos-list-textarea-button>div{width: 48%;}
.work-list-photos-list-textarea-button span{text-decoration: underline;}
.work-list-photos-list-textarea-button button{margin: -3px 0 0 0 !important; height: 32px !important; min-height: 32px !important; line-height: 36px; text-transform: none;}

.work-list-button-add-big{width: 56px !important; height: 56px !important; margin-right: 0 !important; margin-bottom: 0 !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.work-list-button-add-small{width: 26px !important; height: 26px !important; margin-right: 15px !important; margin-bottom: 15px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.work-list-button-add-big i{font-size: 40px !important; margin-top: 8px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.work-list-button-add-small i{font-size: 20px !important; margin-top: 3px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.work-list-button-photo-add-big{width: 56px !important; height: 56px !important; margin-right: 0 !important; margin-bottom: 0 !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.work-list-button-photo-add-small{width: 26px !important; height: 26px !important; margin-right: 15px !important; margin-bottom: 15px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.work-list-button-photo-add-big i{font-size: 40px !important; margin-top: 8px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.work-list-button-photo-add-small i{font-size: 20px !important; margin-top: 3px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.work-pow-menu{overflow-x: auto; overflow-y: hidden; background-image: linear-gradient(to top, rgba(250,250,250,0), rgba(250,250,250,1) 70%);}/* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);*/
.work-pow-menu::-webkit-scrollbar{display: none;}
.work-pow-menu{-ms-overflow-style: none; scrollbar-width: none;}
.work-pow-buttons{border: 1px solid #dbdfe0;}
.work-pow-button-search{top: -36px;}
.work-pow-input-search{width: calc(100% - 35px);}
.work-pow-plan-txt{width: calc(100% - 85px);}
.work-pow-plan-txt i{-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.work-pow-plan-close{width: 30px; font-family: arial;}
.work-pow-plan-container{min-height: 50px;}
.work-pow-plan-upgr{right: 1px;}
.work-pow-plan-today{line-height: 48px; padding: 30px 0px 5px 5px;}
.work-pow-plan-date{height: 31px; line-height: 48px; padding: 25px 0px 10px 5px;}
.work-pow-plan-diff{line-height: 48px !important; height: 48px;}
.work-pow-plan-diff>div{padding: 0px 3px 0px 3px; margin-top: 14px; letter-spacing: 1px; line-height: 22px;}
.work-pow-plan-upgr2{right: 1px; top: -47px;}
.work-pow-plan-upgr2>i{transform: rotate(180deg);}
.work-pow-plan-divi{height: 16px;}
.work-pow-sche{margin-left: -1px; margin-top: -4px;}
.work-pow-foot{bottom:-1px !important; height: fit-content !important; min-height: 48px; padding: 3px 8px !important;}
.work-pow-resizer{background: rgba(0,0,0,0.8);}
.work-pow-resizer-pic{top: calc(50% - 200px); left: calc(50% - 151px); width: 300px; height: 300px; border: 1px solid #ffffff; -webkit-overflow-scrolling: touch;}
.work-pow-resizer-load{top: calc(50% - 61px); left: calc(50% - 101px); width: 200px; border: 1px solid #ff9900;}
.work-pow-resizer-card{top: calc(50% - 200px); left: calc(50% - 151px); width: 300px; height: 300px; border: 1px solid #ffffff;}
.work-pow-resizer-slid{top: calc(50% + 120px); left: calc(50% - 151px); width: 302px;}
.work-pow-resizer-check{top: calc(50% + 200px); left: calc(50% - 151px); width: 302px;}
.work-pow-popup-head{border-radius: 5px 5px 0 0;}
.work-pow-popup-head-title{width: calc(100% - 60px);}
.work-pow-popup-head-arrow{transform: rotate(270deg);}
.work-pow-popup-body{height: calc(100% - 50px); -webkit-overflow-scrolling: touch;}
.work-pow-popup-body-detail{width: calc(100% - 20px); margin: 15px 0 0 10px;}
.work-pow-popup-body-detail-a a{color: #888888; text-decoration: none; background-color: #e5e5e5; padding: 2px 4px; border-radius: 3px;}
.work-pow-popup-body-detail-alarm{width: 40px;}
.work-pow-popup-body-detail-street{width: calc(98% - 40px);}
.work-pow-popup-body-detail-cam{line-height: 32px;}
.work-pow-popup-body-detail-plan{padding: 10px 10px 5px 10px;}
.work-pow-popup-body-detail-plan-img{margin-bottom: -2px;}
.work-pow-popup-body-detail-plan-name{padding: 10px 10px 10px 0;}
.work-pow-popup-body-detail-planned{margin-bottom: 7px;}
.work-pow-popup-body-detail-planned-status{display: inline-block; width: 60px; height: 18px; line-height: 18px; vertical-align: text-top;}
.work-pow-popup-body-detail-planned-photo{overflow-y: hidden; overflow-x: auto;}
.work-pow-popup-body-detail-planned-photos{width: 80px;}
.work-pow-popup-body-detail-planned-photos>div{width: 80px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.work-pow-popup-body-detail-action-name{margin: 15px 0 10px 0;}
.work-pow-popup-body-detail-action-name>img{width: 40px; margin-bottom: -7px;}
.work-pow-popup-body-detail-subaction-name{height: 28px;}
.work-pow-popup-body-detail-subaction-icon{width: 16px !important;}
.work-pow-popup-body-detail-action-divi{margin: 15px 0 10px 0;}
.work-pow-popup-body-detail-team{margin: 20px 0 10px 0;}
.work-pow-popup-body-detail-team-img{width: 50px; height: 50px; border-radius: 50%;}
.work-pow-popup-body-detail-end{width: 100px; margin: auto;}
.work-pow-popup-body-tabs{border-top:5px solid #cccccc;}
.work-pow-popup-body-tabs-cont{background: transparent; margin-top: 7px;}
.work-pow-popup-body-todo-loop{margin-bottom: 7px;}
.work-pow-popup-body-todo-loop-date{margin: 20px 0 5px 7px;}
.work-pow-popup-body-todo-loop-photo{display: block; width: calc(100% - 10px); padding: 12px 0 12px 7px;}
.work-pow-popup-body-todo-loop-todo{display: table-cell;padding-top: 2px;}
.work-pow-popup-body-todo-loop-status{display: inline-block; width: 60px; height: 18px; line-height: 18px; vertical-align: text-top;}
.work-pow-popup-body-todo-loop-icon{display: table-cell; width: 20px; vertical-align: middle;}
.work-pow-popup-body-todo-loop-plan{margin: 20px 7px 5px 7px;}
.work-pow-popup-body-visit-img{border-radius: 50%;}
.work-pow-popup-body-visit-img>div{bottom: 3px; width: inherit;}
.work-pow-popup-body-visit-icon1{width: 20px; top: -35px;}
.work-pow-popup-body-visit-icon2{width: 20px; vertical-align: middle;}
.work-pow-popup-body-stat-bloc{width: calc(25% - 4px); height: 48px; margin: 0 2px 0 2px; padding: 5px 0 0 0;}
.work-pow-popup-body-stat-det{height: 24px; line-height: 24px;}
.work-pow-popup-body-stat-divi{height: 34px;}
.work-pow-popup-body-stat-prog{width: 15px; padding: 2px 0 2px 5px;}
.work-pow-popup-body-stat-prog>div{margin-top: 2px; width: 10px; height: 10px; border: 1px solid #54667a; border-radius: 50%;}
.work-pow-popup-body-stat-name{padding: 2px 0;}
.work-pow-popup-body-stat-perc{width: 40px; padding: 2px 0;}
.work-pow-popup-body-stat-aver{width: 90px; padding: 2px 5px 2px 0;}
.work-pow-popup-body-stat-line{border-bottom: 1px solid #d3d7e2;}
.work-pow-popup-body-stat-user{border-radius: 50%;}
.work-pow-popup-body-stat-user>div{bottom: 3px; width: inherit;}
.work-pow-popup-body-event-input{width: calc(50% - 6px);}
.work-pow-popup-body-event-loop{box-shadow: 0 2px 5px 0px rgba(0,0,0,0.5);}
.work-pow-popup-body-event-pow{border-bottom: 1px solid #cccccc;}
.work-pow-popup-body-event-pow-img{width: 20px;}
.work-pow-popup-body-event-pow-img>img{width: 20px; height: 20px;}
.work-pow-popup-body-event-pow-name{width: calc(100% - 40px); line-height: 22px;}
.work-pow-popup-body-event-pow-tag{display: inline-block; border-radius: 3px; padding: 2px 4px;}
.work-pow-popup-body-event-pow-user{width:30px;height:30px;}
.work-pow-popup-research-icon{left: calc(100% - 40px); top: -40px;}
.work-pow-popup-visit-title{display: inline-flex; width: calc(100% - 70px);}
.work-pow-popup-visit-bloc{flex-grow: 1;}
.work-pow-popup-visit-bloc-name{width: calc(100% - 40px);}
.work-pow-popup-visit-bloc-icon{width: 30px;}
.work-pow-popup-visit-bloc-arrow{margin: -3px -4px 0 -4px;}
.work-pow-popup-visit-bloc-break{width: 16px;}
.work-pow-popup-visit-bloc-duration{padding: 3px 5px; width: fit-content; border-radius: 3px;}
.work-pow-popup-visit-bloc-user{margin-bottom: -10px;}
.work-pow-popup-visit-bloc-user>div{display: inline-block; width: 16.6%;}
.work-pow-popup-visit-bloc-user>div>div{margin: auto; width: 46px; height: 46px; border-radius: 23px; background-size: cover;}
.work-pow-popup-visit-bloc-status{display: inline-block; width: 60px; height: 18px; line-height: 18px; vertical-align: text-top;}
.work-pow-popup-visit-bloc-photo{background-size: contain; background-position: center; background-repeat: no-repeat;}
.work-pow-popup-visit-bloc-photo-desc{width: calc(100% - 20px); line-height: 18px; -webkit-font-smoothing: antialiased;}
.work-pow-popup-todo{width: calc(100% - 0px); height: calc(100% - 0px); box-shadow: 0 0 0px 0px rgba(0,0,0,0.5);}
.work-pow-popup-todo-head{background: rgb(0, 150, 136); box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5); padding-top: var(--wad-safe-area-top);}
.work-pow-popup-todo-head-back{width: 15%; line-height: 48px;}
.work-pow-popup-todo-head-back>button{margin-left: 7px;}
.work-pow-popup-todo-bloc{height: calc(100% - 50px - var(--wad-safe-area-top)); -webkit-overflow-scrolling: touch;}
.work-pow-popup-todo-bloc-photo{background-size: contain; background-position: center; background-repeat: no-repeat;}

.work-time-coffee{margin-top: -6px;}
.work-time-user{bottom: 3px; width: inherit;}
.work-time-plan{border-top: 3px solid #cccccc; margin-top: 6px;}

.work-popup-save-status{display: inline-block; height: 18px; line-height: 18px; vertical-align: text-top;}
.work-popup-save-date{padding: 2px 5px; margin: 10px 0 0 5px;}
.work-popup-save-duration{padding: 5px 10px; margin: -12px 0 0 5px;}
.work-popup-save-full{line-height: 24px;}
.work-popup-save-coffee{width:16px;}

.headPositionMax{left: 50%;margin-left:-250px;width:500px;}
.headPositionIni{left: 0; width:100%;}

.head{z-index: 50; background-color: #3b2f31; height: 50px; position: fixed; box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5);}
.head-hide{top: -60px; top: calc(-60px - var(--wad-safe-area-top)); transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.head-show{top: 0; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.head-shadow{box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5);}
.material-icons-launch{color: #bbbbbb;}
.material-icons-menu{font-size: 25px;}

.footPositionMax{left: 50%;margin-left:-250px;width:500px;}
.footPositionIni{left: 0;width:100%;}

.foot{z-index: 50; background-color: #3b2f31; position: fixed; box-shadow: 0 -2px 5px 1px rgba(0, 0, 0, 0.3);}
.foot-hide{bottom: -80px; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.foot-show{bottom: 0; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.material-icons-backspace{font-size: 15px; font-weight: bold;}
.foot-title{white-space: nowrap; overflow: hidden; height: 40px; line-height: 40px;}
.material-icons-done{font-size: 15px; font-weight: bold;}
.material-icons-save{font-size: 20px;}

.titlePositionMax{left: 50%;margin-left:-250px;width:500px;}
.titlePositionIni{left: 0;width:100%;}

.title-hide{top: -50px; top: calc(-50px - var(--wad-safe-area-top)); transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.title-show{top: 50px; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.blocTitle{position: fixed; z-index: 40; height: 40px; background-color: #999999; box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.5); box-sizing: content-box; padding-top: var(--wad-safe-area-top);}
.textTitle{white-space: nowrap; overflow: hidden; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; padding-left: 10px; margin-right: 10px;}
.material-icons-list{font-size: 20px; margin-left: -1px;}

.searchPositionMax{left: 50%;margin-left:-250px;width:500px;}
.searchPositionIni{left: 0;width:100%;}
.search-hide{top: -50px; top: calc(-50px - var(--wad-safe-area-top)); transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.search-show{top: 50px; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.blocSearch{position: fixed; z-index: 40; height: 40px; background-color: #ffffff; box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.5); padding-top: var(--wad-safe-area-top);}

.mainTitle{height: 50px; line-height: 50px; font-size: 30px; font-weight: bold;}
.pageLogo{height: 50px;}

.viewPositionMax{margin:auto;width:500px;}
.viewPositionIni{width:100%;}

.view{padding-top: 0; padding-bottom: 0;}
.viewHead90{padding-top: 90px; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.viewHead50{padding-top: 50px; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.viewHead0{padding-top: 0; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.viewFoot40{padding-bottom: 40px; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.viewFoot60{padding-bottom: 60px; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.viewFoot0{padding-bottom: 0; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.todos-popup p{padding: 10px !important;}

.mdp{margin-bottom: 0 !important;}

.user-md-card{width:90%;}
.user-md-card-text{padding-top: 15px;}

.action-image{width: 100%; height: 100%; background-color: #ffffff;}
.action-image-img{width: 100%;}

.note-content{height: 100%;}
.note-container{height: calc( 100% - 52px );}
.note-textarea{max-height: 100%;}

.pow-image{width: 100%; height: 100%; background-color: #ffffff;overflow: hidden;}
.pow-image-check{position: relative; z-index: 10; width: 100%;}
.pow-image-div{position: relative; z-index: 15; width: 100%;}
.pow-image-check{position: absolute; top: 0; left: 0; background-color: rgba(84, 102, 122, 0.75);}
.pow-image-button{position: absolute; top: 0; right: 0; font-size: 20px; font-weight: bold; text-transform: lowercase; font-family: 'Times New Roman', Times, serif;}
.pow-image-img{width: 100%;}
.pow-city{font-size: 12px; font-weight: bold;}
.pow-name{font-size: 10px;}
figcaption{padding: 0 !important;}
.actionsLoop figcaption{width: 100%;}
.pow-started-div{position: relative; z-index: 20; left: -38px;}

.powResizerContainerOut{left:100%;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.powResizerContainerIn{left:0;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.powPopupContainer{position:fixed;z-index:70;left:5px;width:calc(100% - 10px);height:calc(100% - 80px);background:rgba(255,255,255,1);color:#666666;box-shadow:0 2px 10px 2px rgba(0,0,0,0.5);border-radius: 5px 5px 0 0;}
.powPopupContainerOut{top:120%;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.powPopupContainerIn{top:80px;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.powResearchContainer{position:fixed;z-index:40;left:5px;width:calc(100% - 10px);height:50px;box-shadow:0 2px 10px 2px rgba(0,0,0,0.5);border-radius:5px;}
.powResearchContainerOut{top:-60px;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.powResearchContainerIn{top:60px;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.powResearchContainer input{width:calc(100% - 20px);border:0;height:30px;padding:10px;border-radius:5px;background:rgba(255,255,255,1);outline:none;}

.custom-slider.rzslider .rz-bar {background: #ffffff; height: 2px;}
.custom-slider.rzslider .rz-selection {background: orange;}
.custom-slider.rzslider .rz-pointer {width: 16px; height: 16px; top: -8px; bottom: 0; background-color: #000000; border:1px solid #ffffff; border-radius: 8px; outline: none;}
.custom-slider.rzslider .rz-pointer:after {display: none;}
.custom-slider.rzslider .rz-bubble {bottom: 14px; color:#ffffff;}
.custom-slider.rzslider .rz-limit {font-weight: normal; color: #bbbbbb;}
.custom-slider.rzslider .rz-tick {width: 1px; height: 10px; margin-left: 4px; border-radius: 0; background: #ffffff; top: -1px;}

#photossearch:focus{outline: none;}

.save-popup{min-width: 95% !important; max-width: 95% !important; max-height: 95% !important; z-index: 2000 !important;}
.save-title{text-align: center; font-weight: bold;}
.save-action-title{font-style: italic; color: #009688; padding: 0 !important;}
.save-action-text{text-align: left;}
.save-subaction{text-align: left; font-style: italic;}
.save-todo-title{font-style: italic; color: #009688; padding: 0 !important;}
.save-todo-text{text-align: left;}
.save-date-title{font-style: italic; color: #009688; padding: 0 !important;}
.save-date-text{text-align: left;}
.save-team-title{font-style: italic; color: #009688; padding: 0 !important;}
.save-team-text{width: 90%; height: 90%; background-size: cover;}
.save-note-title{font-style: italic; color: #009688; padding: 0 !important;}
.save-note-text{text-align: left;}

.work-time-text{font-size: 50px; color: #ffffff; font-weight: bolder; font-family: arial, Helvetica, sans-serif;}
.work-time-image{width: 90%; height: 90%; background-size: cover;}
.work-break-text{background-color: #929292; font-size: 50px; color: #ffffff; font-weight: bolder; font-family: arial, Helvetica, sans-serif;}

.green-text{font-style: italic; color: #009688;}

.subaction-name{width: 100%; padding: 10px; text-align: left; font-size: 12px;}

.todos-popup{min-width: 90% !important; max-width: 95% !important; max-height: 80% !important; z-index: 2000 !important;}

.works-md-card-text{}

.jobs{width: 100%;}
.job-first{margin: 10px; padding: 5px; background: #ffffff; color: #54667a; font-size: 20px; font-family: Rubik-Medium;}
.job{margin: 10px; padding: 10px;}
.job-md-card-title{padding: 10px !important;}
.job-ul{padding: 0 0 0 20px;}
.job-divider{margin: 10px 0 10px 0;}

.job-photos-out{left:120%; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.job-photos-in{left:0; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.photos-list{padding: 0;}

.search-select{width: 50%; height: 40px; display: inline-block;}
.search-select md-select{height: 40px !important; background-color: #ffffff !important; margin: 0 !important; padding-left: 10px !important;}
.search-date{width: 34%; height: 40px; display: inline-block;}
.search-order{width: 13%; height: 40px; display: inline-block;float: right; margin-right: -2px}

.md-datepicker-input-container{opacity: 0 !important;}

.badging-badge{text-align: center;}

.userPicContainerOut{left:100%;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.userPicContainerIn{left:0;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.noPictureAlertOut{left:100%;}
.noPictureAlertIn{left:0;}

.workerAlertOut{left:100%;}
.workerAlertIn{left:0;}

.noEmailAlertOut{left:100%;}
.noEmailAlertIn{left:0;}

.inputdemoErrors .inputErrorsApp {min-height: 48px;}

.inputdemoErrors md-input-container > p {font-size: 0.8em; text-align: left; width: 100%;}

@media (min-width: 644px) {
    .subscribe-step-2{width:620px;}
    .subscribe-step-3{width:644px;}
}
@media (max-width: 643px) {
    .subscribe-step-2{width:310px;}
    .subscribe-step-3{width:334px;}
}

.work-action-time-button{display: inline-block; width: calc((100% - 44px) / 10); height: 30px; line-height: 30px; text-align: center; background-color: #686868; color: #ffffff; font-family: Rubik-Light, sans-serif; font-size: 12px; margin-right: 3px; outline: none; cursor: pointer;}
.work-action-time-open{height: auto;}
.work-action-time-close{height: 0px;}

.visitPopupDetail{top: 0; position: fixed; z-index: 80; width: 100%; height: 100%; background: rgba(255,255,255,1); color: #666666; display: flex; flex-direction: column;}
.visitPopupDetailOpen{left: 0; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.visitPopupDetailClose{left: 100%; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.addTodoPopup{left: 0; position: fixed; z-index: 1550; width: 100%; height: 100%; background: rgba(255,255,255,1); color: #666666;}
.addTodoPopupOpen{top: 0; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.addTodoPopupClose{top: 100%; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.unzoomed{width:100%; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.zoomed{width:1080px; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.unzoomed{width:0;height:0;top:50%;left:50%;transition:all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.zoomed{width:100%;height:100%;top:0;left:0;transition:all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
#zoomcontainer{position:fixed;z-index:2000;padding:0px;background-color:#000000;overflow:auto;background-repeat: no-repeat;background-position: center;}
#zoompicture{position:absolute;top:0;left:0;z-index:100;transform-origin:50% 50%;width:100%;max-height:100%;}

md-calendar div{width: fit-content; margin: auto;}

.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator{background: #ff9900 !important;}
.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator{border: 1px solid #ff9900 !important;}

.cal1{left:0 !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal2{left:-100% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal3{left:-200% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal4{left:-300% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal5{left:-400% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal6{left:-500% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal7{left:-600% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal8{left:-700% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal9{left:-800% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal10{left:-900% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal11{left:-1000% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.cal12{left:-1100% !important;transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.fund-container-opened{left: 0; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); box-sizing: border-box; padding-top: var(--wad-safe-area-top);}
.fund-container-closed{left: 100%; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); box-sizing: border-box; padding-top: var(--wad-safe-area-top);}

.insta-container-opened{left: 0; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.insta-container-closed{left: 100%; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.insta-form-opened{left: 0; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.insta-form-closed{left: 100%; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.insta-view-opened{top: 0; left: 0; width: 100%; height: 100%; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.insta-view-closed{top: 50%; left: 50%; width: 0; height: 0; transition:all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.job-button{border: 2px solid #ffffff; margin-top: -15px; width: 46px; height: 46px; line-height: 44px; font-size: 17px !important; font-family: Rubik-Light;}
.job-button-left{font-size: 16px; width: 14px; position: absolute; top: 14px; left: -2px;}
.job-button-right{font-size: 16px; width: 14px; position: absolute; top: 14px; right: -1px;}

.todo-actions-out{left: 120%; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.todo-actions-in{left: 0; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.todo-actions-sub{left: -100%; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.todo-tags-out{left: 120%; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.todo-tags-in{left: 0; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.popup-beforejob-position-opened{top: 50%; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); transform: translate(-50%, -50%);}
.popup-beforejob-position-closed{top: -50%; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); transform: translate(-50%, -50%);}
.popup-beforejob-image{margin: auto; width: 150px; height: 150px; background-size: cover; top: -75px; left: 50%; transform: translateX(-50%); position: absolute; border-radius: 50%;}

.popup-actions-position{}
.popup-actions-position-opened{bottom: 0; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.popup-actions-position-closed{bottom: -100%; transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.popup-actions-close{position: relative; z-index: 80; width: 100%; height: 0;}
.popup-actions-close>div{position: absolute; top: 40px; right: 10px; width: 20px; height: 20px; padding: 10px; outline: none; cursor: pointer;}
.popup-actions-track{position: relative; z-index: 60; height: 30px; text-align: center; outline: none; cursor: pointer;}
.popup-actions-track>div{display: inline-block; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background-color: #ffffff;}
.popup-actions-header{position: relative; z-index: 50; background-color: #ffffff; height: 75px; line-height: 120px; border-radius: 20px 20px 0 0; background-repeat: no-repeat; background-position: top center; box-shadow: 0 1px 5px 0 rgb(0 0 0 / 30%); padding-left: 30px; font-size: 12px;}
.popup-actions-header-bear{background-image: url(/resources/images/popup_actions_bear.jpg);}
.popup-actions-header-flower{background-image: url(/resources/images/popup_actions_flower.jpg);}
.popup-actions-body{position: relative; z-index: 40; background-color: #ffffff; height: fit-content;}
.popup-actions-body-nothing{padding-left: 30px; width: 100%; height: 70px; line-height: 72px; font-size: 16px; color: #666666; font-weight: 600; font-family: 'Rubik-Light';}
.popup-actions-body-button{height: 70px; line-height: 70px; padding-left: 30px; font-size: 14px;}
.popup-actions-body-button-free{padding-left: 30px; font-size: 14px;}
.popup-actions-body-button-icon{float: left; width: 30px; height: 30px; line-height: 0; margin-top: 20px; background-color: #AAAAAA; color: #ffffff; border-radius: 50%; font-size: 16px; margin-right: 10px; text-align: center;}
.popup-actions-body-button-text{float: left; width: calc(100% - 90px); height: 70px; line-height: 72px; color: #666666;}
.popup-actions-body-button-arrow{float: left; width: 50px; height: 70px; color: #AAAAAA; line-height: 72px; text-align: center;}
.popup-actions-body-button-arrow>i{ line-height: 72px;}
.popup-actions-body-divider{height: 1px !important; width: 100%; margin: auto; background-color: #E6EAEB;}
.popup-actions-footer{position: relative; z-index: 30; height: 50px; background-color: #ffffff;}
.popup-actions-body-subbutton{line-height: 70px; padding-left: 30px; font-size: 14px; background-color: #dddddd; box-shadow: inset 0 4px 6px 0 rgba(0, 0, 0, 0.5);}
.popup-actions-body-subbutton-opened{height: 70px; transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.popup-actions-body-subbutton-closed{height: 0; transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.button-popup-shadow{box-shadow: 0 2px 10px 2px rgb(0 0 0 / 50%) !important;}
.button-popup{bottom: 84px; right: 22px;}

.anim-block{display: inline-block;}
.anim-none{display: none;}
.anim-visible{opacity: 1; transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.anim-hidden{opacity: 0; transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.popup-block{display: inline-block;}
.popup-none{display: none;}
.popup-visible{opacity: 1; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.popup-hidden{opacity: 0; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.button-orange-big{width: 56px !important; height: 56px !important; border: 2px solid #ffffff;}
.button-orange-big i{margin-top: 8px !important;}
.button-orange-small{width: 36px !important; height: 36px !important; border: 2px solid #ffffff;}
.button-orange-small i{margin-top: 6px !important;}

.powjob-button-plus{padding: 0 !important; bottom: 70px; right: 27px;}

.powjob-overlay{position: fixed; z-index: 1300; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); background-image: url(/resources/images/deco-plant.png); background-size: 50%; background-repeat: no-repeat; background-position: left 25%;}

.powjob-button-small{width: 36px; height: 36px; line-height: 34px; border: 2px solid #999999;}

.badging-action-container{margin-top: -260px; margin-left: -125px;}
.badging-saveday-badge{width: 126px; height: 126px; border: 5px solid #ffffff;}
.badging-saveday-badge img{width: 128px; height: 128px; margin-left: -1px; margin-top: -1px;}
.badging-saveday-points{background-color: #ffffff; margin-top: -35px; padding-top: 30px;}

.button-popup-border{border: 2px solid #ffffff;}

particle{position: fixed; top: 0; left: 0; opacity: 0; pointer-events: none; background-repeat: no-repeat; background-size: contain; z-index: 1500;}

.main-overlay{position: fixed; z-index: 1300; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); background-image: url(/resources/images/deco-plant.png); background-size: 50%; background-repeat: no-repeat; background-position: left 25%;}

.showCard{transform: rotateZ(3600deg); opacity: 1 !important; transition: all 1s;transform-style: preserve-3d;}
.hideCard{transform: rotateZ(3600deg); opacity: 0; transition: all 1s;transform-style: preserve-3d;}

.pow-research-close{width: 65px !important; transition: all 0.3s;}
.pow-research-open{width: 250px !important; transition: all 0.3s;}

.todo-research-close{width: 65px !important; transition: all 0.3s;}
.todo-research-open{width: 250px !important; transition: all 0.3s;}

#todoTabs md-tabs-wrapper{position: fixed !important; width: 100% !important; z-index: 40 !important; background-color: #FAFAFA; padding-top: 5px; height: 46px !important; border-bottom: 2px solid #E8E8E8; overflow: initial;}
#todoTabs.md-dynamic-height md-tabs-content-wrapper{margin-top: 110px !important; z-index: 30 !important;}
#todoTabs md-tabs-canvas{height: 46px !important; border-bottom: 2px solid #E8E8E8; overflow: inherit;}
.pp_search{width: calc(100% - 100px);}

.todo-list-userpic-light{position: absolute !important; right: 20px !important;}

#stats md-tabs-content-wrapper{height: calc(100% - 48px);}
#stats md-tab-content, #stats md-tab-content>div{height: 100%;}
#stats md-tab-content>div>md-content{height: 100%; overflow: unset;}
.stats-div{}

#circular_saving{width: 100% !important; height: 16px !important; margin-top: -12px !important;}
#circular_saving>svg{width: 16px !important; height: 16px !important; transform-origin: 8px 8px 8px !important; position: initial !important;}
#circular_saving>svg>path{stroke: #ffffff !important;}

.todo-list-button-photo-add-big{width: 56px !important; height: 56px !important; margin-right: 0 !important; margin-bottom: 0 !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.todo-list-button-photo-add-small{width: 26px !important; height: 26px !important; margin-right: 15px !important; margin-bottom: 15px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.todo-list-button-photo-add-big i{font-size: 40px !important; margin-top: 8px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.todo-list-button-photo-add-small i{font-size: 20px !important; margin-top: 3px !important; transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.work-planned-border{border-bottom: 5px solid #ff9900;}
.work-planned-noneofthem{width: calc(100% - 30px);}

.safe-area-top{padding-top: var(--wad-safe-area-top) !important;}
.flex-basis-0{flex-basis: 0 !important;}

.gm-style-iw-d h1{margin: 10px 0 !important;}
.gm-style-iw-d{overflow: hidden !important; height: fit-content !important; padding: 0 10px 10px 0; max-height: none !important;}
.gm-style-iw.gm-style-iw-c{overflow: hidden !important; height: fit-content !important; max-height: none !important;}
.gm-style-iw.gm-style-iw-c > button{right: 6px !important; top: -6px !important;}
.gm-style-iw.gm-style-iw-c > button > span{width: 24px !important; height: 24px !important;}

.square-box{position: relative; overflow: hidden;}
.square-box:before{content: ""; display: block; padding-top: 100%;}
.square-content{position: absolute; top: 0; left: 0; bottom: 0; right: 0;}