@charset "UTF-8";*{font-family:brandon-grotesque,sans-serif;color:#2f2f2f;border:none}body{margin:0;background:#f8f9fb;overflow:auto}:focus{outline:none}::-moz-focus-inner{border:0}a{text-decoration:none}.bold{font-weight:700!important}h1{font-weight:700;font-size:16px;line-height:18px;margin:0 0 18px;vertical-align:middle}hr{height:1px;background-color:#e2e2e2;border:none}p{margin:0}.role.attributes{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.role.attributes .role-div{width:auto;padding-left:10px;padding-right:10px;margin:5px!important}input,textarea{border:none;background:#f2f2f2;border-radius:5px;padding-left:15px;height:40px;width:calc(100% - 15px);resize:none}input::placeholder,textarea::placeholder{color:#2f2f2f}textarea{height:50%;padding:15px 0 0 15px}ul.branch-group .branch-name .container input[type=checkbox]{display:none}.widthAuto{width:auto!important;padding-left:10px;padding-right:10px}.w-full{width:100%}.justify-self-end{justify-self:end}.ml-2{margin-left:.5rem}.export-container{padding-top:28px}textarea.narrow{height:100px}.ab{position:absolute}.reltv{position:relative}.moreBranch{color:#a9263d;font-weight:700}.type-popup{position:relative;bottom:-20px;left:-30px;width:160px;height:70px;background:#fff;border-radius:10px;z-index:20;padding:20px}.type-popup:after,.type-popup:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.type-popup:after{border-width:30px;margin-left:-30px}.type-popup:before{border-color:rgba(194,225,245,0) rgba(194,225,245,0) #fff;border-width:15px;margin-left:-15px}.type-popup.export-news{width:280px;height:auto;min-height:20px;left:-65%}.total-count{font-weight:700;position:absolute;right:10px;top:30px;font-size:12px}.period{width:21%}.image-close{position:absolute;left:50px;top:10px;width:20px;height:20px;z-index:30}.image-circle{margin-right:13px}.image-circle .img{border-radius:50%;width:40px;height:40px}.image-circle .img.big{width:80px;height:80px}.image-circle .img.small{width:20px;height:20px}.image-circle .img.small.overlap{margin-right:-16px}.image-circle.big{width:80px;height:80px}.image-square{margin-top:10px}.image-square .img{width:100%}.image-square .image-close{top:10px;left:230px}.image-overlay.round,.upload-div{border-radius:50%}.upload-div{background:#f2f2f2;width:80px;height:60px;padding-top:20px}.upload-div .img{width:40px;height:40px}.overlay{position:fixed;top:0;left:0;height:100%;width:100%;opacity:.2;z-index:-1}.overlay.active{z-index:10;background:#000}.image-overlay{background:#000;height:100%;width:100%;top:0;left:0;opacity:.1;z-index:21}.appcontainer{width:1280px;margin:0 auto}.float-left{float:left}.float-right{float:right}.inline{display:inline-block}.display-none{display:none}.user-logo{border-radius:50%;background:#e2e2e2;color:#707070;font-weight:300;text-align:center}.center{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.arrow{height:10px;width:5px}.arrow-left{padding-top:5px;margin-right:10px}.arrow-div{width:5px;text-align:right;vertical-align:middle}.absolute.arrow-div{right:0;top:25%;position:absolute}.with-arrow label{height:10px}.with-arrow>div:first-of-type{width:calc(100% - 5px)}.clickable{cursor:pointer}.round-checkbox{width:15px;height:15px;background:#f2f2f2;border-radius:50%}.round-checkbox div{margin:3px;width:9px;height:9px;border-radius:50%}.round-checkbox div.active{background:#42aee3}.squre-checkbox{width:15px;height:15px;background:#f2f2f2}.squre-checkbox img{margin-left:2px;margin-top:3px;display:none}.squre-checkbox .active img{display:block}.search-field{position:relative}.search-field img{position:absolute;right:18px;top:12px}.normal-margin{margin:28px 30px}.normal-margin-heading{margin:28px 30px 10px}.normal-box{border-radius:10px;background:#fff;box-shadow:0 0 10px #e2e2e2}.normal-box-margin{margin-left:20px}.normal-box-margin-1{margin-left:160px!important}.normal-box-margin-2{margin-left:660px}.styles_overlay__CLSq-{background:rgba(0,0,0,.09)}.styles_modal__gNwvD{box-shadow:none;height:100px;width:290px;border-radius:10px;padding:50px 0 30px}.styles_modal__gNwvD p{font-size:14px;line-height:18px;font-weight:700;text-align:center;margin-bottom:10px}.red-white-button{position:absolute;bottom:30px;left:28px;width:calc(100% - 60px);border:1px solid #a9263d;height:40px;border-radius:5px;color:#a9263d;font-size:13px;font-weight:700}.white-blue-button{margin-bottom:10px;background:#42aee3 0 0 no-repeat padding-box;color:#fff;border-radius:5px}.blue-white-button,.white-blue-button{width:100%;height:30px;text-align:center;letter-spacing:0;line-height:30px;display:block}.blue-white-button{background:#fff 0 0 no-repeat padding-box;color:#42aee3;border-radius:5px;border:1px solid #42aee3}.red-white-button.not-ab{position:inherit;width:100%;margin-top:20px}.white-red-button,.white-red-button:hover{width:100%;height:30px;background:#a9263d!important;border-radius:5px;color:#fff!important;font-size:12px;font-weight:700;padding:0!important;text-align:center;line-height:30px;display:block;margin:auto;cursor:pointer}.grey-white-button{width:100%;height:30px;background:#fff;border-radius:5px;color:#b1b1b1;font-size:12px;font-weight:700;border:1px solid #b1b1b1}.white-red-button.session{height:50px;width:480px;border-radius:10px;font-size:16px}.error-div{border:1px solid #a9263d;border-radius:5px;padding:20px;margin-bottom:10px;color:#a9263d}.error-div .error-img-div,.error-img-div{text-align:left}.error-img-div{color:#a9263d;font-size:12px;font-weight:700;line-height:18px;margin:5px 0}.error-img-div .error-icon{margin-right:10px;vertical-align:-20%}.flex{display:flex}.cursor-pointer:hover{cursor:pointer}.self-center{align-self:center}.ml-auto{margin-left:auto}.deleteButton{background:transparent}.mr-6{margin-right:1.5rem}.addButton{width:15px;height:15px;align-items:center;justify-content:center;display:flex;border-radius:20px;background:#a9263d;font-weight:700!important;white-space:nowrap;overflow:hidden;transition:width .3s}.addButton span{color:#fff}.addButton span.child-text{display:none}.addButton:hover{width:80px;padding:0 10px}.addButton:hover span.child-text{font-size:10px!important;display:block}.userModal button{height:40px;width:90px;border-radius:5px;font-size:13px;font-weight:700;margin-top:10px}.userModal .yesButton{background:#a9263d;border:1px solid #a9263d;color:#fff;margin-right:10px}.userModal .cancelButton{border:1px solid #b1b1b1;color:#b1b1b1}.login-system .error-div{width:400px;margin:0 auto;position:absolute;top:10%;left:calc(50% - 215px)}.login-system h1{font-weight:900;font-size:30px;text-align:center;color:#a9263d;margin:0;line-height:43px}.login-system h5{font-weight:400;font-size:24px;text-align:center;margin:10px 0 0;line-height:34px}.login-system input{width:374px;margin-top:21px;height:60px;border-radius:30px;background:#f2f2f2;box-shadow:0 0 10px rgba(169,38,61,0);padding-left:25px}.login-system input,.login-system input::placeholder{font-weight:400;font-size:16px;text-align:left}.login-system button{width:150px;height:50px;border-radius:30px;background:#a9263d;box-shadow:0 0 10px rgba(169,38,61,0);font-weight:700;font-size:16px;text-align:center;color:#fff;padding:0;margin:0}.login-system .button-div{margin-top:19px;height:50px}.login-system .button-div a{margin-top:19px}.login-system .button-div button{float:right}.login-system .red-background h1,.login-system .red-background h5{color:#fff}.login-system .sign-in-container{padding:30px}.login-system .sign-in-box{width:400px;margin:calc(50vh - 230px) auto}.login-system .copyright{position:absolute;bottom:30px;left:45px;font-weight:400;font-size:12px}.login-system .left{float:left;width:60%;height:100vh;position:relative}.login-system .right{background:linear-gradient(#a9263d,#892637);box-shadow:0 0 20px rgba(0,0,0,.15);float:left;width:40%;height:100vh;padding-top:calc(50vh - 160px);text-align:center}.login-system .right button{margin-top:30px;width:200px;height:60px}.login-system .logo{position:absolute;left:30px;top:30px}.ForgetPassword,.Signup{text-align:center}.ForgetPassword .copyright,.Signup .copyright{color:#fff}.ForgetPassword .button-div,.Signup .button-div{margin-top:30px}.ForgetPassword .postive-vote,.Signup .postive-vote{width:108px;height:108px;margin-top:36px;margin-bottom:20px}.ForgetPassword p,.Signup p{font-weight:400;font-size:21px;text-align:center}.ForgetPassword .sign-in-box{width:400px;margin:calc(50vh - 180px) auto}.ForgetPassword .button-div{margin-top:30px;text-align:center}.ForgetPassword .button-div button{float:none;margin:auto}.App{padding:30px}.Nav{width:200px;float:left}.Nav a{position:relative}.Nav h1{font-weight:700;font-size:21px;margin:0}.Nav h1,.Nav p{text-align:left}.Nav p{font-weight:300;font-size:14px;margin-bottom:20px}.Nav .nav-item-parent{position:relative}.Nav .nav-item-parent .anchor-nav-item-child{position:absolute;width:45px;height:45px;white-space:nowrap;overflow:hidden;top:0;left:155px;border-radius:25px;background:#a9263d;color:#fff;align-items:center;display:flex;transition:width .3s}.Nav .nav-item-parent .anchor-nav-item-child .nav-item-child{color:#fff;padding-left:16px;display:flex;align-items:center;z-index:2}.Nav .nav-item-parent .anchor-nav-item-child .nav-item-child span{color:#fff;font-size:25px;font-weight:700;margin-right:15px}.Nav .nav-item-parent .anchor-nav-item-child .nav-item-child span.child-text{font-size:14px;font-weight:700}.Nav .nav-item-parent .anchor-nav-item-child:hover{width:140px}.Nav .nav-item{height:20px;width:160px;margin-bottom:10px;padding:13px 20px 12px;font-weight:300;font-size:14px;text-align:left}.Nav .active,.Nav .nav-item:hover{background:#fff;border-radius:33px;font-weight:700}.Nav .nav-red-dot{position:absolute;left:160px;top:10px;z-index:2}.Nav .user-logo{margin-top:27px;height:55px;width:70px;padding-top:15px;font-size:30px}.Nav .user-logo-div{position:relative;margin-bottom:8px}.Nav .user-logo-div .nav-red-dot{position:absolute;left:60px;top:25px}.nav-red-dot{background:#a9263d;width:20px;height:12px;font-weight:700;font-size:10px;text-align:center;color:#fff;border-radius:50%;padding:6px 2px}.field-group,.field-group--mt8{margin-top:20px}.field-group--mt8{margin-top:8px}.field-group--mt8 .field,.field-group--mt8 .field--mt0,.field-group .field,.field-group .field--mt0{margin-top:10px}.field-group--mt8 .field *,.field-group--mt8 .field--mt0 *,.field-group .field *,.field-group .field--mt0 *{font-weight:400;font-size:13px;text-align:left;vertical-align:middle}.field-group--mt8 .field--mt0,.field-group .field--mt0{margin-top:0}.field-group--mt8 .field--mt0 label span,.field-group--mt8 .field label span,.field-group .field--mt0 label span,.field-group .field label span{font-weight:700}.field-group--mt8 .field--mt0 .role-div,.field-group--mt8 .field .role-div,.field-group .field--mt0 .role-div,.field-group .field .role-div{height:30px;font-weight:400;font-size:12px;line-height:30px;text-align:center;color:#b1b1b1;border-radius:5px;border:1px solid #b1b1b1;cursor:pointer;padding-left:5px;padding-right:5px;margin-bottom:5px}.field-group--mt8 .field--mt0 .role-div.active,.field-group--mt8 .field .role-div.active,.field-group .field--mt0 .role-div.active,.field-group .field .role-div.active{background:#42aee3;border-color:#42aee3;color:#fff}.field-group--mt8 .field--mt0 .role-div:not(:last-of-type),.field-group--mt8 .field .role-div:not(:last-of-type),.field-group .field--mt0 .role-div:not(:last-of-type),.field-group .field .role-div:not(:last-of-type){margin-right:10px}.field-group--mt8 .with-arrow,.field-group .with-arrow{cursor:pointer;padding-right:20px;position:relative}.field-group--mt8 .with-arrow label,.field-group .with-arrow label{height:10px}.field-group--mt8 .user-logo,.field-group .user-logo{padding-top:4px;width:28px;height:24px;text-align:center;margin-top:8px;font-size:15px;font-weight:100;border:2px solid #f4f4f4;margin-left:-12px}.field-group--mt8 .user-logo:first-child,.field-group .user-logo:first-child{margin-left:0}.field-group--mt8 .more,.field-group .more{margin-top:2px}.manage-div,.select-div{overflow:auto;position:relative;width:320px;height:700px;z-index:20}.manage-div .item-name,.select-div .item-name{font-weight:400;font-size:13px;text-align:left;color:#707070;height:40px;margin-top:17px}.manage-div .item-name span,.select-div .item-name span{line-height:20px;vertical-align:middle;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-div .item-name .image-circle,.select-div .item-name .image-circle{height:40px}.manage-div .item-name .user-logo,.select-div .item-name .user-logo{margin-left:0;margin-right:5px;height:40px;width:40px;line-height:40px;vertical-align:middle}.manage-div .item-name .img,.select-div .item-name .img{height:40px;width:40px;vertical-align:middle}.manage-div .item-name .image-circle,.select-div .item-name .image-circle{margin-right:5px}.manage-div .item-name .activity.round-checkbox,.manage-div .item-name .activity.squre-checkbox,.select-div .item-name .activity.round-checkbox,.select-div .item-name .activity.squre-checkbox{margin:13px 3px}.manage-div .item-name .colordot,.select-div .item-name .colordot{margin-left:5px;height:5px;width:5px;background:#7abb00 0 0 no-repeat padding-box;box-shadow:0 0 6px rgba(122,187,0,.4509803922);border-radius:50%}.manage-div .item-name .colordot.red,.select-div .item-name .colordot.red{background:#a9263d 0 0 no-repeat padding-box;box-shadow:0 0 6px rgba(169,38,61,.4470588235)}.manage-div .item-name .colordot.amber,.select-div .item-name .colordot.amber{background:#ffd800 0 0 no-repeat padding-box;box-shadow:0 0 6px #ffd800}.manage-div .item-name .addminus,.select-div .item-name .addminus{line-height:40px}.manage-div .item-name .addminus div,.select-div .item-name .addminus div{margin-right:5px}.p-0{padding:0}.mb-4{margin-bottom:1rem}.line-through{text-decoration:line-through}.manage-div{z-index:1}.step-div{position:fixed;width:140px;background:#fff;box-shadow:0 0 10px #e2e2e2;border-radius:10px}.step-div .step-container{margin:10px;height:80px}.step-div .step-container .step-round{border-radius:50%;height:10px;width:10px;border:1px solid #2f2f2f;opacity:.3;margin:40px auto auto}.step-div .step-container h1{margin-top:12px;text-align:center;opacity:.3;font:700 14px/20px;letter-spacing:0}.step-div .step-container.done .step-round{height:24px;width:24px;border:none;opacity:1;background:#a9263d;text-align:center;vertical-align:middle}.step-div .step-container.done h1{color:#a9263d;opacity:1}.step-div .step-container.editing .step-round{height:24px;width:24px;border:none;opacity:1;background:#42aee3;text-align:center;vertical-align:middle}.step-div .step-container.editing h1{color:#42aee3;opacity:1}.step-div .step-container:not(:last-of-type){border-bottom:1px solid #e2e2e2}.Main{margin-left:40px;width:980px;float:right}.Main .list-div{padding-top:17px;padding-bottom:17px}.Main .list-div .inline{margin-right:10px;vertical-align:middle}.Main .list-div .user-logo{height:32px;width:40px;padding-top:8px;font-size:18px}.Main .list-div .name{font-weight:700;font-size:14px;line-height:18px;max-width:260px}.Main .list-div .name span{font-weight:300;font-size:12px}.Main .list-div .arrow-div,.Main .list-div .button-div{margin-top:5px}.Main .list-div .button-div button{border:none;background:transparent;z-index:5;cursor:pointer}.Main .manage-list h1{padding:28px 30px 0}.Main .manage-list .archived{margin-left:10px;font-weight:400;font-size:80%}.Main .manage-list>a{display:block;padding:0 30px}.Main .manage-list a:not(:last-of-type){border-bottom:1px solid #e2e2e2}.Main .manage-list a.active,.Main .manage-list a:hover{background:rgba(66,174,227,.09)}.Main .manage-list a.active .user-logo,.Main .manage-list a:hover .user-logo{background:#42aee3;color:#fff;font-weight:700}.Main .upsert-one-element-div{margin-bottom:20px;position:relative;width:480px;min-height:250px;padding-bottom:80px}.Main .upsert-one-element-div .upsert-one-element{padding:30px}.Main .upsert-one-element-div .upsert-one-element h1{color:#707070}.Main .upsert-one-element-div .upsert-one-element label{width:auto;margin-right:10px;display:block;margin-bottom:3px}.Main .upsert-one-element-div .upsert-one-element input{max-width:calc(100% - 126px)}.Main .upsert-one-element-div .upsert-one-element input.narrow{margin-top:5px;max-width:calc(100% - 20px)}.Main .upsert-one-element-div .upsert-one-element input.center{padding:0 8px}.Main .upsert-one-element-div .upsert-one-element .colon{font-size:20px;line-height:24px}.Main .upsert-one-element-div .upsert-one-element .hour.inline,.Main .upsert-one-element-div .upsert-one-element .minute.inline{width:36%!important}.Main .upsert-one-element-div .upsert-one-element .am-pm{padding-left:0;width:40px;background:#f2f2f2;height:40px;margin-left:20px;text-align:center;cursor:pointer}.Main .upsert-one-element-div .upsert-one-element .colon.inline,.Main .upsert-one-element-div .upsert-one-element .hour.inline{margin-right:8px!important}.Main .upsert-one-element-div .upsert-one-element .inline.start-time{width:100%}.Main .width320px{width:320px}.Main .upsert-one-element-div.session{width:320px;min-height:700px}.Main .upsert-one-element-div.session .hour.inline,.Main .upsert-one-element-div.session .minute.inline{width:26%!important}.Main .upsert-one-element-div.session .am-pm{padding-left:0;width:40px;background:#f2f2f2;height:40px;margin-left:20px;text-align:center;cursor:pointer}.Main .upsert-one-element-div.goodnewsform{z-index:20}.Main .upsert-one-element-div.goodnewsform textarea{margin-left:5px;width:calc(100% - 70px);min-height:100px;vertical-align:middle;background:#fff}.Main .upsert-one-element-div.goodnewsform label{min-width:50px;background:#f2f2f2;text-align:center;height:42px;line-height:42px;font-weight:700}.Main .upsert-one-element-div.goodnewsform .role.attributes{margin-top:10px;margin-left:10px;margin-right:10px}.field-group--mt8 .Main .upsert-one-element-div.goodnewsform .field--mt0,.field-group .Main .upsert-one-element-div.goodnewsform .field--mt0,.Main .upsert-one-element-div.goodnewsform .field,.Main .upsert-one-element-div.goodnewsform .field-group--mt8 .field--mt0,.Main .upsert-one-element-div.goodnewsform .field-group .field--mt0{border:1px solid #f4f4f4;border-radius:5px}.Main .upsert-one-element-div.goodnewsform .field-group,.Main .upsert-one-element-div.goodnewsform .field-group--mt8{margin-top:10px;margin-bottom:10px}.Main .upsert-one-element-div.goodnewsform input{width:calc(100% - 66px);background:#fff}.Main .upsert-one-element-div.goodnewsform .arrow{right:10px;top:17px}.Main .upsert-one-element-div.goodnews,.Main .upsert-one-element-div.goodnewsform{width:320px;min-height:90px}.Main .upsert-one-element-div.goodnewsform h1,.Main .upsert-one-element-div.goodnews h1{font-size:14px;color:#2f2f2f}.Main .upsert-one-element-div.goodnews .user-logo,.Main .upsert-one-element-div.goodnewsform .user-logo{height:40px;width:50px;padding-top:10px;font-size:21px;background:#f4f4f4;color:#707070;font-weight:100}.Main .upsert-one-element-div.goodnews .user-logo-div,.Main .upsert-one-element-div.goodnewsform .user-logo-div{position:relative;margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid #b1b1b1}.Main .upsert-one-element-div.goodnews .share,.Main .upsert-one-element-div.goodnewsform .share{margin-left:10px;text-align:left;font-size:14px;letter-spacing:0;color:#2f2f2f;opacity:1;font-weight:100}.Main .upsert-one-element-div.goodnews .photo,.Main .upsert-one-element-div.goodnewsform .photo{margin-top:10px;margin-bottom:10px;height:30px;width:80px;background:#f2f2f2 0 0 no-repeat padding-box;border-radius:20px}.Main .upsert-one-element-div.goodnews .photo h1,.Main .upsert-one-element-div.goodnewsform .photo h1{margin-top:8px;margin-left:5px}.Main .upsert-one-element-div.goodnews .photo-icon,.Main .upsert-one-element-div.goodnewsform .photo-icon{margin-left:10px;margin-top:4px}.Main .role.inline.activity{width:calc(100% - 110px)}.Main .role.inline.activity .role-div{width:44.5%}.Main .activity.upsert-one-element-div{min-height:700px}.Main .Breadcrumbs{height:20px;margin-bottom:15px}.Main .Breadcrumbs .float-left{font-weight:700;font-size:20px;text-align:left}.Main .Breadcrumbs .float-right{font-weight:300;font-size:14px;text-align:right}.Main .Breadcrumbs .float-right span{font-weight:700}.Main .branch-div{width:140px}.Main .branch-div .branch-name{font-weight:300;font-size:12px;margin-bottom:16px}.Main .branch-div .branch-name div{display:inline-block}.Main .branch-div .branch-name .left{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px}.Main .branch-div .branch-name.active,.Main .branch-div .branch-name.active span{font-weight:700;color:#a9263d}.Main .AddSurvey .user-list-div,.Main .Surveys .user-list-div,.Main .Users .user-list-div{width:480px;height:700px;overflow:auto}.Main .AddSurvey .select-div,.Main .Surveys .select-div,.Main .Users .select-div{width:320px}.Main .AddSurvey .edit-user-div,.Main .Surveys .edit-user-div,.Main .Users .edit-user-div{position:relative;width:320px;min-height:700px}.Main .AddSurvey .edit-user-div .edit-user .field-group--mt8 .field--mt0 label,.Main .AddSurvey .edit-user-div .edit-user .field-group--mt8 .field label,.Main .AddSurvey .edit-user-div .edit-user .field-group .field--mt0 label,.Main .AddSurvey .edit-user-div .edit-user .field-group .field label,.Main .Surveys .edit-user-div .edit-user .field-group--mt8 .field--mt0 label,.Main .Surveys .edit-user-div .edit-user .field-group--mt8 .field label,.Main .Surveys .edit-user-div .edit-user .field-group .field--mt0 label,.Main .Surveys .edit-user-div .edit-user .field-group .field label,.Main .Users .edit-user-div .edit-user .field-group--mt8 .field--mt0 label,.Main .Users .edit-user-div .edit-user .field-group--mt8 .field label,.Main .Users .edit-user-div .edit-user .field-group .field--mt0 label,.Main .Users .edit-user-div .edit-user .field-group .field label{width:32%}.Main .AddSurvey .edit-user-div .edit-user .field-group--mt8 .field--mt0 input,.Main .AddSurvey .edit-user-div .edit-user .field-group--mt8 .field input,.Main .AddSurvey .edit-user-div .edit-user .field-group .field--mt0 input,.Main .AddSurvey .edit-user-div .edit-user .field-group .field input,.Main .Surveys .edit-user-div .edit-user .field-group--mt8 .field--mt0 input,.Main .Surveys .edit-user-div .edit-user .field-group--mt8 .field input,.Main .Surveys .edit-user-div .edit-user .field-group .field--mt0 input,.Main .Surveys .edit-user-div .edit-user .field-group .field input,.Main .Users .edit-user-div .edit-user .field-group--mt8 .field--mt0 input,.Main .Users .edit-user-div .edit-user .field-group--mt8 .field input,.Main .Users .edit-user-div .edit-user .field-group .field--mt0 input,.Main .Users .edit-user-div .edit-user .field-group .field input{width:61%}.Main .AddSurvey .edit-user-div .edit-user .field-group--mt8 .field--mt0 .role-div,.Main .AddSurvey .edit-user-div .edit-user .field-group--mt8 .field .role-div,.Main .AddSurvey .edit-user-div .edit-user .field-group .field--mt0 .role-div,.Main .AddSurvey .edit-user-div .edit-user .field-group .field .role-div,.Main .Surveys .edit-user-div .edit-user .field-group--mt8 .field--mt0 .role-div,.Main .Surveys .edit-user-div .edit-user .field-group--mt8 .field .role-div,.Main .Surveys .edit-user-div .edit-user .field-group .field--mt0 .role-div,.Main .Surveys .edit-user-div .edit-user .field-group .field .role-div,.Main .Users .edit-user-div .edit-user .field-group--mt8 .field--mt0 .role-div,.Main .Users .edit-user-div .edit-user .field-group--mt8 .field .role-div,.Main .Users .edit-user-div .edit-user .field-group .field--mt0 .role-div,.Main .Users .edit-user-div .edit-user .field-group .field .role-div{width:42px}.Main .AddSurvey .edit-user-div .edit-user .user-logo-div,.Main .Surveys .edit-user-div .edit-user .user-logo-div,.Main .Users .edit-user-div .edit-user .user-logo-div{margin:0 auto;width:120px}.Main .AddSurvey .edit-user-div .edit-user .user-logo,.Main .Surveys .edit-user-div .edit-user .user-logo,.Main .Users .edit-user-div .edit-user .user-logo{height:120px;width:120px;font-size:18px;line-height:120px;font-size:40px}.Main .user-logo.small{padding:0;margin:0 10px 0 0;height:20px!important;width:20px!important;line-height:20px!important;font-size:10px!important}.Main .user-logo.small.overlap{margin-right:-5px}.Main .add-user-div{position:relative;width:480px;min-height:700px;margin-left:0}.Main .add-user-div .add-user .field-group--mt8 .field--mt0 .role-div,.Main .add-user-div .add-user .field-group--mt8 .field .role-div,.Main .add-user-div .add-user .field-group .field--mt0 .role-div,.Main .add-user-div .add-user .field-group .field .role-div{width:78px}.Main .add-user-div .add-user .field-group--mt8 .field--mt0 .role-div:not(:last-of-type),.Main .add-user-div .add-user .field-group--mt8 .field .role-div:not(:last-of-type),.Main .add-user-div .add-user .field-group .field--mt0 .role-div:not(:last-of-type),.Main .add-user-div .add-user .field-group .field .role-div:not(:last-of-type){margin-right:5px}.Main .add-user-div .postive-vote{padding-top:20px}.Main .add-user-div p{padding:22px 80px;font-size:13px}.Main .add-user-div .white-red-button{width:140px;margin-bottom:17px}.Main .add-user-div .white-red-button.ab{position:absolute;right:30px;bottom:20px}.Main .add-user-div a{font-size:12px;font-weight:700;color:#a9263d}.Main .add-user-div a .arrow{margin-right:5px}.Main .manage-div,.Main .select-div{width:480px}.Main .session.select-div{width:320px}.Main .Activities .white-red-button,.Main .Branches .white-red-button{width:139px;position:absolute;right:30px;top:25px}.Main .Dashboard{margin-bottom:50px}.Main .Dashboard h2{font-size:21px}.Main .Dashboard h4{font-size:18px}.Main .Dashboard h5{font-size:13px}.Main .Dashboard p{font-size:12px}.Main .Dashboard p.meta,.Main .Dashboard span{font-size:10px}.Main .Dashboard a{color:#a9263d}.Main .Dashboard .header{position:relative;height:90px}.Main .Dashboard .headerTitle{float:left;max-width:100px}.Main .Dashboard .headerTitle h4{margin:9px 0 0}.Main .Dashboard .headerFilter{float:right;position:relative}.Main .Dashboard .headerFilter p{display:inline-block;color:#2f2f2f;margin-left:25px;opacity:.8;padding-bottom:5px;cursor:pointer}.Main .Dashboard .headerFilter p:hover{opacity:1;border-bottom:2px solid #000}.Main .Dashboard .headerFilter p.selected{opacity:1;font-weight:700;border-bottom:2px solid #000}.Main .Dashboard .customTooltip{background-color:#fff;box-shadow:0 3px 6px 0 #b2b2b2;position:relative;padding:11px 0;width:110px;height:32px;z-index:1}.Main .Dashboard .customTooltip h5{margin:0}.Main .Dashboard .customTooltip .tooltipDate{text-align:center;margin-bottom:10px}.Main .Dashboard .customTooltip .tooltipPart{float:left;height:31px;padding:0 11px 0 10px;position:relative;border-right:1px solid #b1b1b1;width:33px}.Main .Dashboard .customTooltip .tooltipPart span{position:relative;bottom:7px}.Main .Dashboard .customTooltip .tooltipPart:last-child{border:none;padding:0 11px 0 10px}.Main .Dashboard .customTooltip.active{height:60px}.Main .Dashboard .myCustomTooltip{background-color:#fff;box-shadow:0 3px 6px 0 #b2b2b2;position:absolute;padding:11px 0;width:110px;height:45px;z-index:1}.Main .Dashboard .myCustomTooltip h5{margin:0}.Main .Dashboard .myCustomTooltip .tooltipPart{float:left;height:31px;padding:0 11px 0 10px;position:relative;border-right:1px solid #b1b1b1;width:33px}.Main .Dashboard .myCustomTooltip .tooltipPart span{position:relative;bottom:7px}.Main .Dashboard .myCustomTooltip .tooltipPart:last-child{border:none}.Main .Dashboard .myCustomTooltip .tooltip-date{text-align:center;font-size:12px}.Main .Dashboard .myCustomTooltip:after{top:100%;left:50%;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:5px solid hsla(0,0%,100%,0);border-top-color:#fff;margin-left:-5px}.Main .Dashboard .overview{margin-bottom:14.5px;position:relative}.Main .Dashboard .overview .report-card-date{position:absolute;top:45px;right:0;font-size:15px}.Main .Dashboard .overview .overviewContainer .overviewBanner{max-width:230px;height:150px;width:100%;display:inline-block;margin-right:20px;margin-bottom:20px;border-radius:10px;overflow:hidden;box-shadow:0 0 15px 0 #e2e2e2}.Main .Dashboard .overview .overviewContainer .overviewBanner .overviewInfo{position:relative;bottom:-30px;padding:15px}.Main .Dashboard .overview .overviewContainer .overviewBanner .overviewInfo h2,.Main .Dashboard .overview .overviewContainer .overviewBanner .overviewInfo p,.Main .Dashboard .overview .overviewContainer .overviewBanner .overviewInfo span{color:#fff}.Main .Dashboard .overview .overviewContainer .overviewBanner .overviewInfo h2,.Main .Dashboard .overview .overviewContainer .overviewBanner .overviewInfo p{margin:0}.Main .Dashboard .overview .overviewContainer .overviewBanner .overviewInfo .overviewNumber{position:relative}.Main .Dashboard .overview .overviewContainer .overviewBanner .overviewInfo .overviewNumber h2 div{color:#fff}.Main .Dashboard .overview .overviewContainer .overviewBanner:last-child,.Main .Dashboard .overview .overviewContainer .overviewBanner:nth-child(4){margin-right:0}.Main .Dashboard .performance{padding:30px;background-color:#fff;box-shadow:0 0 15px 0 #e2e2e2;border-radius:10px;margin-top:20.5px;min-height:282.5px;position:relative}.Main .Dashboard .performance .report-card-date{position:absolute;top:65px;right:25px;font-size:15px}.Main .Dashboard .performance h5,.Main .Dashboard .performance span{margin:0}.Main .Dashboard .performance .chart{height:170px;margin-top:20.5px}.Main .Dashboard .performance .monthChartWrapper{display:flex;position:relative}.Main .Dashboard .performance .monthChartWrapper .monthChart{height:170px;width:100%;margin:0 14px 0 0;text-align:center}.Main .Dashboard .performance .monthChartWrapper .monthChart:last-child{margin:0}.Main .Dashboard .performance .backgroundChart{position:absolute;height:170px;width:100%}.Main .Dashboard .performance .performanceCharts{position:relative}.Main .Dashboard .performance .performanceCharts .timeBars{position:relative;display:flex}.Main .Dashboard .performance .performanceCharts .timeBars h5{position:relative;bottom:-6px}.Main .Dashboard .performance .performanceCharts .timeBars span{position:relative;bottom:2px}.Main .Dashboard .performance .performanceCharts .timeBars .weekBar{width:100%;margin:0 14px 0 0;background-color:#f2f2f2;border-radius:5px;text-align:center}.Main .Dashboard .performance .performanceCharts .timeBars .weekBar.month{margin:0 10px 0 0}.Main .Dashboard .performance .performanceCharts .timeBars .weekBar:last-child{margin:0}.Main .Dashboard .reportCartWrapper{margin-top:20px}.Main .Dashboard .reportCard{vertical-align:top;max-width:313px;width:100%;height:600px;border-radius:10px;background-color:#fff;box-shadow:0 0 15px #e2e2e2;margin:0 20px 20px 0;position:relative;overflow:hidden;display:inline-block}.Main .Dashboard .reportCard .report-card-date{position:absolute;bottom:20px;right:20px;font-size:12px}.Main .Dashboard .reportCard select{-webkit-appearance:none;appearance:none;border:none;border-radius:22px;background-color:#f2f2f2;padding:6px 40px 6px 15px;height:30px;margin:9px 0 0;font-size:12px;position:relative}.Main .Dashboard .reportCard .reportCardContainer{padding:30px}.Main .Dashboard .reportCard .reportCardContainer .shortVerticalChartContainer{overflow:auto;height:256px}.Main .Dashboard .reportCard .headerFilter{position:absolute;top:0;right:-10px}.Main .Dashboard .reportCard .headerFilter:after{content:"▾";position:absolute;right:15px;bottom:4px}.Main .Dashboard .reportCard .feedWrapper{overflow:auto;height:366px;box-sizing:border-box}.Main .Dashboard .reportCard .feedWrapper::-webkit-scrollbar{width:1px}.Main .Dashboard .reportCard .feedWrapper::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px transparent;border-radius:2px}.Main .Dashboard .reportCard .feedWrapper::-webkit-scrollbar-thumb{border-radius:2px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.4)}.Main .Dashboard .reportCard .feedContainer{border-bottom:1px solid #b1b1b1;margin-bottom:13.5px;padding-bottom:13.5px}.Main .Dashboard .reportCard .feedContainer .authorProfile .authorPicture{width:30px;height:30px;border-radius:50%;background-color:#f4f4f4;float:left;margin-right:10px}.Main .Dashboard .reportCard .feedContainer .authorProfile .authorName p{font-weight:700;color:#a9263d;margin:0}.Main .Dashboard .reportCard .feedContainer .authorProfile .authorName span{position:relative;bottom:7px}.Main .Dashboard .reportCard .feedContainer .feedThumb .feedThumbContainer{border-radius:10px;height:120px;background-size:cover;background-position:50%}.Main .Dashboard .reportCard .feedContainer .feedTitle{margin-top:10px}.Main .Dashboard .reportCard .feedContainer .feedExcerpt p,.Main .Dashboard .reportCard .feedContainer .feedTitle p{margin:0}.Main .Dashboard .reportCard .feedContainer:last-child{border:none}.Main .Dashboard .reportCard .radialChart{height:170px;margin-top:5px;position:relative}.Main .Dashboard .reportCard .radialChart .totalCount{margin:0;position:absolute;text-align:center;left:0;right:0;bottom:72px}.Main .Dashboard .reportCard .radialChart .totalCount h4,.Main .Dashboard .reportCard .radialChart .totalCount p{margin:0}.Main .Dashboard .reportCard .radialChart .totalCount p{color:#2f2f2f;line-height:.5}.Main .Dashboard .reportCard .radialChart .totalCount .entryWrapper{width:40%;margin:0 auto;padding:0 0 16px;border-bottom:1px dashed #b1b1b1}.Main .Dashboard .reportCard .radialChart .totalCount .entryWrapper:last-child{border:none;padding:8.5px 0 0}.Main .Dashboard .reportCard .verticalChart{margin-top:10px;position:relative;text-align:right}.Main .Dashboard .reportCard .verticalChart .verticalBar{position:relative;margin-bottom:13px;overflow:hidden}.Main .Dashboard .reportCard .verticalChart .barBackground{background-color:#e2e2e2;border-radius:3px;width:100%;height:5px;position:absolute;z-index:0;bottom:0}.Main .Dashboard .reportCard .verticalChart .bar{height:5px;border-radius:3px;z-index:1;position:relative;animation:anim-lightspeed-in 1s ease forwards}.Main .Dashboard .reportCard .verticalChart .barLabel{float:left;font-size:12px}.Main .Dashboard .reportCard .verticalChart .barValue{font-size:12px;font-weight:700;margin-bottom:5px}.Main .Dashboard .reportCard.last{margin:0}.Main .Dashboard .switch{position:absolute;display:inline-block;width:25px;height:15px;top:15px;right:15px;z-index:1}.Main .Dashboard .switch input{opacity:0;width:0;height:0}.Main .Dashboard .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:initial;transition:.4s;border:1px solid #fff}.Main .Dashboard .slider:before{position:absolute;content:"";height:9px;width:9px;left:2px;bottom:2px;background-color:#fff;transition:.4s}.Main .Dashboard input:checked+.slider:before{transform:translateX(10px)}.Main .Dashboard .slider.round{border-radius:9px}.Main .Dashboard .slider.round:before{border-radius:50%}.Main .Surveys .survey-info .name{font-weight:700;font-size:14px;line-height:18px}.Main .Surveys .survey-info .name span{font-weight:300;font-size:12px}.Main .Surveys .survey-info hr{background:transparent;border:none;border-top:1px solid #e2e2e2}.Main .Surveys .survey-info .surveyLine{margin-top:15px}.Main .Surveys .survey-info .surveyLine .surveyLineTitle{font-size:12px;font-weight:700}.Main .Surveys .survey-info .surveyLine .surveyLineValue{font-size:12px;margin-top:5px;min-height:30px}.Main .Surveys .survey-info .surveyLine .surveyLineValue .imageContainer{position:relative;margin-right:5px;text-align:center;width:30px;height:30px;float:left}.Main .Surveys .survey-info .surveyLine .surveyLineValue .imageContainer img{height:18px}.Main .Surveys .survey-info .surveyLine .surveyLineValue .imageContainer img[alt="0"]{height:10px}.Main .Surveys .survey-info .surveyLine:first-child{margin-top:0;margin-bottom:18px}.Main .AddSurvey .stepContainer{width:420px;min-height:600px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 0 10px #e2e2e2;border-radius:10px;padding:30px;display:flex;flex-direction:column;margin-top:20px}.Main .AddSurvey .stepContainer .navigation{height:30px;margin-top:auto;align-self:flex-start;width:100%}.Main .AddSurvey .stepContainer .navigation .navArrow{font-size:14px;color:#a9263d;cursor:pointer}.Main .AddSurvey .stepContainer .navigation .navArrow:hover{color:#731a1a}.Main .AddSurvey .stepContainer .navigation .back{float:left}.Main .AddSurvey .stepContainer .navigation .next{float:right}.Main .AddSurvey .stepContainer .stepTitle{text-align:center;color:#2f2f2f;font-size:21px;font-weight:700}.Main .AddSurvey .stepContainer .stepTitle.success{font-size:20px;color:#2f2f2f;font-weight:400;margin-top:21px}.Main .AddSurvey .stepContainer .logAnother{border-radius:10px;width:300px;height:50px;margin-left:auto;margin-right:auto;font-size:16px;margin-top:18.5px;cursor:pointer}.Main .AddSurvey .stepContainer .returnLink{font-size:12px;text-align:center;margin-top:20px}.Main .AddSurvey .stepContainer .returnLink button{color:#a9263d;font-weight:700;-webkit-appearance:none;appearance:none;border:none;cursor:pointer}.Main .AddSurvey .stepContainer .returnLink button:hover{opacity:.7}.Main .AddSurvey .stepContainer .stepName{text-align:center;font-size:14px;color:#2f2f2f}.Main .AddSurvey .stepContainer .branchList{margin-top:17px;height:100%;margin-bottom:0;overflow:hidden}.Main .AddSurvey .stepContainer .branchList .groupContainer{overflow-y:auto;overflow-x:hidden;height:420px}.Main .AddSurvey .stepContainer .branchList .groupContainer.surveyField{height:100%;padding-top:10px;text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:flex-start}.Main .AddSurvey .stepContainer .branchList .groupContainer.surveyField.column{flex-direction:column;align-content:center;justify-content:flex-start}.Main .AddSurvey .stepContainer .branchList .groupContainer.surveyField.column .selectSurvey{width:140px;height:140px;padding:30px 20px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}.Main .AddSurvey .stepContainer .branchList .form-control{margin-bottom:20px}.Main .AddSurvey .stepContainer .branchList input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.Main .AddSurvey .stepContainer .branchList .branch-group{margin:0}.Main .AddSurvey .stepContainer .branchList .checkmark{position:absolute;top:0;right:0;height:15px;width:15px;border-radius:5px;background-color:#eee}.Main .AddSurvey .stepContainer .branchList .checkmark:after{right:3px;top:4px;width:7px;height:3px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg);content:"";position:absolute;display:none}.Main .AddSurvey .stepContainer .branchList .selectSurvey{display:block;text-align:center;position:relative;box-sizing:border-box;padding:20px;margin-left:auto;margin-right:auto;cursor:pointer}.Main .AddSurvey .stepContainer .branchList .selectSurvey .checkmark{background-color:initial;border-radius:50%;top:-5.5px;right:-5.5px;z-index:1}.Main .AddSurvey .stepContainer .branchList .selectSurvey .selectName{text-transform:capitalize;font-size:14px}.Main .AddSurvey .stepContainer .branchList .selectSurvey .selectName.active{color:#2196f3}.Main .AddSurvey .stepContainer .branchList .selectSurvey .borderCheck{width:100%;height:100%;border:1px solid #e2e2e2;border-radius:5px;position:absolute;top:0;left:0;opacity:.5;background-color:#fff;transition:all .2 ease;box-sizing:border-box}.Main .AddSurvey .stepContainer .branchList .surveyField.displayBlock{display:block}.Main .AddSurvey .stepContainer .branchList .attribute_type.selectSurvey.fill-4{width:140px;height:140px;padding:30px 20px;margin:10px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}.Main .AddSurvey .stepContainer .branchList .selectSurvey.fill-3{width:140px;height:140px;padding:30px 20px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;margin:10px auto}.Main .AddSurvey .stepContainer .branchList .selectSurvey.fill-2{width:140px;height:140px;padding:30px 20px;margin-bottom:20px}.Main .AddSurvey .stepContainer .branchList .selectSurvey.fill-4{width:155px;height:80px;padding:10px;margin-bottom:10px}.Main .AddSurvey .stepContainer .branchList .selectSurvey.fill-5{width:155px;height:60px;margin-bottom:10px}.Main .AddSurvey .stepContainer .branchList .selectSurvey.satisfaction{width:60px;height:60px;padding:13px}.Main .AddSurvey .stepContainer .branchList .selectSurvey.satisfaction .selectName{display:none}.Main .AddSurvey .stepContainer .branchList .selectSurvey:hover input~.borderCheck,.Main .AddSurvey .stepContainer .branchList .selectSurvey input:checked~.borderCheck{border:2px solid #42aee3;background-color:initial;opacity:1}.Main .AddSurvey .stepContainer .branchList .selectSurvey input:checked~.checkmark{background-color:#2196f3}.Main .AddSurvey .stepContainer .branchList .selectSurvey input:checked~.checkmark:after{display:block}.Main .AddSurvey .stepContainer .branchList .selectSurvey:last-child{margin-bottom:0}.Main .AddSurvey .stepContainer .branchList ul{list-style:none;padding-left:0}.Main .AddSurvey .stepContainer .branchList ul .container{display:block;position:relative;padding-right:35px;margin-bottom:17px;cursor:pointer;font-size:12px;-webkit-user-select:none;user-select:none}.Main .AddSurvey .stepContainer .branchList ul .container .activityIcon{width:18px;margin-right:16px;position:relative;bottom:-4px}.Main .AddSurvey .stepContainer .branchList ul .container:hover input~.checkmark{background-color:#ccc}.Main .AddSurvey .stepContainer .branchList ul .container input:checked~.checkmark{background-color:#2196f3}.Main .AddSurvey .stepContainer .branchList ul .container input:checked~.checkmark:after{display:block}.loaderContainer{width:100%;position:relative}.loaderContainer .loaderRow{display:flex;justify-content:space-between;flex-wrap:wrap}.loaderContainer .loaderRow .loaderDiv{flex:1 0 15%;margin:5px}.loaderContainer .loaderRow .three-fourth{flex-grow:20}.loaderContainer .circleLoad{width:40px;height:40px;border-radius:50%;margin-bottom:20px}.loaderContainer .textLoad{height:7px;margin-bottom:6px}.loaderContainer .half{width:50%}.loaderContainer .quarter{width:25%}.loaderContainer .big{height:12px}.loaderContainer .bigMargin{margin-bottom:15px}.loaderContainer .hide{display:none}.loaderContainer .radialCircle{border-radius:50%;width:154px;height:154px;margin-bottom:20px;margin-left:auto;margin-right:auto}.loaderContainer .radialCircle:before{content:"";background:#fff;width:120px;height:120px;margin-left:auto;margin-right:auto;border-radius:50%;display:block;top:17px;position:relative}.loaderContainer .resultBar{width:100%;display:flex;margin-bottom:20.5px}.loaderContainer .resultBar .barPlaceholder{height:42px;width:100%;border-radius:5px;margin-left:10px}.loaderContainer .resultBar .barPlaceholder:first-child{margin-left:0}.loaderContainer .resultChart{width:100%;display:flex}.loaderContainer .resultChart .chartPlaceholder{height:150px;width:100%;border-radius:5px;margin-left:13px}.loaderContainer .resultChart .chartPlaceholder:first-child{margin-left:0}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animated-background,.loaderContainer .circleLoad,.loaderContainer .radialCircle,.loaderContainer .resultBar .barPlaceholder,.loaderContainer .resultChart .chartPlaceholder,.loaderContainer .textLoad{animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f2f2f2;background:linear-gradient(90deg,#eaeaea 8%,#f2f2f2 18%,#f6f6f6 33%);background-size:800px 104px;position:relative}.App ::-webkit-scrollbar{width:1px}.App ::-webkit-scrollbar ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px transparent;border-radius:2px}.App ::-webkit-scrollbar ::-webkit-scrollbar-thumb{border-radius:2px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.2)}.react-datepicker__current-month,.react-datepicker__day,.react-datepicker__day-name{text-align:center!important}.react-datepicker-ignore-onclickoutside,.react-datepicker-wrapper,.react-datepicker__input-container,.react-datepicker__input-container input{width:0;height:0;padding:0}.session-branch-datepicker .react-datepicker-ignore-onclickoutside,.session-branch-datepicker .react-datepicker-wrapper,.session-branch-datepicker .react-datepicker__input-container,.session-branch-datepicker .react-datepicker__input-container input{width:100%;height:40px;margin-bottom:10px}.session-branch-datepicker .react-datepicker__input-container input{padding-left:10px;width:calc(100% - 10px)}.session-branch-datepicker .react-datepicker-popper{z-index:10}.session-branch-datepicker .image-close{left:110px;top:10px;position:absolute}.field-group--mt8 .session-branch-datepicker .field--mt0 select,.field-group .session-branch-datepicker .field--mt0 select,.session-branch-datepicker .field-group--mt8 .field--mt0 select,.session-branch-datepicker .field-group .field--mt0 select,.session-branch-datepicker .field select{width:100%;background-color:#f2f2f2;height:40px;margin-bottom:10px}.AddWorkplan .field,.AddWorkplan .field-group--mt8 .field--mt0,.AddWorkplan .field-group .field--mt0,.field-group--mt8 .AddWorkplan .field--mt0,.field-group--mt8 .Workplans .field--mt0,.field-group .AddWorkplan .field--mt0,.field-group .Workplans .field--mt0,.Workplans .field,.Workplans .field-group--mt8 .field--mt0,.Workplans .field-group .field--mt0{margin-top:5px}.AddWorkplan .field-group--mt8 .field--mt0 input,.AddWorkplan .field-group .field--mt0 input,.AddWorkplan .field input,.field-group--mt8 .AddWorkplan .field--mt0 input,.field-group--mt8 .Workplans .field--mt0 input,.field-group .AddWorkplan .field--mt0 input,.field-group .Workplans .field--mt0 input,.Workplans .field-group--mt8 .field--mt0 input,.Workplans .field-group .field--mt0 input,.Workplans .field input{height:30px;text-align:center;padding-left:0;width:100%;max-width:calc(100% - 85px)!important}.AddWorkplan .field-group--mt8 .field--mt0 input.occurrence,.AddWorkplan .field-group .field--mt0 input.occurrence,.AddWorkplan .field input.occurrence,.field-group--mt8 .AddWorkplan .field--mt0 input.occurrence,.field-group--mt8 .Workplans .field--mt0 input.occurrence,.field-group .AddWorkplan .field--mt0 input.occurrence,.field-group .Workplans .field--mt0 input.occurrence,.Workplans .field-group--mt8 .field--mt0 input.occurrence,.Workplans .field-group .field--mt0 input.occurrence,.Workplans .field input.occurrence{width:100%;max-width:calc(100% - 168px)!important}.AddWorkplan .user-logo,.Workplans .user-logo{margin:0 0 0 10px}.AddWorkplan .arrow.user,.Workplans .arrow.user{margin-left:10px}.AddWorkplan .more,.Workplans .more{font-size:13px}.AddWorkplan .age,.Workplans .age{width:14.5%}.AddWorkplan .age:not(:last-of-type),.Workplans .age:not(:last-of-type){margin-right:3px!important}.AddWorkplan .gender,.Workplans .gender{width:15.5%}.AddWorkplan .assign,.Workplans .assign{margin-left:8px}.select-div .normal-margin{height:480px;overflow-x:auto;overflow-x:hidden;margin-top:0}img.feedThumbContainer{width:100%}.GoodNews .manage-div{height:calc(100vh - 170px)}.GoodNews .manage-list{background:#f8f9fb}.GoodNews .list-div{background:#fff;margin-bottom:20px;padding:20px}.GoodNews .feedContent,.GoodNews .feedTitle{margin-top:8px}.GoodNews p{font-size:12px}.dot-black{margin-top:8px}.edit-box{height:57px;width:77px;z-index:20;background:#fff 0 0 no-repeat padding-box;box-shadow:0 0 3px #2f2f2f;border-radius:5px;border:0;opacity:1;right:30px;top:40px;padding:20px}.edit-box p{margin-bottom:6px}@media only screen and (max-width:1280px){.login-system{width:1280px}.type-popup.type-export{left:970px}}.export-link{right:30px;top:25px;text-align:right;font-weight:700;font-size:14px;line-height:18px;letter-spacing:0;color:#a9263d;opacity:1}.type-popup.type-export{left:calc(50vw + 70px);position:absolute;top:130px;width:300px;height:90px;background:#fff;border-radius:10px;z-index:20;padding:20px}.type-popup.type-export .field-group,.type-popup.type-export .field-group--mt8{margin-top:0}.type-popup.type-export label{width:100px}.type-popup.type-export select{width:calc(100% - 100px);background:#f2f2f2 0 0 no-repeat padding-box;border-radius:5px;height:30px}.type-popup.type-export .yesno{width:calc(100% - 100px)}.type-popup.type-export .yesno div{width:46%;text-align:center;background:#fff 0 0 no-repeat padding-box;border:1px solid #b1b1b1;border-radius:5px;height:30px;line-height:30px}.type-popup.type-export .yesno div:first-of-type{margin-right:10px}.type-popup.type-export .yesno div.active{background:#42aee3 0 0 no-repeat padding-box;color:#fff}.type-popup.type-export .white-red-button{margin-right:10px}.type-popup.type-export button{margin-top:10px;width:48%;display:inline-block}.type-popup.type-export.active{height:130px}.type-popup.type-export.branch-select{height:170px}.type-popup.type-export.active.branch-select{height:210px}.type-popup.type-export.custom-date{height:420px}.type-popup.type-export.active.custom-date{height:470px}.type-popup.type-export.custom-date.branch-select{height:450px}.type-popup.type-export.active.custom-date.branch-select{height:540px}@media only screen and (max-width:1280px){.login-system{width:1280px}.type-popup.type-export{left:740px}}.loading-img{position:fixed;left:50vw;top:40vh;z-index:30}.GoodNews .feedThumbContainer{border-radius:10px;min-height:250px;background:#707070}.lastActivitySession{font-size:18px!important;font-weight:300}.overview-arrow,.overview-item{font-size:16px!important}.overview-stats{margin-right:10px}.activity-search{width:480px;margin-bottom:20px}.location-selector{font-weight:700;margin-bottom:18px}.Dashboard .react-datepicker-wrapper,.Dashboard .react-datepicker-wrapper input,.Dashboard .react-datepicker__input-container,.stepContainer .react-datepicker-wrapper,.stepContainer .react-datepicker-wrapper input,.stepContainer .react-datepicker__input-container,.type-export .react-datepicker-wrapper,.type-export .react-datepicker-wrapper input,.type-export .react-datepicker__input-container{height:40px;margin-bottom:10px}.Dashboard .react-datepicker-wrapper,.stepContainer .react-datepicker-wrapper,.type-export .react-datepicker-wrapper{width:46%;margin-left:10px;margin-top:10px}.Dashboard .react-datepicker-wrapper input,.Dashboard .react-datepicker__input-container,.stepContainer .react-datepicker-wrapper input,.stepContainer .react-datepicker__input-container,.type-export .react-datepicker-wrapper input,.type-export .react-datepicker__input-container{width:100%}.Dashboard .react-datepicker-wrapper input,.stepContainer .react-datepicker-wrapper input,.type-export .react-datepicker-wrapper input{text-align:center}.Dashboard .react-datepicker__day--in-range,.stepContainer .react-datepicker__day--in-range,.type-export .react-datepicker__day--in-range{background:#64b9f8 0 0 no-repeat padding-box;color:#000;opacity:.8}.Dashboard .react-datepicker__day--range-end,.Dashboard .react-datepicker__day--range-start,.stepContainer .react-datepicker__day--range-end,.stepContainer .react-datepicker__day--range-start,.type-export .react-datepicker__day--range-end,.type-export .react-datepicker__day--range-start{background:#216ba5 0 0 no-repeat padding-box;opacity:1}.Dashboard .react-datepicker__day,.Dashboard .react-datepicker__day-name,.Dashboard .react-datepicker__time-name,.stepContainer .react-datepicker__day,.stepContainer .react-datepicker__day-name,.stepContainer .react-datepicker__time-name,.type-export .react-datepicker__day,.type-export .react-datepicker__day-name,.type-export .react-datepicker__time-name{margin:.23rem}.Dashboard .datepicker-div,.stepContainer .datepicker-div,.type-export .datepicker-div{width:255px;position:absolute;z-index:20;background:#f0f0f0 0 0 no-repeat padding-box;border:1px solid #b1b1b1;border-radius:5px}.Dashboard .datepicker-div input,.Dashboard .datepicker-div label,.stepContainer .datepicker-div input,.stepContainer .datepicker-div label,.type-export .datepicker-div input,.type-export .datepicker-div label{color:#2f2f2f;opacity:.8;font-size:11px}.Dashboard .datepicker-div .close,.stepContainer .datepicker-div .close,.type-export .datepicker-div .close{position:absolute;right:10px;top:10px;cursor:pointer}.Dashboard .datepicker-div .apply-button,.stepContainer .datepicker-div .apply-button,.type-export .datepicker-div .apply-button{background:#216ba5 0 0 no-repeat padding-box;color:#fff;height:32px}.Dashboard .datepicker-div .input-div,.stepContainer .datepicker-div .input-div,.type-export .datepicker-div .input-div{padding:10px 15px}.Dashboard .datepicker-div .input-div .apply-button,.stepContainer .datepicker-div .input-div .apply-button,.type-export .datepicker-div .input-div .apply-button{width:45px}.Dashboard .datepicker-div .date-picker,.stepContainer .datepicker-div .date-picker,.type-export .datepicker-div .date-picker{width:75px;height:30px;background:#fff 0 0 no-repeat padding-box;border:1px solid #707070;margin-right:5px;padding-left:5px}.Dashboard .datepicker-div .date-picker.active,.stepContainer .datepicker-div .date-picker.active,.type-export .datepicker-div .date-picker.active{border:2px solid #216ba5}.Dashboard .datepicker-div .custom-datepicker,.stepContainer .datepicker-div .custom-datepicker,.type-export .datepicker-div .custom-datepicker{display:none}.Dashboard .datepicker-div .custom-datepicker.active,.stepContainer .datepicker-div .custom-datepicker.active,.type-export .datepicker-div .custom-datepicker.active{display:block}.Dashboard .datepicker-div .react-datepicker,.stepContainer .datepicker-div .react-datepicker,.type-export .datepicker-div .react-datepicker{border:none}.Dashboard .datepicker-div .calendar-svg,.stepContainer .datepicker-div .calendar-svg,.type-export .datepicker-div .calendar-svg{height:15px;width:13px;position:absolute;right:10px;bottom:10px;opacity:.6}.Dashboard .datepicker-div.position-overview,.stepContainer .datepicker-div.position-overview,.type-export .datepicker-div.position-overview{right:0;top:50px}.Dashboard .datepicker-div.position-performance,.stepContainer .datepicker-div.position-performance,.type-export .datepicker-div.position-performance{right:30px;top:80px}.Dashboard .datepicker-div.position-reportcard,.stepContainer .datepicker-div.position-reportcard,.type-export .datepicker-div.position-reportcard{right:20px;top:90px}.Dashboard .datepicker-div:after,.stepContainer .datepicker-div:after,.type-export .datepicker-div:after{content:"";display:block;position:absolute;top:-11px;right:20%;width:20px;height:20px;background:#f0f0f0;border-right:1px solid #b1b1b1;border-top:1px solid #b1b1b1;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);z-index:-1}.Dashboard .react-datepicker-popper,.stepContainer .react-datepicker-popper,.type-export .react-datepicker-popper{z-index:10}.Dashboard .select-date-div,.stepContainer .select-date-div,.type-export .select-date-div{background:#a9263d 0 0 no-repeat padding-box;color:#fff;line-height:35px;text-align:center;font-size:12px;padding-left:16px;padding-right:16px;border-radius:5px;height:35px;position:absolute;cursor:pointer}.Dashboard .select-date-div.position-overview,.stepContainer .select-date-div.position-overview,.type-export .select-date-div.position-overview{right:0;top:40px}.Dashboard .select-date-div.position-performance,.stepContainer .select-date-div.position-performance,.type-export .select-date-div.position-performance{right:30px;top:70px}.Dashboard .select-date-div.position-reportcard,.stepContainer .select-date-div.position-reportcard,.type-export .select-date-div.position-reportcard{right:20px;bottom:20px}.stepContainer .datepicker-div{position:relative;width:100%;background:none;border:none}.stepContainer .datepicker-div:after{display:none}.stepContainer .datepicker-div .date-picker{width:100%}.stepContainer .datepicker-div .input-div{padding-left:0;padding-right:0}.stepContainer .datepicker-div .custom-datepicker{text-align:center;margin-top:20px}.type-export .datepicker-div{position:inherit;width:100%;border:none;background:inherit}.type-export .datepicker-div .date-picker{width:136px}.type-export .datepicker-div .input-div{padding:0}.type-export .datepicker-div .react-datepicker{border:1px solid #aeaeae}.type-export .datepicker-div .custom-datepicker{text-align:center;margin-top:10px}.type-export .datepicker-div:after{width:0;height:0}.type-export .react-datepicker__navigation{width:10px!important}.reportCard.placeholder-css{background:#fff;position:relative;height:486px}.single-branch{max-height:600px;overflow-y:scroll}.print-button{position:absolute;width:100px;left:0;top:40px}.overview .white-red-button:hover{width:100px}
/*# sourceMappingURL=main.cb7572dc.chunk.css.map */