.pages[data-v-cfe1eca4]{overflow-x:hidden;height:calc(100vh - 88px)}.headerContainer[data-v-cfe1eca4]{display:flex;flex-direction:column}.header[data-v-cfe1eca4]{font-family:Montserrat-SemiBold;background-color:#2b2b2c;color:#fff;overflow:hidden;height:88px;width:100%}.Header-block-element[data-v-cfe1eca4]{background-color:#2b2b2c;float:right;display:flex;justify-content:center;align-items:center;font-size:16px;margin:10px 20px;-moz-column-gap:16px;column-gap:16px}.block-element[data-v-cfe1eca4]{background-color:#2b2b2c;margin:24px 5px 15px 0}.block-element__pic[data-v-cfe1eca4]{display:inline;background-color:#ff0;margin:8px 8px 10px 15px}.block-element__name[data-v-cfe1eca4]{margin:24px 8px 32px 5px}.block-element__list[data-v-cfe1eca4]{margin:24px 0;width:20px;cursor:pointer}.row[data-v-cfe1eca4]:after{content:"";display:table;clear:both}.sidebarContainer[data-v-cfe1eca4]{width:215px;float:left;overflow:hidden;z-index:1}.sidenav[data-v-cfe1eca4]{height:100vh;top:0;background-color:#2b2b2c;overflow-x:hidden;box-shadow:3px 3px 6px 0 rgba(8,8,8,.25)}.logo[data-v-cfe1eca4]{background-color:#2b2b2c;width:150px;height:33px}.logo img[data-v-cfe1eca4]{width:150px;height:33px;margin:20px 0 19px 25px}ul[data-v-cfe1eca4]{margin:88px 192px 0 20px;background-color:#2b2b2c;font-family:Montserrat-SemiBold;padding:0;width:199px}.list--item[data-v-cfe1eca4]{display:inline-block}li[data-v-cfe1eca4]{margin:0 0 32px 0;font-size:18px;display:inline;background-color:#2b2b2c;width:200px;color:#afafaf;font-family:Montserrat-Medium;font-weight:400}.sidenav li[data-v-cfe1eca4]:hover{cursor:pointer;opacity:1}.activatePage[data-v-cfe1eca4]{color:red;display:inline-block;visibility:visible;width:13px;height:13px;background-color:#f7941e;margin:0 16px 0 0}.deactivatedPage[data-v-cfe1eca4]{visibility:hidden}li.router-link-active[data-v-cfe1eca4]{opacity:1}li.router-link-exact-active[data-v-cfe1eca4]{opacity:1;color:#fff}.court-select[data-v-cfe1eca4]{align-self:center;font-size:16px}.chechBox_div[data-v-5d5f4e26]{display:flex;margin:5px 5px 0 0}.chechBox_div #checkbox[data-v-5d5f4e26]{float:left;width:13px}.chechBox_div p[data-v-5d5f4e26]{font-size:12px;margin:5px 0 0 5px}.login i[data-v-5d5f4e26]{margin-left:-30px;cursor:pointer}.background [data-v-5d5f4e26]{background:transparent}.background[data-v-5d5f4e26]{margin:0;height:100vh;background:url(../img/login3.93ad0090.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.background__p[data-v-5d5f4e26]{width:218px;height:25px;border:transparent;opacity:.8;margin:19px 50%}.background__logos[data-v-5d5f4e26]{width:566px;height:66px;position:absolute;bottom:0;opacity:1}.background__logo-SG[data-v-5d5f4e26]{width:280px;height:60px;padding:20px 0 10px 0;float:left}.background__logo-R[data-v-5d5f4e26]{width:280px;height:60px;float:right}.login[data-v-5d5f4e26]{margin:0 auto;height:580px;width:566px;background-color:rgba(4,13,9,.4);padding:68px 103px 60px}.login__logo[data-v-5d5f4e26]{height:80px;width:307px;margin:0 auto 60px}.login__paragraph[data-v-5d5f4e26]{text-align:left;width:300px}.login__message[data-v-5d5f4e26]{margin:30px 0 0 0;text-align:center;font-size:14px;color:red;font-weight:600}.login__btn[data-v-5d5f4e26]{height:40px;width:360px;margin:48px 0 0 0;padding:11px 156.5px 12px 157.5px;background-color:#8b8b8b;opacity:1}.login .btnActive[data-v-5d5f4e26]{background-color:#d68628}.pic[data-v-5d5f4e26]{height:15px;width:15px;background-image:url(../img/eyeIcon.db896bef.jpg);background-color:transparent;display:inline;float:right;margin:9px 0 0 0}#password[data-v-5d5f4e26]{display:inline;width:360px}img[data-v-5d5f4e26]{height:80px;width:307px}input[data-v-5d5f4e26]{display:block;width:360px;height:24px;border:none;border-bottom:1px solid #afafaf;background-color:transparent}input[data-v-5d5f4e26]:focus{outline-offset:0;outline:none}input[data-v-5d5f4e26]::-moz-placeholder{color:#fff}input[data-v-5d5f4e26]:-ms-input-placeholder{color:#fff}input[data-v-5d5f4e26]::placeholder{color:#fff}span[data-v-5d5f4e26]{color:red}.login__h5[data-v-5d5f4e26]{font-family:Montserrat-Regular;font-size:12px}.login__h5--userName[data-v-5d5f4e26]{margin:35px 0 0 0}.login__h5--password[data-v-5d5f4e26]{margin:35px 0 0 0}.hiddenLabel[data-v-5d5f4e26]{visibility:hidden}.appLogin[data-v-66bfe596]{width:1920px;height:1080px;height:950px;background-color:red}.body[data-v-66bfe596]{margin:0 139px 239px 368px;color:#00f;color:#fff}.box-container[data-v-0ee7718e]{width:100%;display:flex;justify-content:space-between;align-content:space-between}.box[data-v-0ee7718e]{width:inherit;height:204px;padding:30px 18px 24px 30px;font-size:18px}.box [data-v-0ee7718e]{background-color:#383838}img[data-v-0ee7718e]{margin-left:250px}.sport-name[data-v-0ee7718e]{margin:5px 0 0 0}p[data-v-0ee7718e]{font-size:14px;opacity:.7;color:#c3c3c3}.count[data-v-0ee7718e]{font-size:30px;float:left}.procent[data-v-0ee7718e]{float:right}.icon[data-v-0ee7718e]{width:2rem;height:2rem}.values-div[data-v-0ee7718e]{margin:16px 0 0 0}@media (min-width:530px){.box-container[data-v-0ee7718e]{flex-flow:row wrap}.box-container>.box[data-v-0ee7718e]{flex:0.5}}@media (min-width:768px){.box-container[data-v-0ee7718e]{flex-flow:row nowrap}.box-container>div[data-v-0ee7718e]{width:25%!important}}.flexbox[data-v-40394006]{display:flex;flex-direction:column;width:100%;overflow:hidden;padding:16px 0}.box[data-v-40394006]{padding:27px 33px 30px 26px}.box [data-v-40394006]{background-color:#383838;font-family:Montserrat-SemiBold}h3[data-v-40394006]{margin:40px 32px 15px 0}.popTitle[data-v-40394006]{width:200px}.popCount[data-v-40394006]{margin:0 12px 0 100px}.popRate1[data-v-40394006]{margin-left:20px;color:#56e656}.popRatePlus[data-v-40394006]{color:#56e656}.popRate0[data-v-40394006]{margin-left:30px;color:#fd2d2d}@media (min-width:576px){.flexbox[data-v-40394006]{flex-flow:row wrap}.flexbox>.box-container-left[data-v-40394006]{order:1;flex-grow:1}.flexbox>.box-container-right[data-v-40394006]{order:2;flex-grow:1}.flexbox>.box-container-center[data-v-40394006]{order:3;flex-grow:1}}.chart-activity-container{flex-direction:column}#line-chart,.chart-activity-container{display:flex;width:100%;height:100%}#line-chart>div{display:flex;width:inherit}.bar-chart-container{padding:0;margin:0;height:350px}#bar-chart{display:flex;flex-direction:row;width:inherit;height:inherit}#bar-chart>div{display:flex;width:inherit}.chart-container:hover{cursor:default}.third-section[data-v-6e4acb34]{display:flex;flex-direction:column;width:100%;background-color:#383838}.chart-zones-container[data-v-6e4acb34]{display:flex;flex-direction:column;width:100%;margin:10px auto;overflow:hidden;align-content:space-between;justify-content:space-between}@media (min-width:768px){.chart-zones-container[data-v-6e4acb34]{flex-flow:row nowrap}.chart-zones-container>div[data-v-6e4acb34]{width:33.33%!important}.chart-zones-container>.text-container[data-v-6e4acb34]{order:1}.chart-zones-container>.chart-container[data-v-6e4acb34]{order:2}}.chart-container[data-v-6e4acb34]{flex:1}.chart-container>.text-container[data-v-6e4acb34]{flex:0.5}#pie-chart[data-v-6e4acb34]{display:flex;height:100%;width:100%}#pie-chart>div[data-v-6e4acb34]{display:flex;width:inherit}.text-container [data-v-6e4acb34]{background-color:#383838}.text-container[data-v-6e4acb34]{padding:99px 100px 120px 30px;background-color:#383838}.text-container[data-v-6e4acb34]:hover{cursor:default}.text_labels[data-v-6e4acb34]{width:272px}.title-div[data-v-6e4acb34]{width:272px;margin:-40px 0 30px 0}.title[data-v-6e4acb34]{font-size:14px;font-family:Montserrat-Regular;opacity:.6}.line-class[data-v-6e4acb34]{height:0;width:248px;margin:5px 26px 0;border:1px solid #707070}.head[data-v-6e4acb34]{display:inline-block;margin-bottom:24px;height:22px;font-family:Montserrat-Regular;font-size:18px;line-height:1.22;letter-spacing:normal;text-align:left;color:#fff}.procent[data-v-6e4acb34]{float:right}.body-line[data-v-6e4acb34]{height:19px;opacity:.6;font-family:Montserrat-Regular;font-size:16px;line-height:1.19;text-align:left;color:#fff;display:inline-block}.body[data-v-6e4acb34]{margin-bottom:16px}.agility_body[data-v-6e4acb34]{margin-bottom:8px}.dot[data-v-6e4acb34]{border-radius:50%;width:8px;height:8px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);margin:6px 21px 0 0;float:left}.color-1[data-v-6e4acb34]{border:2px solid #36a336;background-color:#36a336}.color-2[data-v-6e4acb34]{border:2px solid #45a9ff;background-color:#45a9ff}.color-3[data-v-6e4acb34]{border:2px solid #3744d3;background-color:#3946d9}.color-4[data-v-6e4acb34]{border:2px solid #d505ff;background-color:#d505ff}.color-5[data-v-6e4acb34]{border:2px solid #f7941e;background-color:#f7941e}.color-6[data-v-6e4acb34]{border:2px solid #ffe200;background-color:#ffe200}.color-7[data-v-6e4acb34]{border:2px solid #fd2d2d;background-color:#fd2d2d}.color-15[data-v-6e4acb34]{border:2px solid #36a336;background-color:#36a336}.color-14[data-v-6e4acb34]{border:2px solid #45a9ff;background-color:#45a9ff}.color-16[data-v-6e4acb34]{border:2px solid #3744d3;background-color:#3946d9}.margin-left-small[data-v-139827ef]{letter-spacing:normal}.view-sate-style[data-v-139827ef]{height:18px;font-size:14px;line-height:1.71;border:none}.container[data-v-139827ef]{display:flex;flex-direction:column;overflow-x:hidden}.chart-containerr[data-v-139827ef]{display:flex;margin-top:150px}.second[data-v-139827ef]{margin-top:250px}.block__title[data-v-139827ef]{margin:0 auto;width:92%}.block__title_first[data-v-139827ef]{width:100%}.block__title_first [data-v-139827ef]{margin:40px 74px 15px 8px;font-family:Montserrat-Regular}.block__title [data-v-139827ef]{margin:40px 74px 15px 8px;font-family:Montserrat-Regular}.box-header[data-v-139827ef]{display:flex}.first-section[data-v-139827ef]{display:flex;flex-direction:column;margin:10px auto;overflow:hidden;align-content:space-between;justify-content:space-between;width:92%}.first-section #activity-block[data-v-139827ef]{margin:0 auto;flex-wrap:wrap;justify-content:flex-start;align-items:center;flex-grow:3}.first-section #activity-block #activity-box[data-v-139827ef]{display:flex;flex-direction:column;padding:20px 0}.first-section #activity-block #activity-box #activity-header[data-v-139827ef]{height:116px;padding:40px 52px 33px 64px;background-color:#383838;font-family:Montserrat-SemiBold}.first-section #activity-block #activity-box #activity-header p[data-v-139827ef]{font-size:14px;opacity:.7;color:#c3c3c3;font-family:Montserrat-Regular}.first-section #activity-block #activity-box #activity-header h3[data-v-139827ef]{font-size:18px;background-color:#383838}.first-section #activity-block #activity-box #activity-header output[data-v-139827ef]{font-size:30px;background-color:#383838;display:inline-block}.first-section #activity-block #activity-box #activity-header #activity-label1[data-v-139827ef]{display:block;background:none;background-color:#383838}.first-section #activity-block #activity-box #activity-header #activity-label2[data-v-139827ef]{margin:0 0 0 170px;background-color:#383838}.first-section #activity-block #activity-box #activity-chart[data-v-139827ef]{margin:60px 0 0 0;background-color:#383838}.first-section #activity-block #activity-box #activity-chart #chart-label[data-v-139827ef]{display:flex;flex-direction:column;float:right;margin:10px 20px 12px 20px}.first-section #activity-block #activity-box #activity-chart #chart-label .char-label-div[data-v-139827ef]{display:flex;align-items:center;background-color:#383838}.first-section #activity-block #activity-box #activity-chart #chart-label .char-label-div .color[data-v-139827ef]{border-radius:0;width:20px;height:5px;margin:12px 8px 12px 0}.first-section #activity-block #activity-box #activity-chart #chart-label .char-label-div #activity-this-week[data-v-139827ef]{background-color:#1ef77a}.first-section #activity-block #activity-box #activity-chart #chart-label .char-label-div #avg-activity-week[data-v-139827ef]{background-color:#f7941e}.first-section #activity-block #activity-box #chart-activity[data-v-139827ef]{height:300px;background-color:#383838}.block--time[data-v-139827ef]{display:flex;margin:0 auto;flex-wrap:wrap;justify-content:flex-start;align-items:center;flex-direction:column;height:100%}.block--time .box--time[data-v-139827ef]{height:inherit;width:100%}.block--time .header--time[data-v-139827ef]{display:flex;padding:40px 45px 0 37px;background-color:#383838;font-family:Montserrat-SemiBold}.block--time .header--time .header--time__left[data-v-139827ef]{width:300px;background-color:#383838}.block--time .header--time .header--time__right[data-v-139827ef]{width:235px;text-align:right;background-color:#383838}@media (min-width:768px){.first-section[data-v-139827ef]{flex-flow:row wrap}.first-section>div[data-v-139827ef]{width:100%!important}.first-section>.activity-block[data-v-139827ef]{order:1}.first-section>.block--time[data-v-139827ef]{order:2}}.box__header h3[data-v-139827ef]{font-size:18px}.box__header p[data-v-139827ef]{font-size:14px;opacity:.7;color:#c3c3c3;font-family:Montserrat-Regular}.box__header output[data-v-139827ef]{font-size:30px;background-color:#383838;display:inline-block}.char-label[data-v-139827ef]{display:flex;align-items:center;flex-direction:row-reverse;background-color:#383838;margin:0 0 12px 0}.char-label .color-square[data-v-139827ef]{border-radius:0;width:20px;height:5px;margin:0 0 0 8px}.char-label #Fitness[data-v-139827ef]{background-color:#eaf2ff}.char-label #Hockey[data-v-139827ef]{background-color:#7faffc}.char-label #Football[data-v-139827ef]{background-color:#5696fc}.time-chart[data-v-139827ef]{background-color:green;margin:25px 10px 0 17px}.sports-block[data-v-139827ef]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:92%}.sports-block h3[data-v-139827ef]{margin:50px 20px 15px 0}.third-section>.box[data-v-139827ef]{height:563px;width:92%}.fourth-section[data-v-139827ef]{width:92%}.loader[data-v-139827ef]{border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #f7941e;width:120px;height:120px;-webkit-animation:spin-data-v-139827ef 2s linear infinite;animation:spin-data-v-139827ef 2s linear infinite;margin:auto;position:absolute;top:10%;left:10%;bottom:0;right:0}@-webkit-keyframes spin-data-v-139827ef{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin-data-v-139827ef{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.layout-container[data-v-8c0ff652]{display:flex;flex-direction:column;row-gap:.5rem}.zone-layout[data-v-8c0ff652]{width:100%;-o-object-fit:contain;object-fit:contain;background:transparent;position:relative;z-index:99}.zone-group[data-v-8c0ff652]{display:flex;flex-direction:row;justify-content:space-evenly}.zone-rest-outline[data-v-8c0ff652]{width:280px;height:280px;border-radius:2px;border:2px solid #767676;position:relative}.zone-1-layout[data-v-8c0ff652]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;z-index:1;position:absolute}.greenBackground[data-v-8c0ff652]{background-color:#1db75a}.yellowBackground[data-v-8c0ff652]{background-color:#ffb818}.transparentBackground[data-v-8c0ff652]{background-color:transparent}.layout-container[data-v-761dd703]{display:flex;flex-direction:column;row-gap:.5rem}.zone-layout[data-v-761dd703]{width:100%;-o-object-fit:contain;object-fit:contain;background:transparent;position:relative;z-index:99}.zone-group[data-v-761dd703]{display:flex;flex-direction:row;justify-content:space-evenly}.zone-rest-outline[data-v-761dd703]{width:240px;height:240px;border-radius:2px;border:2px solid #767676;position:relative}.zone-1-layout[data-v-761dd703]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;z-index:1;position:absolute}.greenBackground[data-v-761dd703]{background-color:#1db75a}.yellowBackground[data-v-761dd703]{background-color:#ffb818}.transparentBackground[data-v-761dd703]{background-color:transparent}.layout-container{display:flex;flex-direction:column;row-gap:.5rem}.zone-6{display:flex;align-items:center;justify-content:center;width:100%;border-radius:2px;border:2px solid #767676}.zone-layout{width:100%;-o-object-fit:contain;object-fit:contain;background:transparent;position:relative;z-index:99}.zone-group{display:flex;flex-direction:row;justify-content:space-between}.zone-rest-outline{width:140px;height:140px;border-radius:2px;border:2px solid #767676;position:relative}.zone-1-layout{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;z-index:1;position:absolute}.greenBackground{background-color:#1db75a}.yellowBackground{background-color:#ffb818}.transparentBackground{background-color:transparent}.table-pagination{display:flex;flex-direction:row;justify-content:flex-end;padding:1rem}.page-number{width:40px;padding:0 1rem;font-weight:600;font-family:Montserrat-SemiBold}button{border:none;font-size:18px}.body[data-v-23352822]{display:flex;flex-direction:column;width:92%;margin:0 auto 20px auto;font-family:Montserrat-Regular}.box[data-v-23352822]{background-color:#383838;box-shadow:3px 3px 10px 0 rgba(41,41,41,.6)}.first-section h3[data-v-23352822]{margin:37px 0 15px 0}.first-container[data-v-23352822]{height:100%;width:100%;margin:0 auto}.header[data-v-23352822]{display:flex;flex-direction:row;row-gap:1rem;background-color:#383838;padding:50px 0 0 0;margin:10px 10px auto}@media (min-width:768px){.header[data-v-23352822]{flex-flow:row nowrap}.header>div[data-v-23352822]{width:100%}.header>.realTime[data-v-23352822]{order:1}.header>.fields--block[data-v-23352822]{order:2}}@media (min-width:576px){.header[data-v-23352822]{flex-flow:column wrap}}.labels-div[data-v-23352822]{display:flex;flex-direction:row;background-color:#383838;align-items:center}.labels-div>div[data-v-23352822]{display:flex;justify-content:space-around;align-self:center;justify-self:center;background-color:#383838;width:100%}.square[data-v-23352822]{border-radius:0;width:18px;height:18px;float:right}.available-color[data-v-23352822]{border:2px solid #767676}.occupied-color[data-v-23352822]{border:2px solid #1db75a;background-color:#1db75a}.in_maintenance-color[data-v-23352822]{border:2px solid #ffb818;background-color:#ffb818}.fields-label[data-v-23352822]{float:left;background-color:#383838}.green-label[data-v-23352822]{margin:8px 8px 0 0}img[data-v-23352822]{display:inline-block;margin-left:50px;height:300px;width:700px}.BookedClass[data-v-23352822]{background-color:hsla(0,0%,100%,.03)}.SCSummary[data-v-23352822]{height:430px;background-color:#383838;padding-top:50px;margin:auto auto 0 0}label[data-v-23352822]{font-family:Montserrat-Regular;font-size:14px;color:#fff;display:inline-block;opacity:.58;background-color:#383838!important}.title[data-v-23352822]{padding-top:50px;font-family:Montserrat-Regular;margin:0 auto 15px auto;width:95%}.title_first[data-v-23352822]{display:flex;justify-content:space-between;align-items:center;font-family:Montserrat-Regular;margin:2rem auto 1rem auto;width:95%}.title_first>h3[data-v-23352822]{margin:0}#view-date[data-v-23352822]{margin:0 100px 0 5px}select[data-v-23352822]{direction:rtl;text-align:center!important;text-indent:0}option[data-v-23352822]{direction:ltr!important;text-align:left}input[type=search][data-v-23352822]{width:329.5px;height:30px;opacity:.5;border-radius:2px;border:1px solid #fff;float:right}.second-section[data-v-23352822]{padding:0}.second-container[data-v-23352822]{height:100%;width:100%;margin:0 auto}.table[data-v-23352822]{border-collapse:collapse;width:100%;height:380px;margin:auto;color:"#ffffff"}td[data-v-23352822],th[data-v-23352822]{border-bottom:1px solid #505050;background-color:#383838;text-align:center}td[data-v-23352822]{font-size:16px}th[data-v-23352822]{opacity:.7;position:sticky;top:0;background-color:#383838;font-size:14px;font-weight:400}tr[data-v-23352822]{padding-top:25px;font-size:16px;background-color:#383838}.loader[data-v-23352822]{border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #f7941e;width:120px;height:120px;-webkit-animation:spin-data-v-23352822 2s linear infinite;animation:spin-data-v-23352822 2s linear infinite;margin:auto;position:absolute;top:10%;left:10%;bottom:0;right:0}@-webkit-keyframes spin-data-v-23352822{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin-data-v-23352822{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-v-23352822]::-webkit-scrollbar{width:6px;border-left:1px solid #e6ecf8}[data-v-23352822]::-webkit-scrollbar-track{background:#383838;height:100px}[data-v-23352822]::-webkit-scrollbar-thumb{height:10px;border:3px solid #707070;border-radius:20px;padding:20px}[data-v-23352822]::-webkit-scrollbar-thumb:hover{background:#555}.box[data-v-d2fc4ba8]{margin:0;width:100%;height:631px;padding-top:40px}.title [data-v-d2fc4ba8]{margin:50px 0 16px 0}#view-date[data-v-d2fc4ba8]{margin:0 70px 0 5px}.font_reg[data-v-d2fc4ba8]{font-family:Montserrat-Regular}#Users-box[data-v-d2fc4ba8]{width:100%;height:520px;background-color:#383838;overflow-y:auto}tbody[data-v-d2fc4ba8]{width:1100px;height:520px}.table[data-v-d2fc4ba8]{border-collapse:collapse;width:100%;height:520px}th[data-v-d2fc4ba8]{opacity:1;position:sticky;top:0;background-color:#383838;font-size:14px;font-family:Montserrat-Medium;font-weight:400;color:hsla(0,0%,100%,.7)}td[data-v-d2fc4ba8],th[data-v-d2fc4ba8]{text-align:left;border-bottom:1px solid #505050;background-color:#383838;text-align:center}td[data-v-d2fc4ba8]{padding:16px}tr[data-v-d2fc4ba8]{font-family:Montserrat-SemiBold;font-size:16px;font-weight:400;padding-top:25px}select[data-v-d2fc4ba8]{direction:rtl;text-align:center!important;text-indent:0}option[data-v-d2fc4ba8]{direction:ltr!important;text-align:left}.search_input[data-v-d2fc4ba8]::-moz-placeholder{color:#fff;opacity:1}.search_input[data-v-d2fc4ba8]:-ms-input-placeholder{color:#fff;opacity:1}.search_input[data-v-d2fc4ba8]::placeholder{color:#fff;opacity:1}[data-v-d2fc4ba8]::-webkit-scrollbar{width:6px;border-left:1px solid #e6ecf8}[data-v-d2fc4ba8]::-webkit-scrollbar-track{background:#383838;height:100px}[data-v-d2fc4ba8]::-webkit-scrollbar-thumb{height:10px;border:3px solid #707070;border-radius:20px;padding:20px}[data-v-d2fc4ba8]::-webkit-scrollbar-thumb:hover{background:#555}#pie-chart{width:inherit}#pie-chart,.users-pie-chart-container{height:248px}.box__header[data-v-f8aa058a]{justify-content:space-between}.user-line-chart-container[data-v-f8aa058a]{border:red;margin:0 30px 0 0;height:248px}.header--time[data-v-f8aa058a]{height:175px;padding:40px 30px 0 37px;background-color:#383838;display:block;display:flex;font-family:Montserrat-SemiBold;margin-bottom:70px}.header--time[data-v-f8aa058a]:hover{cursor:default}.header--time__left[data-v-f8aa058a]{display:flex;flex-direction:column;background-color:#383838}.header--time__right[data-v-f8aa058a]{display:flex;flex-direction:column;text-align:right;background-color:#383838}.box__header h4[data-v-f8aa058a]{font-size:18px;margin-top:14px}.box__header p[data-v-f8aa058a]{font-size:14px;opacity:.7;color:#c3c3c3;font-family:Montserrat-Regular;margin:2 px 0 12px 0}.box__header output[data-v-f8aa058a]{font-size:30px;background-color:#383838;display:inline-block}.char-label[data-v-f8aa058a]{display:flex;align-items:center;flex-direction:row-reverse;background-color:#383838;margin:0 0 9px 0}.color-square[data-v-f8aa058a]{border-radius:0;width:16px;height:8px;margin:0 0 0 8px}#youngest[data-v-f8aa058a]{background-color:#d8fdf5}#twelve[data-v-f8aa058a]{background-color:#bdfced}#eighteen[data-v-f8aa058a]{background-color:#7ef5da}#twenty-five[data-v-f8aa058a]{background-color:#43dbc9}#thirty[data-v-f8aa058a]{background-color:#1b9ba0}#forty[data-v-f8aa058a]{background-color:#1378ba}#fifty[data-v-f8aa058a]{background-color:#105c8e}#vue-container{width:400px}#user-line-chart{height:248px;width:inherit}.users-chart-container{border:red}.empty-data-container{font-size:26px}.users-age-chart-container{border:red;height:160px;display:flex;align-items:center;justify-content:center}#charAgeBar{color:green}.body[data-v-2b531caa]{width:95%;margin:0 auto 20px auto}.first-section[data-v-2b531caa]{display:flex;flex-direction:column;margin:10px auto;overflow:hidden;align-content:space-between;justify-content:space-between;width:92%}h3[data-v-2b531caa]{margin:39px 0 16px 0}.users-age-block[data-v-2b531caa]{height:264px}#charAgeBar[data-v-2b531caa]{padding:0;height:248px;display:flex;flex-direction:column}select[data-v-2b531caa]{direction:rtl;text-align:center!important;text-indent:0}option[data-v-2b531caa]{direction:ltr!important;text-align:left}.box[data-v-2b531caa]{background-color:#383838}.users-block[data-v-2b531caa]{display:flex;flex-direction:column}.block__title[data-v-2b531caa]{font-family:Montserrat-Regular;height:75px}.usersActiveNr[data-v-2b531caa]{padding:20px 40px 20px 30px;font-family:Montserrat-SemiBold;font-weight:400;width:388px;height:200px;background-color:#383838;box-shadow:3px 3px 10px 0 rgba(41,41,41,.6)}.usersActiveNr img[data-v-2b531caa]{justify-content:flex-end}.usersActiveNr h4[data-v-2b531caa]{margin:16px 0 0 0;font-size:18px}.usersActiveNr .pp[data-v-2b531caa]{font-size:14px;opacity:.7;color:#c3c3c3}.usersActiveNr .activeUsersNr[data-v-2b531caa]{font-size:30px}.usersActiveNr .activeUsersRate1[data-v-2b531caa]{color:#56e656;font-size:14px;float:right}.usersActiveNr .activeUsersRate0[data-v-2b531caa]{color:#fd2d2d;font-size:14px;float:right}.usersActiveNr .lastweek[data-v-2b531caa]{font-size:14px}.second-section[data-v-2b531caa]{display:flex;flex-direction:column;margin:10px auto;overflow:hidden;align-content:space-between;justify-content:space-between;width:92%}.second-section h3[data-v-2b531caa]{margin:50px 0 16px 0}.time-block .box[data-v-2b531caa]{width:886px;height:520px}.time-block>.box[data-v-2b531caa]{width:100%}.boxs[data-v-2b531caa]{display:flex;flex-direction:column}#char-AgeRange[data-v-2b531caa]{height:100%;margin:0 px 10px 0 10px}.box__header[data-v-2b531caa]{width:inherit}.boxs #box1[data-v-2b531caa]{height:248px;margin-bottom:10px}.boxs #box2[data-v-2b531caa]{height:248px;background-color:#383838}.third-section[data-v-2b531caa]{display:flex;flex-direction:row;margin:10px auto;overflow:hidden;align-content:space-between;justify-content:space-between;width:92%}@media (min-width:576px){.third-section[data-v-2b531caa]{flex-flow:row wrap}.third-section>.box[data-v-2b531caa]{flex:0.5}}@media (min-width:768px){.third-section[data-v-2b531caa]{flex-flow:row wrap}.third-section>div[data-v-2b531caa]{width:33.33%!important}.third-section>.box[data-v-2b531caa]{order:1}}.thierd-section .box[data-v-2b531caa]{margin-top:50px}.fourth-section[data-v-2b531caa]{margin:0 auto;width:97%}.loader[data-v-2b531caa]{border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #f7941e;width:120px;height:120px;-webkit-animation:spin-data-v-2b531caa 2s linear infinite;animation:spin-data-v-2b531caa 2s linear infinite;margin:auto;position:absolute;top:10%;left:10%;bottom:0;right:0}@-webkit-keyframes spin-data-v-2b531caa{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin-data-v-2b531caa{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px){.first-section[data-v-2b531caa]{flex-flow:row wrap}.first-section>div[data-v-2b531caa]{width:100%!important}.first-section>.user-block[data-v-2b531caa]{order:1}.first-section>.users-age-block[data-v-2b531caa]{order:2}}.signin-container[data-v-7709a784]{height:100%;width:100%;background-color:green}.signin-form[data-v-7709a784]{width:400px;margin:30px auto;border:1px solid #eee;padding:20px;box-shadow:0 2px 3px #ccc}.input[data-v-7709a784]{margin:10px auto}.input label[data-v-7709a784]{display:block;color:#4e4e4e;margin-bottom:6px;color:#fff}.input input[data-v-7709a784]{font:inherit;width:100%;padding:6px 12px;box-sizing:border-box;border:1px solid #ccc}.input input[data-v-7709a784]:focus{outline:none;border:1px solid #521751;background-color:#eee}.submit button[data-v-7709a784]{border:1px solid #521751;color:#521751;padding:10px 20px;font:inherit;cursor:pointer}.submit button[data-v-7709a784]:active,.submit button[data-v-7709a784]:hover{background-color:#521751;color:#fff}.submit button[disabled][data-v-7709a784],.submit button[disabled][data-v-7709a784]:active,.submit button[disabled][data-v-7709a784]:hover{border:1px solid #ccc;background-color:transparent;color:#ccc;cursor:not-allowed}*{color:#fff;margin:0;box-sizing:border-box;background-color:#353535;font-weight:400}@font-face{font-family:Montserrat-SemiBold;src:url(../fonts/Montserrat-SemiBold.bbcd5bbb.ttf)}@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat-Regular.a8a11736.ttf)}@font-face{font-family:Montserrat-Medium;src:url(../fonts/Montserrat-Medium.0098f804.ttf)}.box{background-color:#383838;box-shadow:3px 3px 10px 0 rgba(41,41,41,.6)}h3{font-size:18px;display:inline-block}h3,h5{height:22px;font-weight:400;font-stretch:normal;font-style:normal;line-height:.78;letter-spacing:normal;text-align:left;font-family:Montserrat-Regular}h5{color:#c3c3c3}h4,output{font-family:Montserrat-SemiBold;background-color:#383838}p,select{font-family:Montserrat-Regular}select{height:18px;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.71;letter-spacing:normal;text-align:left;border:none}p{background:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:#555}::-webkit-scrollbar-thumb{background:#f7941e}::-webkit-scrollbar-thumb:hover{background:#b36c16}