.form-group[data-v-349fcbb3]{margin-bottom:30px}.avatar-img[data-v-349fcbb3]{width:120px;height:120px;margin-left:auto;border-radius:50%;cursor:pointer}.material-icons[data-v-349fcbb3]{position:relative;bottom:-50px;left:-42px;color:#1c1d21;background-color:#d8dadf;padding:8px;border-radius:25px;cursor:pointer}.headers[data-v-349fcbb3]{position:relative;top:40px;left:-15px}.headers[data-v-349fcbb3],h4[data-v-349fcbb3],h5[data-v-349fcbb3]{display:inline-block}h4[data-v-349fcbb3],h5[data-v-349fcbb3]{margin-bottom:10px}.aspect-ratio[data-v-349fcbb3]{width:200px;margin-top:15px}.personal-details[data-v-349fcbb3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:1fr;grid-column-gap:20px;background-color:#f5f6fa}.sf-date-area[data-v-349fcbb3]{position:relative}.sf-date[data-v-349fcbb3]{position:absolute;z-index:1}.username[data-v-349fcbb3]{background:#f4f4f4!important}#action-column[data-v-23a590f4]{width:110px}.col-width[data-v-23a590f4]{height:80px}.form-group[data-v-23a590f4]{padding-bottom:0}.form-group label[data-v-23a590f4]{font-weight:700;font-size:15px}small[data-v-23a590f4]{font-size:85%}.col-width-text-area[data-v-23a590f4]{height:180px}.mat-icon[data-v-23a590f4]{position:relative;top:5px;left:-3px}.sf-date[data-v-23a590f4]{position:absolute;z-index:3}.sf-datatable-modal .sf-modal-header[data-v-23a590f4]{padding-top:14px!important;padding-bottom:15px!important}.sf-datatable-modal .sf-modal-header .sf-close[data-v-23a590f4]{margin-top:4px!important}.work-time-action-column[data-v-7d6be15e]{width:160px}.col-width[data-v-7d6be15e]{height:95px}.form-group[data-v-7d6be15e]{padding-bottom:0}.form-group label[data-v-7d6be15e]{font-weight:700;font-size:15px}small[data-v-7d6be15e]{font-size:85%}.col-width-text-area[data-v-7d6be15e]{height:180px}.mat-icon[data-v-7d6be15e]{position:relative;top:6px;left:-3px}.sf-date[data-v-7d6be15e]{position:absolute;z-index:3}.sf-datatable-modal .sf-modal-header[data-v-7d6be15e]{padding-top:14px!important;padding-bottom:15px!important}.sf-datatable-modal .sf-modal-header .sf-close[data-v-7d6be15e]{margin-top:4px!important}.sf-text-danger[data-v-9763861c]{margin-bottom:15px;color:red;font-size:16px}.sf-clearfix[data-v-9763861c]:after{content:"";clear:both;display:table}.sf-float-left[data-v-9763861c]{display:inline-block}.sf-float-right[data-v-9763861c]{float:right}.loadingStyle[data-v-ac001e22]{z-index:1000;height:auto!important;background-color:transparent!important}.loading-content-area[data-v-ac001e22]{background-color:#fff;padding:50px 80px}img[data-v-ac001e22]{vertical-align:middle;border-style:none;margin-right:8px;width:13%;margin-top:10px}.cs-side-bar-area{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#fff;height:100vh;background-color:#3d2397;float:left;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cs-side-bar-area .cs-logo-or-brand-area{display:inline-block}.cs-side-bar-area .cs-logo{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#fff;height:30px;margin:15px;margin-left:20px}.cs-side-bar-area .scroll-on-side-bar{height:calc(100% - 118px);overflow-y:auto;padding-left:15px;padding-right:15px;margin-top:0}.cs-side-bar-area .cs-menus{padding:0;color:#fff;list-style-position:inside;list-style-type:none}.cs-side-bar-area .cs-menu-item,.cs-side-bar-area .cs-menus{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}.cs-side-bar-area .cs-menu-item{padding:0;color:#fff!important;display:block;text-decoration:none!important;padding:10px;cursor:pointer}.cs-side-bar-area .cs-menus li:hover{background-color:#2b1879}.cs-side-bar-area .menu-name{padding-left:6px}.cs-side-bar-area .menu-bg-color{background-color:#2b1879}.cs-side-bar-area .cs-sub-menus{color:#fff;list-style-position:inside;list-style-type:none;padding:0}.cs-side-bar-area .cs-sub-menus,.cs-side-bar-area .cs-sub-menus-item{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;display:block}.cs-side-bar-area .cs-sub-menus-item{padding:0;color:#fff!important;text-decoration:none!important;padding:10px 36px 10px;cursor:pointer}.cs-side-bar-area .cs-sub-menus-item-selected,.cs-side-bar-area .cs-sub-menus-item:hover{background-color:#1c0d53}.cs-side-bar-area i{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#fff;font-size:15px;position:relative;top:2px;margin-right:6px}.cs-side-bar-area i.cs-arrows{float:right;margin:0}.cs-side-bar-area .cs-display-none{display:none}.cs-side-bar-area .cs-selected-menu{background-color:#2b1879}.cs-side-bar-area .cs-avatar-area .material-icons{color:#231066;font-size:16px}.cs-side-bar-area .cs-avatar{height:25px;width:25px;border-radius:20px;margin-top:17px;margin-left:20px;cursor:pointer;-webkit-box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.24) 0 1px 2px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.cs-side-bar-area .cs-avatar-menu{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style-position:inside;list-style-type:none;background-color:#fff;z-index:3;width:220px;bottom:62px;left:15px;-webkit-box-shadow:rgba(50,50,93,.25) 0 13px 27px -5px,rgba(0,0,0,.3) 0 8px 16px -8px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.cs-side-bar-area .cs-avatar-menu li .cs-avatar-menu-item{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#231066;text-decoration:none;padding:10px 13px;cursor:pointer}.cs-side-bar-area .cs-avatar-menu li .cs-avatar-menu-item:hover{background-color:#e3e1ec}.cs-side-bar-container{overflow:hidden}.cs-side-bar-container .cs-content-nav-bar{background-color:#fff;position:sticky;top:0;z-index:11;padding-left:15px}.cs-side-bar-container .cs-navbar-toggle-area{display:inline-block;padding:4px 4px 0 4px;margin-left:-6px;margin-top:15px;margin-bottom:15px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cs-side-bar-container .cs-navbar-toggle-area i{font-size:24px}.cs-side-bar-container .cs-page-location{position:relative;display:inline-block;font-size:15px;top:-6px;left:6px;margin-bottom:10px;text-transform:capitalize}.cs-side-bar-container .cs-content-area{width:calc(100% - 250px);float:right;height:100vh;overflow:hidden}.cs-side-bar-container .cs-content-area .cs-main-content-area{height:calc(100% - 61px);overflow-y:auto;overflow-x:hidden;background-color:#f5f6fa}.cs-side-bar-container:after{content:"";clear:both;display:table}.triangle-down-area{position:relative}.triangle-down{position:absolute;z-index:-1;bottom:-15px;left:6px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:24px solid #fff}.sf-text-danger{margin-bottom:15px;color:red;font-size:16px}.sf-clearfix:after{content:"";clear:both;display:table}.sf-float-left{display:inline-block}.sf-float-right{float:right}