.desktop ::-webkit-scrollbar{width:8px;border-radius:10px}.desktop ::-webkit-scrollbar-track{background-color:transparent}.desktop ::-webkit-scrollbar-track-piece{background-color:transparent}.desktop ::-webkit-scrollbar-thumb{height:50px;background:rgba(194,194,194,1);border-radius:10px}body{direction:rtl;font-family:IRANSans;margin:0;background:#F9F9F9;overflow:hidden}ul{list-style:none;padding:0}#header,.date-bar{height:72px;width:100%;background:#fff;top:0;position:fixed;background:#fff;z-index:2}.date-bar{position:fixed;top:72px;height:50px}#header,.date-bar,.section div.header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:stretch}#header .left,.date-bar .left,.section .header .left{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:auto;margin-right:10px}#header .center,.date-bar .center,.section .header .center{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;text-align:center}#header .right,.date-bar .right,.section .header .right{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;margin-left:10px}#bar{width:100%;height:17px;position:fixed;top:55px;z-index:2}#content{position:absolute;top:130px;bottom:60px;left:0;right:0;overflow:auto}#content.full{top:80px}#footer{position:fixed;height:60px;width:100%;background:#fff;bottom:0;padding:0;margin:0;z-index:10}#add{position:absolute;right:50%;margin-right:-30px;top:-30px;width:60px;cursor:pointer}#footer .left{text-align:center;padding-top:14px;height:100%;width:50%;float:left;margin:0}#footer .right{text-align:center;padding-top:14px;width:50%;height:100%;margin:0}#footer .select{position:absolute;width:50%;background:#00F4C5;height:5px;z-index:26;right:0;bottom:0}#footer .icon{position:relative;top:6px}#list{list-style:none;margin:0;padding:0 30px}#list .item{position:relative;padding:20px 0;cursor:pointer}#list .item .left,#list .item .right{display:inline-block}#list .item .right .face{position:absolute;top:7px;right:4px;width:62px}#list .item .left{margin-right:80px}#list .item .right{position:absolute;top:0;bottom:0}#content .date{font-size:90%;text-align:center;color:#c3c3c3}.item .left .title{font-size:120%;margin:0}.item .left .time{font-size:75%;margin-top:5px}.item .left .des{font-size:80%;text-align:justify;line-height:200%}.item .right .dots{position:absolute;right:42%;width:15px;top:75px;background-image:radial-gradient(circle at 2.5px,#000 1.25px,rgba(255,255,255,0) 2.5px),radial-gradient(circle,#000 1.25px,rgba(255,255,255,0) 2.5px),radial-gradient(circle at 2.5px,#000 1.25px,rgba(255,255,255,0) 2.5px),radial-gradient(circle,#000 1.25px,rgba(255,255,255,0) 2.5px);background-repeat:repeat-x,repeat-y;background-size:0 0px,15px 12px;bottom:5px}.item .right .bigdots{position:absolute;top:2px;right:2.72px;width:10px}.item .right .bottom.bigdots{bottom:0;top:auto}#menu,#new{position:fixed;z-index:99;top:0;left:0;right:0;display:none}#menu .section,#statics .section,#view .section{background:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);padding:30px;text-align:center;margin-bottom:10px}#statics .section{padding:10px}#menu .close,#new .close{position:absolute;right:30px;top:30px;cursor:pointer;z-index:2}#user-name{font-size:200%;padding:0;margin:0;text-transform:uppercase}#menu ul li.item{display:inline-block;cursor:pointer;margin:15px}#menu ul li.item a{text-decoration:none;color:inherit}#menu ul li.item p{padding:0;margin:0;font-size:75%}.blur{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}.modal{z-index:10;background:#F9F9F9;background:rgba(239,239,239,0.6);position:fixed;top:0;bottom:0;left:0;right:0}#new{bottom:0;background:#F9F9F9;padding:30px}#new .view{position:relative;width:100%;height:100%;overflow:hidden;background:inherit}#new .page{position:absolute;background:inherit;top:0;bottom:0;left:0;right:0;display:none}#new .page.o,#new .page.t,#new .page.sum-week{text-align:center;padding-top:110px}#new .page.t,#new .page.th,#new .page.edit-mood{padding-top:60px;color:#fff}#new .page .date{color:#A9A9A9}#new .page .date span{margin:10px 20px;border-bottom:1px solid #C6C6C6}#new .page.o ul li.item,#new .page.sum-week ul li.item{position:relative;display:inline-block;margin:0 10px}#new .page.o ul li .face,#new .page.sum-week ul li .face{position:absolute;width:62px;top:7px;right:4px}.hide-scroll{overflow:hidden!important}#new .bread-btn{width:80px;display:inline-block}#new .bread-btn .face{position:absolute;margin-top:12px;width:62px;margin-right:9px}#new .page .activitis li,.bread-btn.circle{position:relative;display:inline-block;width:50px;height:50px;background:#fff;border-radius:50px;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);margin:20px;font-size:75%;cursor:pointer;vertical-align:top}#new .page .activitis li:hover{-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,0.1);box-shadow:0 3px 4px 0 rgba(0,0,0,0.1)}#new .page .activitis li .icon{width:28px;margin-top:12px}#new .page .activitis li p{text-overflow:ellipsis;overflow:hidden;width:90px;white-space:nowrap;display:block;right:-18px;position:relative}#new .page.t .submit{-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);border-radius:50px;width:84px;height:84px;margin:0 auto;margin-top:50px}#new .bread-btn.circle{width:80px;height:80px;position:relative;top:-19px}.bread-btn.circle .icon{width:44px;position:relative;top:18px}.page.th .info{text-align:center}.th ::placeholder{color:#fff}.input{border:none;background:transparent;font-size:120%;color:#fff;font-family:inherit;border-bottom:1px solid #ccc;padding-bottom:7px;width:100%;margin:20px 0}input:focus{outline:none!important}#new .page.th .date{color:#fff;margin-bottom:60px}#new .page.th .date span{min-width:115px;display:inline-block}#new .page.th .bread{width:100%;margin:20px 0}.clockpicker-popover{direction:ltr}.input.clock{color:#A9A9A9;text-align:center;width:70px;display:inline-block}.input.clock#date{width:150px;margin-left:20px;direction:ltr}.th .input.clock#fromclock{margin-left:30px}.th .input.clock{color:#fff}.shadow{-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.1);box-shadow:0 0 2px 0 rgba(0,0,0,0.1)}.date-title{font-weight:200;cursor:default}.next-btn,.prev-btn{cursor:pointer;margin-top:8px}.tab{display:none}.tab-btn{cursor:pointer}.action-circle{width:70px;border-radius:50px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);height:70px;text-align:center;position:relative;margin:0 auto}.action-circle .icon{width:60%;margin-top:11px}.action-notif{position:absolute;border:3px solid #9F88FF;border-radius:50px;width:30px;height:30px;line-height:33px;color:#9F88FF;top:-30px;left:-20px}.action-total .action{width:120px;margin:20px 0;display:inline-block}.mdtimepicker{direction:ltr;font-family:IRANSans}.mdtp__wrapper{top:24px;bottom:auto}#new .page.t .content,#new .page.th .content{overflow:auto;position:absolute;top:150px;bottom:30px;right:20px;left:20px}.mdtp__clock .mdtp__pm{left:-8px;right:auto}.mdtp__clock .mdtp__am{right:-8px;left:auto}.edit-mood .activitis{text-align:center;top:120px}.delete{width:20px;height:20px;position:absolute;top:-12px;left:-12px;right:auto}#moodName{width:50%;margin-left:10px}.add-btn{width:60px;height:40px;background:#fff;border-radius:15px;border:none;font-family:IRANSans;color:#000;text-align:center;line-height:36px;display:inline-block}.all-moods{text-align:center;top:0;left:0;right:0;bottom:0;position:absolute;overflow:auto}#selectMoodIcon{position:relative;top:18px;width:30px;height:30px;margin-left:2px;background:#fff;padding:5px;border-radius:25px}#saveActions{margin:0 auto;display:block}.deactive{min-height:50px;background:rgba(0,0,0,0.3215686274509804)}.edit-mood{overflow:auto}#new .page.edit-mood{padding-top:10px}#new .page .activitis.deactive li{opacity:.3;margin-bottom:40px}.edit-mood .header{text-align:center}#new .page .activitis li.hide{display:none}#new .page.edit-mood .activitis li.hide{display:inline-block}.page.standalone .title{text-align:center}#userGrid{direction:ltr;font-family:'Courier New',Courier,monospace}#userGrid .jsgrid-cell{overflow:hidden}#menu-btn{cursor:pointer}p.toast-btn{padding:10px;margin:15px;border:1px solid #a8c7d0;cursor:pointer}.activity-days li.day{width:28px;height:28px;position:relative;display:inline-block;border-radius:50px;border:5px solid #F6F6F6;background:#FFF}.activity-days li.day.active{border:5px solid #AFE974;background:#E4FFC8}.activity-days li.day.active::after{content:" ";width:5px;position:absolute;top:13px;background:#AFE974;height:5px;right:-10px}.activity-days li.day:not(.active)::before{content:" ";width:5px;position:absolute;top:12px;background:#fff;height:8px;left:-10px;z-index:1}.activity-days li.day:not(.active)::after{content:" ";width:4px;position:absolute;top:12px;background:#fff;height:8px;right:-9px;z-index:1}.activity-days li.day:not(.active):first-child::after,.activity-days li.day.active:first-child::after{display:none;content:""}.activity-days li.day:not(.active):nth-last-child(2)::before{display:none;content:""}.activity-days li.total-days{display:inline-block;width:60px;background:#fff;border:5px solid #9F88FF;border-radius:50px;font-size:85%;height:25px;margin-top:15px}.activity-days li.day.today{color:#FD8E95}.activity-days li.day p{position:relative;display:block;margin:0;font-weight:200}.moods-total-chart{direction:ltr;position:relative;overflow:hidden}.mood-5{stroke:#86F986}.mood-4{stroke:#86F1F9}.mood-3{stroke:#FFD9C2}.mood-2{stroke:#FFE459}.mood-1{stroke:#F97A7A}.time-inactive{stroke:#e8e8e8}.moods-duration-total p.header span{position:relative;display:block;color:gray;font-size:70%;top:4px}#view{position:fixed;bottom:0;z-index:99;height:140px;left:0;right:0;top:auto;display:none}#view .section{padding:10px;margin-bottom:1px;cursor:pointer}#view .section.select{border:1px solid #85e2ff}.section div.header{display:none}img.circ{width:70px}.ct-label{fill:rgba(0,0,0,0.7)}.week-title{font-size:70%;display:block}.date-week{width:250px;font-family:IRANSans;font-size:100%;border:1px solid #ccc;background:#f9f9f9;display:block;margin:0 auto;margin-top:20px}#description{font-family:IRANSans;font-size:100%;border:1px solid #ccc;background:#f9f9f9;resize:none;display:block;margin:0 auto;margin-top:20px;margin-bottom:20px}#view-btn{cursor:pointer}#new .page.sum-week{overflow:auto;padding-top:50px}.all-moods .loading{width:200px;top:50%;position:absolute;left:50%;margin-left:-100px;margin-top:-100px}.page.o .item.edit img.circ,.page.t .item.edit{border-radius:50px!important;-webkit-box-shadow:0 1px 4px 4px rgba(0,0,0,0.5)!important;-moz-box-shadow:0 1px 4px 4px rgba(0,0,0,0.5)!important;box-shadow:0 1px 4px 4px rgba(0,0,0,0.5)!important;color:#000}.item div.block-select{position:absolute;display:block;width:100%;height:100%;top:0;padding:0;margin:0;z-index:9}.item div.block-select.hide{display:none}.pdp-default .dow,.pdp-default .days,.pdp-default .pdp-footer,.pdp-default .yearSelect li,.pdp-default .monthSelect li{font-family:IRANSans}.pdp-default .dows{background:#1565c0}.pdp-default .nextArrow,.pdp-default .prevArrow{color:#1565c0;display:inline-block;top:3px}.pdp-default .dow{border:1px solid #1565c0}#loading{display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:absolute;top:0;left:0;margin:0;padding:0;z-index:9999}#loading .loading{width:20%;position:relative;margin:0 auto;top:40%;display:block}.page.export{text-align:center;padding-top:90px;font-size:80%;color:#000}.page.export input{width:100px}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{display:inline-block}.ct-label{line-height:1.6}.time span{color:#8e8e8e}.avrage-total{overflow:hidden}body.dark,.dark #new{background:#555}.dark #header,.dark .date-bar,.dark #menu .section,.dark #statics .section,.dark #view .section,.dark #footer{background:#2e2e2e}.dark #list .item,.dark #header,.dark .date-bar,.dark #menu .section,.dark #statics .section,.dark #view .section,.dark #footer{color:#fff}.dark .item .right .bigdots,.dark .item .right .bottom.bigdots,.dark #header img,.dark .action-total img,.dark .close,.dark #footer img{filter:invert(1)}.dark #bar,.dark #add,#header .center img{filter:none!important}.dark .action-circle{-webkit-box-shadow:0 3px 3px 0 rgba(255,255,255,0.3);-moz-box-shadow:0 3px 3px 0 rgba(255,255,255,0.3) box-shadow: 0 3px 3px 0 rgba(255,255,255,0.3)}.dark .activity-days li.day{border:5px solid #888686;background:#3c3c3c}.dark .activity-days li.day.active{border:5px solid #AFE974;background:#E4FFC8}.dark .activity-days li.total-days{background:#3c3c3c}.dark .activity-days li.day.active{color:#000}.dark .modal{background:#424242;background:rgba(0,0,0,0.19)!important}.dark .activity-days li.day:not(.active)::before,.dark .activity-days li.day:not(.active)::after{background:#2e2e2e}.dark .item .right .dots{background-image:radial-gradient(circle at 2.5px,#fff 1.25px,rgba(255,255,255,0) 2.5px),radial-gradient(circle,#fff 1.25px,rgba(255,255,255,0) 2.5px),radial-gradient(circle at 2.5px,#fff 1.25px,rgba(255,255,255,0) 2.5px),radial-gradient(circle,#fff 1.25px,rgba(255,255,255,0) 2.5px)}.dark .page.export{color:#fff}.dark .ct-label{color: white;}.dark .ct-grid{stroke: rgba(255, 255, 255, 0.2);}