diff --git a/.env.example b/.env.example
index c1d5a631e..080c4351a 100644
--- a/.env.example
+++ b/.env.example
@@ -1,6 +1,6 @@
 APP_NAME='Krayin CRM'
 APP_ENV=local
-APP_VERSION=1.2.4
+APP_VERSION=1.3.0
 APP_KEY=
 APP_DEBUG=true
 APP_URL=http://localhost
diff --git a/packages/Webkul/Admin/publishable/assets/css/admin.css b/packages/Webkul/Admin/publishable/assets/css/admin.css
index 93615df72..c7dc7df46 100644
--- a/packages/Webkul/Admin/publishable/assets/css/admin.css
+++ b/packages/Webkul/Admin/publishable/assets/css/admin.css
@@ -1,2 +1,2 @@
 @import url(https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap);
-.icon{background-size:cover;display:inline-block;height:20px;vertical-align:top;width:20px}.icon.sprite{background-repeat:no-repeat;background-size:auto}.dashboard-icon{background-position:-371px -2px}.dashboard-icon,.leads-icon{background-image:url(../images/sprite-main.svg)}.leads-icon{background-position:-130px -2px}.quotes-icon{background-position:-563px -2px}.emails-icon,.quotes-icon{background-image:url(../images/sprite-main.svg)}.emails-icon{background-position:-419px -3px;height:18px;width:20px}.activities-icon{background-position:-324px -2px;height:21px;width:17px}.activities-icon,.phone-icon{background-image:url(../images/sprite-main.svg)}.phone-icon{background-position:-178px -2px}.products-icon{background-position:-227px -3px;height:18px}.products-icon,.settings-icon{background-image:url(../images/sprite-main.svg)}.settings-icon{background-position:-275px -2px}.tools-icon{background-image:url(../images/sprite-main.svg);background-position:-514px -2px}.avatar-icon{background-image:url(../images/avatar-icon.svg);height:21px;width:16px}.avatar-dark-icon{background-image:url(../images/avatar-dark-icon.svg)}.email-send-icon{background-image:url(../images/email-send-icon.svg)}.table-line-icon{background-image:url(../images/table-line-icon.svg)}.table-line-active-icon{background-image:url(../images/table-line-active-icon.svg)}.layout-column-line-icon{background-image:url(../images/layout-column-line-icon.svg)}.layout-column-line-active-icon{background-image:url(../images/layout-column-line-active-icon.svg)}.calendar-line-icon{background-image:url(../images/calendar-line-icon.svg)}.calendar-line-active-icon{background-image:url(../images/calendar-line-active-icon.svg)}.empty-kanban-icon{background-image:url(../images/empty-kanban-icon.svg)}.menu-item.active .dashboard-icon,.menu-item:hover .dashboard-icon{background-position:-347px -2px}.menu-item.active .leads-icon,.menu-item:hover .leads-icon{background-position:-106px -2px}.menu-item.active .quotes-icon,.menu-item:hover .quotes-icon{background-position:-539px -2px}.menu-item.active .emails-icon,.menu-item:hover .emails-icon{background-position:-395px -3px}.menu-item.active .activities-icon,.menu-item:hover .activities-icon{background-position:-300px -2px}.menu-item.active .phone-icon,.menu-item:hover .phone-icon{background-position:-154px -2px}.menu-item.active .products-icon,.menu-item:hover .products-icon{background-position:-203px -3px}.menu-item.active .settings-icon,.menu-item:hover .settings-icon{background-position:-251px -2px}.menu-item.active .tools-icon,.menu-item:hover .tools-icon{background-position:-490px -2px}.dollar-circle-icon{background-image:url(../images/dollar-circle-icon.svg)}.drag-icon{background-image:url(../images/drag-icon.svg)}.empty-bar-icon{background-image:url(../images/empty-bar-icon.svg)}.empty-bar-vertical-icon{background-image:url(../images/empty-bar-vertical-icon.svg)}.ellipsis-icon{background-image:url(../images/ellipsis-icon.svg)}.attribute-icon{background-image:url(../images/attribute-icon.svg)}.lead-icon{background-image:url(../images/lead-icon.svg)}.mail-icon{background-image:url(../images/mail-icon.svg)}.organization-icon{background-image:url(../images/organization-icon.svg)}.person-icon{background-image:url(../images/person-icon.svg)}.product-icon{background-image:url(../images/product-icon.svg)}.quotation-icon{background-image:url(../images/quotation-icon.svg)}.group-icon{background-image:url(../images/group-icon.svg)}.role-icon{background-image:url(../images/role-icon.svg)}.user-icon{background-image:url(../images/user-icon.svg)}.source-icon{background-image:url(../images/source-icon.svg)}.type-icon{background-image:url(../images/type-icon.svg)}.email-template-icon{background-image:url(../images/email-template-icon.svg)}.workflow-icon{background-image:url(../images/workflow-icon.svg)}.tag-icon{background-image:url(../images/tag-icon.svg)}.pipeline-icon{background-image:url(../images/pipeline-icon.svg)}ul.drag-inner-list,ul.drag-list{list-style-type:none;margin:0;padding:0 5px}.drag-container{height:100%;margin:0;overflow:auto}.drag-container span div a{background:#fff;border:2px solid #0e90d9;border-radius:4px;box-shadow:0 4px 6px -1px rgba(14,144,217,.1),0 2px 4px -1px rgba(14,144,217,.06);color:#0e90d9;display:block;padding:10px;text-align:center}.drag-list{grid-gap:10px;color:#546e7a;display:grid;grid-auto-columns:minmax(320px,auto);grid-auto-flow:column;height:calc(100% - 10px);margin-bottom:10px;width:-moz-max-content;width:max-content}@media (max-width:690px){.drag-list{display:block}}.drag-column{background-color:hsla(0,0%,100%,.5);border-radius:4px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:inline-block;margin:0;overflow:hidden;vertical-align:top;width:auto}@media (max-width:690px){.drag-column{margin-bottom:30px}}.drag-column .drag-column-header{align-items:center;display:flex;justify-content:space-between;padding:20px}.drag-column .drag-column-header>div{width:100%}.drag-column .drag-column-header>div h2{color:#263238;font-size:18px;font-weight:500;margin:0 0 10px}.drag-column .drag-column-header>div h2 span{color:#53c41a}.drag-column .drag-column-header>div a{cursor:pointer}.drag-inner-list{color:#546e7a;height:100%;height:calc(100% - 110px);min-height:50px;overflow-y:scroll}.drag-inner-list .empty-icon-container{display:block;height:100%;position:relative;text-align:center}.drag-inner-list .empty-icon-container .icon-text-container{left:calc(50% - 49px);position:absolute;top:calc(50% - 75px)}.drag-inner-list .empty-icon-container .icon-text-container .empty-kanban-icon{height:98px;width:98px}.drag-inner-list .empty-icon-container .icon-text-container span{display:block;padding-top:10px}.drag-item{background:#fff;border:1px solid #f7f8f9;border-bottom-color:hsla(210,2%,76%,.5);box-shadow:none;box-shadow:0 2px 2px rgba(0,0,0,.1);line-height:30px;margin:0;transition:all .3s cubic-bezier(.23,1,.32,1)}.drag-item .lead-block{padding:10px;position:relative}.drag-item .lead-block:hover .icons{display:inline-block}.drag-item .lead-block.rotten{background:#ffd0d6}.drag-item .lead-block .lead-title{color:#263238;display:inline-block;font-size:16px;font-weight:500;line-break:anywhere;width:calc(100% - 45px)}.drag-item .lead-block .icons{cursor:pointer;display:none;position:absolute;right:5px;top:5px}.drag-item .lead-block .lead-cost{color:#263238}.drag-item .lead-block .lead-cost,.drag-item .lead-block .lead-person{font-size:14px}.drag-item .lead-block .lead-cost .icon,.drag-item .lead-block .lead-person .icon{margin-right:5px;vertical-align:middle}.drag-header-more{cursor:pointer}.drag-options{height:100%;left:0;opacity:0;padding:10px;position:absolute;top:44px;transform:translateX(100%);transition:all .3s cubic-bezier(.23,1,.32,1);width:100%}.drag-options.active{opacity:1;transform:translateX(0)}.drag-options-label{display:block;margin:0 0 5px}.drag-options-label input{opacity:.6}.drag-options-label span{display:inline-block;font-size:.9rem;font-weight:400;margin-left:5px}.gu-mirror{list-style-type:none;margin:0!important;opacity:.8;position:fixed!important;z-index:9999!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}.disable-drag{pointer-events:none}.rtl{direction:rtl;font-family:Vazirmatn,Helvetica Neue,Arial,Helvetica,serif}.rtl .anonymous-layout-container .center-box .adjacent-center{text-align:right}.rtl .lead-quote-list table tr td.actions .icon{cursor:pointer}.rtl .lead-quote-list table tr td.actions .dropdown-list{left:60px!important;right:unset}.rtl .navbar-top .navbar-top-right{text-align:left}.rtl .navbar-top .navbar-top-right .quick-create .dropdown-toggle .icon{margin-left:6px;margin-right:unset}.rtl .navbar-top .navbar-top-right .quick-create .dropdown-list{left:0;right:unset}.rtl .navbar-top .navbar-top-right .profile-info .dropdown-toggle .avatar{margin-left:10px}.rtl .navbar-top .navbar-top-right .profile-info .dropdown-list{left:0;right:unset;text-align:right}.rtl table tr .avatar{margin-left:10px}.rtl table tr .badge{margin-left:5px}.rtl .navbar-left{left:unset;right:-1px}.rtl .navbar-left .menubar li.menu-item .menu-label{margin-left:0;margin-right:10px}.rtl .navbar-left .menubar li.menu-item ul.sub-menubar{border-left:1px solid #eee;border-right:0;left:unset;right:48px}.rtl .navbar-left.open ul.menubar li.menu-item.active{width:100%}.rtl .navbar-left.open ul.menubar ul.sub-menubar li.sub-menu-item a{padding-right:40px}.rtl .navbar-left.open+.content-container{padding-left:0!important;padding-right:250px}.rtl .content-container{padding-left:0;padding-right:48px}.rtl .content-container .dashboard .row-grid-3 .card label .icon-container,.rtl .content-container .dashboard>h1~.card-filter-container{float:left}.rtl .content-container .dashboard .daterangepicker{left:0;right:unset}.rtl .content-container .content .page-header .page-action{float:left}.rtl .table .tabs-container .tabs-right-container{text-align:left}.rtl .drag-item .lead-block .icons{left:5px;right:unset}.rtl .tags-container .tag-dropdown .lookup-results{text-align:right}.rtl .tags-container ul.tag-list{margin-left:0;margin-right:10px}.rtl .tags-container ul.tag-list li{margin-left:8px;margin-right:0}.rtl .tags-container ul.tag-list li:last-child{margin-left:0}.rtl .modal-container .modal-header .header-actions{text-align:left}.rtl .page-content.lead-view .lead-content-left{float:right;padding-left:10px;padding-right:0}.rtl .page-content.lead-view .lead-content-left .panel .lead-rotten-info{float:left}.rtl .page-content.lead-view .lead-content-right{padding-left:0;padding-right:10px}.rtl .adjacent-center .page-content .nav-aside{float:right;padding-left:20px;padding-right:0}.rtl .adjacent-center .page-content .panel .panel-header button.btn{margin-right:0}.rtl .adjacent-center .page-content .panel .panel-header button.btn .icon{margin-left:5px;margin-right:0}.rtl .custom-attribute-view .attribute-value-row{padding-left:30px;padding-right:0}.rtl .custom-attribute-view .attribute-value-row .label{float:right}.rtl .custom-attribute-view .attribute-value-row .value{float:right;padding-left:0;padding-right:10px}.rtl .pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls{direction:ltr;margin-left:0;margin-right:10px}.rtl .pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list{left:0;right:unset}.rtl .activity-list .section-tag span{padding-left:10px;padding-right:0}.rtl .activity-list .timeline-bar{left:unset;right:18px}.rtl .activity-list .activities .activity-item{margin-left:0;margin-right:50px;text-align:right}.rtl .activity-list .activities .activity-item:before{left:unset;right:-51px}.rtl .activity-list .activities .activity-item .timeline-bar-icon{left:unset;right:-40px}.rtl .activity-list .activities .activity-item .timeline-bar-icon.meeting{right:-42px}.rtl .activity-list .activities .activity-item .timeline-bar-icon.lunch{left:-40px}.rtl .activity-list .activities .activity-item .timeline-bar-icon.email{left:unset;right:-41px}.rtl .activity-list .activities .activity-item .icon.ellipsis-icon{left:10px;right:unset}.rtl .activity-list .activities .activity-item .dropdown-list{left:0;right:unset;text-align:right}.rtl .activity-list .activities .activity-item.activity .attachment .icon{margin-left:5px;margin-right:0}.rtl .switch-view-container{margin-left:unset}.rtl .switch-view-container .icon-container.active{margin-left:1px}.rtl .form-group.email-control-group{padding-left:0;padding-right:40px}.rtl .form-group.email-control-group>label{left:unset;right:0}.rtl .form-group.email-control-group .email-address-options{left:10px;right:unset}.rtl .email-list .email-item .email-header .row .time{float:left;text-align:left}.rtl .email-action-container .sidebar-filter{left:-420px;right:unset}.rtl .email-action-container .sidebar-filter.show{left:0;right:unset}.rtl .email-action-container .sidebar-filter .panel .panel-header .links{float:left}.rtl .email-action-container .sidebar-filter .panel .panel-header .links .icon.close-icon{margin-left:0;margin-right:5px}.rtl .email-action-container .sidebar-filter .panel .panel-header .links a{margin-left:0}.rtl .email-action-container .sidebar-filter .panel .btn-group .form-group .icon{left:13px;right:unset}.rtl .dropdown-list{text-align:right}.rtl .dragable-container ul.dragable-list li.list-group-item .form-group{padding-left:40px;padding-right:0}.rtl .dragable-container ul.dragable-list li.list-group-item .form-group .icon.align-justify-icon{left:50px;right:unset}.rtl .dragable-container ul.dragable-list li.list-group-item .icon.trash-icon{left:5px;right:unset}body{background:#f7f8f9;height:100%;margin:0;position:static;width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px hsla(0,0%,100%,.3)}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.navbar-top{background-color:#fff;box-shadow:inset 0 -1px 0 #cdcecf;font-size:0;height:60px;left:0;position:fixed;right:0;z-index:5}.navbar-top .navbar-top-left{display:inline-block;height:60px;vertical-align:middle;width:50%}.navbar-top .navbar-top-left .brand-logo{padding:10px 5px}.navbar-top .navbar-top-right{display:inline-block;height:60px;padding:10px;text-align:right;vertical-align:middle;width:50%}.navbar-top .navbar-top-right .quick-create{display:inline-block;margin-right:10px;position:relative;vertical-align:middle}.navbar-top .navbar-top-right .quick-create .button{background:#0e90d9;border:2px solid #0e90d9;border-radius:43px;cursor:pointer;display:inline-block;height:40px;width:40px}.navbar-top .navbar-top-right .quick-create .button.active{box-shadow:inset 0 0 0 2px #fff}.navbar-top .navbar-top-right .quick-create .button .icon{margin-right:9px;margin-top:6px}.navbar-top .navbar-top-right .quick-create .dropdown-list{bottom:unset;padding:12px;right:0;top:50px;width:284px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container{grid-gap:10px;display:grid;font-size:12px;font-weight:500;grid-template-columns:auto auto auto;text-align:center}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item{background:#fff;width:80px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item:hover{background:#f7f8f9;border-radius:8px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item a{color:#546e7a;display:block;padding:5px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item a .icon{height:40px;margin-bottom:5px;width:40px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item a span{display:block}.navbar-top .navbar-top-right .profile-info{cursor:pointer;display:inline-block;position:relative;text-align:left;vertical-align:middle}.navbar-top .navbar-top-right .profile-info .avatar{background-color:#f7f8f9;border:1px solid #c1c2c3;border-radius:43px;display:inline-block;height:40px;margin-right:10px;overflow:hidden;text-align:center;vertical-align:middle;width:40px}.navbar-top .navbar-top-right .profile-info .avatar img{height:40px;width:40px}.navbar-top .navbar-top-right .profile-info .avatar .icon{margin-top:8px}.navbar-top .navbar-top-right .profile-info .info{display:inline-block;font-size:16px;line-height:20px;min-width:50px;vertical-align:middle}.navbar-top .navbar-top-right .profile-info .info .howdy{color:#9e9e9e}.navbar-top .navbar-top-right .profile-info .info .user{display:block}.navbar-top .navbar-top-right .profile-info .icon.ellipsis-icon{height:30px!important;vertical-align:middle;width:30px!important}.navbar-top .navbar-top-right .profile-info .dropdown-list{bottom:unset;right:0;top:50px}.navbar-top .navbar-top-right .profile-info .dropdown-list .app-version{border-bottom:1px solid #c1c2c3;color:#a2a2a2;cursor:default;display:block;font-size:18px;padding:8px 12px}.layout-container{display:flex}.navbar-left{background-color:#263238;bottom:0;box-shadow:inset -1px 0 0 #cdcecf;height:auto;left:0;position:fixed;top:60px;width:48px;z-index:2}.navbar-left ul.menubar li.menu-item{font-size:14px;overflow:hidden;position:relative}.navbar-left ul.menubar li.menu-item>a{align-items:center;color:#546e7a;display:flex;gap:.625rem;padding:16px 12px;width:100%}.navbar-left ul.menubar li.menu-item>a .icon{display:inline-block;vertical-align:middle}.navbar-left ul.menubar li.menu-item>a .menu-label{display:none;margin-left:10px}.navbar-left ul.menubar li.menu-item span{display:block;margin:auto}.navbar-left ul.menubar li.menu-item ul.sub-menubar{background-color:#fff;border:1px solid #eee;border-left:0;border-radius:0 3px 3px 0;box-shadow:2px 1px 3px #cdcecf;display:none;left:48px;min-width:160px;position:absolute;top:0}.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{color:#546e7a;display:block;font-size:14px;padding:8px 12px}.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item.active a,.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item:hover a{color:#0e90d9}.navbar-left ul.menubar li.menu-item.active,.navbar-left ul.menubar li.menu-item:hover{box-shadow:inset 4px 0 0 #0e90d9}.navbar-left ul.menubar li.menu-item:hover{overflow:visible}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar{display:block}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item .menu-label{color:#546e7a}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active .menu-label,.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item:hover .menu-label{color:#0e90d9}.navbar-left.open{overflow-x:auto;width:250px}.navbar-left.open ul.menubar li.menu-item a .menu-label{color:#b0bec5;display:inline-block;font-size:16px;font-weight:200}.navbar-left.open ul.menubar li.menu-item ul.sub-menubar{background-color:transparent;border:0;border-radius:0;box-shadow:unset;display:none;position:unset}.navbar-left.open ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{padding-left:53px}.navbar-left.open ul.menubar li.menu-item.active{background:#12171a;width:calc(100% - 1px)}.navbar-left.open ul.menubar li.menu-item.active .menu-label{color:#0e90d9}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar{display:block}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item .menu-label{color:#b0bec5}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active .menu-label,.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover .menu-label{color:#0e90d9!important}.navbar-left.open ul.menubar li.menu-item:hover .menu-label{color:#0e90d9}.navbar-left .menubar-bottom{background-color:#263238;cursor:pointer;padding:12px;position:absolute;width:calc(100% - 1px)}.settings-container .panel{margin-bottom:30px;max-width:941px}.settings-container .panel .panel-header h3{margin:0 0 5px}.settings-container .panel .panel-header p{font-size:16px;font-weight:400;margin:0}.settings-container .panel .setting-link-container .setting-link-item{display:inline-block;width:300px}.settings-container .panel .setting-link-container .setting-link-item a{align-items:center;display:flex;height:100px;padding:20px}.settings-container .panel .setting-link-container .setting-link-item a .icon{height:40px;width:40px}.settings-container .panel .setting-link-container .setting-link-item a .setting-info{display:inline-block;margin-left:25px}.settings-container .panel .setting-link-container .setting-link-item a .setting-info label{color:#263238;cursor:pointer;font-size:18px;font-weight:400}.settings-container .panel .setting-link-container .setting-link-item a .setting-info p{color:#263238;display:none;font-size:14px;font-weight:400;margin:0 0 3px}.settings-container .panel .setting-link-container .setting-link-item:hover{background-color:#f7f8f9;border-radius:8px}.settings-container .panel .setting-link-container .setting-link-item:hover .setting-info p{display:block}.content-container{bottom:0;height:calc(100% - 60px);left:0;padding-left:48px;position:absolute;right:0;top:60px}.content-container .inner-section{height:100%}.content-container .aside-nav{background-color:#fff;border-right:1px solid #c1c2c3;bottom:0;padding-bottom:10px;padding-top:10px;position:fixed;top:60px;width:280px;z-index:4}.content-container .aside-nav ul{height:90%;overflow-y:auto}.content-container .aside-nav a{color:#000311;display:block;padding:15px}.content-container .aside-nav .active a{background:#fff;border-bottom:1px solid #c1c2c3;border-top:1px solid #c1c2c3}.content-container .aside-nav .active i{float:right}.content-container .content-wrapper{background-color:#fff;margin-left:280px;margin-top:1px;padding:25px 25px 25px 15px}.content-container .content.full-page{height:100%;padding:25px}.content-container .content .page-header{display:inline-block;margin-bottom:10px;width:100%;z-index:3}.content-container .content .page-header .page-title{display:inline-block}.content-container .content .page-header .page-title .back-link{cursor:pointer;float:left;height:24px;margin-right:10px;margin-top:5px;width:24px}.content-container .content .page-header .page-title h1{display:inline-block;font-weight:400;line-height:normal;margin-bottom:0;vertical-align:middle}.content-container .content .page-header .page-action{float:right}.content-container .content .page-header .page-action a{margin-left:25px}.content-container .content .page-header>.form-group{display:inline-block;margin-bottom:0;margin-left:20px;width:180px}.content-container .content .page-header .control{margin:0;width:100%}.content-container .content .page-content{display:inline-block;padding-bottom:20px;width:100%}.control-container{align-items:flex-start;display:flex;flex-direction:row;width:750px}.control-container .control{background:#fff;border:1px solid #c1c2c3;border-radius:3px;display:inline-block;font-size:16px;height:36px;padding:0 10px;transition:.2s cubic-bezier(.4,0,.2,1);vertical-align:middle;width:150px}.control-container .control:focus{border-color:#0041ff}.control-container .icon:hover{cursor:pointer}.control-container .form-group::last-child{margin-right:0}.anonymous-layout-container{background:#f7f8f9;display:table;height:100%;position:absolute;text-align:center;width:100%;z-index:1}.anonymous-layout-container .center-box{display:table-cell;vertical-align:middle}.anonymous-layout-container .center-box .adjacent-center{display:inline-block;text-align:left;width:476px}.anonymous-layout-container .center-box .adjacent-center .brand-logo{margin-bottom:40px;text-align:center}.anonymous-layout-container .center-box .adjacent-center .brand-logo img{height:50px;transform:translateY(-8px);width:280px}.anonymous-layout-container .center-box .adjacent-center .brand-logo p{color:#546e7a;font-size:20px;margin:0}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body{border:0;padding:48px}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body h1{color:#546e7a;font-size:24px;font-weight:500;margin-bottom:30px}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body .form-group .control{width:100%}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body a{display:block;font-size:14px;margin-bottom:30px;margin-top:-15px}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body button.btn{font-size:24px;width:100%}.adjacent-center .page-content,.adjacent-center .page-header{display:block!important;margin:auto;width:1000px!important}.adjacent-center .page-content .nav-aside{float:left;padding-right:20px;width:190px}.adjacent-center .page-content .nav-aside ul{margin-top:118px}.adjacent-center .page-content .nav-aside ul li{margin-bottom:5px}.adjacent-center .page-content .nav-aside ul li a{border-radius:4px;color:#546e7a;display:block;font-weight:400;padding:10px;text-align:right}.adjacent-center .page-content .nav-aside ul li:hover a{background-color:rgba(38,41,44,.08)}.adjacent-center .page-content .nav-aside ul li.active a{background:#0e90d9;color:#fff;font-weight:500}.adjacent-center .page-content .panel .panel-header button.btn{margin-right:30px}.adjacent-center .page-content .panel .panel-header button.btn .icon{margin-right:5px}.adjacent-center .page-content .panel .panel-header input[type=submit]{background:transparent;border:0;color:#546e7a;cursor:pointer;font-family:Roboto;font-size:18px;font-weight:500;margin-right:30px;padding:0}.adjacent-center .page-content .panel .panel-header a{color:inherit;margin-right:30px}.dragable-container ul.dragable-list li.list-group-item{margin-bottom:10px;position:relative}.dragable-container ul.dragable-list li.list-group-item.sortable-ghost .form-group .control{border-style:dashed}.dragable-container ul.dragable-list li.list-group-item .form-group{margin:0;padding-right:40px}.dragable-container ul.dragable-list li.list-group-item .form-group .control{margin:0}.dragable-container ul.dragable-list li.list-group-item .form-group .icon.align-justify-icon{cursor:pointer;height:24px;position:absolute;right:50px;top:9px;width:24px}.dragable-container ul.dragable-list li.list-group-item .icon.trash-icon{cursor:pointer;height:24px;position:absolute;right:5px;top:9px;width:24px}.dragable-container table{box-shadow:none}.dragable-container table tr th:first-child,.dragable-container table tr th:last-child{width:40px}.dragable-container table tr td.delete-icon .icon,.dragable-container table tr td.dragable-icon .icon{cursor:pointer;height:24px;margin-top:9px;width:24px}.dragable-container table tr td .form-group .control{margin-bottom:0;margin-top:0}.dragable-container table tr:not(.draggable) .control[readonly=readonly]{background-color:#f0f0f0}.dragable-container button.btn{margin-top:10px}.lookup-results{background-color:#fff;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);max-height:200px;overflow-y:auto;text-align:left;width:100%;z-index:10}.lookup-results.grouped label{color:#263238;font-size:18px;font-weight:500;padding:10px 10px 0}.lookup-results.grouped li{padding-left:15px}.lookup-results li{cursor:pointer;padding:5px 0}.lookup-results li.action{border-top:1px solid #c1c2c3}.lookup-results li span{display:inline-block;padding:5px 10px;width:100%}.lookup-results li span:hover{background-color:#0e90d9;color:#fff}.lookup-selected-options{margin-top:10px}.lookup-selected-options .badge{margin-right:10px}.lookup-selected-options .badge .icon{cursor:pointer}.modal-container{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.modal-container .tabs-content{border:0;border-top:1px solid #c1c2c3}.lead-product-list .lead-product{border-bottom:1px solid #c1c2c3;padding-bottom:20px;padding-top:20px}.lead-product-list .lead-product:first-of-type{padding-top:0}.lead-product-list .lead-product:last-of-type{margin-bottom:20px}.lead-product-list .lead-product .top-control-group{display:inline-block;width:100%}.lead-product-list .lead-product .top-control-group .form-group{margin-bottom:10px}.lead-product-list .lead-product .bottom-control-group{grid-column-gap:10px;grid-row-gap:0;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));justify-items:center;padding-right:28px;position:relative;width:100%}.lead-product-list .lead-product .bottom-control-group .form-group{margin-bottom:0}.lead-product-list .lead-product .bottom-control-group .icon.trash-icon{cursor:pointer;position:absolute;right:0;top:44px}.page-content.lead-view .lead-content-left{float:left;padding-right:10px;width:30%}.page-content.lead-view .lead-content-left .panel{margin-bottom:30px}.page-content.lead-view .lead-content-left .panel .lead-rotten-info{background:#ffd0d6;border-radius:4px;color:#ff4d50;float:right;font-size:14px;font-weight:400;padding:2px 12px}.page-content.lead-view .lead-content-left .panel .lead-rotten-info .icon{height:16px;margin-right:5px;margin-top:3px;width:16px}.page-content.lead-view .lead-content-right{float:left;padding-left:10px;width:70%}.page-content.lead-view .lead-content-right .tabs-content{margin-bottom:20px}.custom-attribute-view .attribute-value-row{display:inline-block;font-size:16px;padding:6px 30px 6px 6px;position:relative;width:100%}.custom-attribute-view .attribute-value-row:nth-child(2n){background-color:#fff;padding:10px 6px}.custom-attribute-view .attribute-value-row:last-child{border:none}.custom-attribute-view .attribute-value-row .label{color:#546e7a;float:left;width:120px}.custom-attribute-view .attribute-value-row .value{float:left;padding-left:10px;width:calc(100% - 120px)}.custom-attribute-view .attribute-value-row .value span.multi-value{background:#eff0f5;border-radius:30px;display:inline-block;margin-bottom:5px;padding:4px 8px;word-break:break-all}.custom-attribute-view .attribute-value-row .value span.multi-value span{color:#747678;font-size:16px}.custom-attribute-view .attribute-value-row .value .image{border:1px solid;border-radius:4px;height:100px;width:100px}.custom-attribute-view .attribute-value-row .icon.pencil-underline-icon{cursor:pointer;display:none;position:absolute;right:5px}.custom-attribute-view .attribute-value-row .dropdown-list{right:0;width:100%}.custom-attribute-view .attribute-value-row:hover .icon.pencil-underline-icon{display:inline-block}.form-group .image{border-radius:3px;height:33px;margin-right:5px;position:absolute;right:0;top:36px;width:33px}.form-group .icon.download-icon{position:absolute;right:10px;top:40px}.form-group.email-control-group{padding-left:40px}.form-group.email-control-group>label{left:0;position:absolute;top:10px}.form-group.email-control-group .tags-control{margin-top:0}.form-group.email-control-group .email-address-options{position:absolute;right:10px;top:10px}.form-group.email-control-group .email-address-options label{-webkit-touch-callout:none;cursor:pointer;display:inline-block;font-weight:500;margin-right:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-group.email-control-group .email-address-options label:last-child{margin-right:0}.activity-list .section-tag{display:inline-block;margin-bottom:20px;margin-left:50px;position:relative;width:100%}.activity-list .section-tag span{background:#fff;color:#546e7a;font-weight:500;padding-right:10px;position:absolute;top:-11px}.activity-list .section-tag hr{border-top:1px solid #c1c2c3;margin:0}.activity-list .timeline-bar{bottom:0;left:18px;position:absolute;top:38px}.activity-list .activities{position:relative}.activity-list .activities.planned-activities{margin-bottom:30px}.activity-list .activities.planned-activities .timeline-bar{border-left:2px dashed #546e7a;bottom:-67px}.activity-list .activities.planned-activities.email,.activity-list .activities.planned-activities.file,.activity-list .activities.planned-activities.note{display:none}.activity-list .activities.done-activities .timeline-bar{border-left:2px solid #546e7a}.activity-list .activities .activity-item{background:#fff;border:1px solid #f7f8f9;box-shadow:0 2px 2px rgba(0,0,0,.1);margin-bottom:10px;margin-left:50px;padding:15px;position:relative;text-align:left}.activity-list .activities .activity-item:before{background-color:#fff;background-position:50%;background-repeat:no-repeat;border:1px solid #546e7a;border-radius:50%;content:" ";display:inline-block;height:36px;left:-51px;position:absolute;top:0;width:36px}.activity-list .activities .activity-item:last-child{margin-bottom:0}.activity-list .activities .activity-item.activity .title{color:#546e7a;font-size:16px;margin-bottom:5px}.activity-list .activities .activity-item.activity .title h4{margin:0 0 5px}.activity-list .activities .activity-item.activity .attachment{display:inline-block;font-size:16px;margin-bottom:10px;margin-top:5px}.activity-list .activities .activity-item.activity .attachment .icon{margin-left:-3px;margin-right:5px}.activity-list .activities .activity-item.activity .comment{background-color:#fff9c4;border:1px solid #fdd835;border-radius:4px;font-size:16px;margin-bottom:5px;padding:15px;position:relative;white-space:pre-line}.activity-list .activities .activity-item.activity .info{color:#747678;font-size:14px}.activity-list .activities .activity-item.activity .info .seperator{cursor:default;display:inline-block;font-weight:700;margin:0 5px;text-align:center;width:8px}.activity-list .activities .activity-item.email{position:relative}.activity-list .activities .activity-item.email .subject h5{margin:0 0 5px}.activity-list .activities .activity-item.email .subject span{color:#546e7a;font-size:16px;margin-bottom:5px}.activity-list .activities .activity-item .icon.ellipsis-icon{border-radius:4px;cursor:pointer;position:absolute;right:10px;top:10px}.activity-list .activities .activity-item .icon.ellipsis-icon:hover{background-color:rgba(38,41,44,.05)}.activity-list .activities .activity-item .dropdown-list{font-weight:400;right:0;top:40px}.activity-list .activities .activity-item .timeline-bar-icon{bottom:77px;height:18px;left:-40px;position:absolute;top:11px;width:18px}.activity-list .activities .activity-item .timeline-bar-icon.note{background-image:url(../images/note-icon.svg);height:20px;top:8px;width:16px}.activity-list .activities .activity-item .timeline-bar-icon.call{background-image:url(../images/call-icon.svg);top:9px}.activity-list .activities .activity-item .timeline-bar-icon.meeting{background-image:url(../images/meeting-icon.svg);top:9px}.activity-list .activities .activity-item .timeline-bar-icon.lunch{background-image:url(../images/lunch-icon.svg);height:17px;left:-40px;top:10px;width:17px}.activity-list .activities .activity-item .timeline-bar-icon.file{background-image:url(../images/file-icon.svg);top:10px;width:16px}.activity-list .activities .activity-item .timeline-bar-icon.email{background-image:url(../images/email-icon.svg);height:16px;left:-41px;width:18px}.activity-list .empty-activities{color:#546e7a;font-size:16px;text-align:center}.dashboard{background-color:#f7f8f9;height:unset!important}.dashboard .dashboard-content.print{background-color:#fff;left:0;position:absolute;top:-60px;width:100%;z-index:10000}.dashboard>h1{display:inline-block;margin-bottom:35px}.dashboard>h1~.cards-collection{border:2px solid #c1c2c3;border-radius:3px;cursor:pointer;float:right;margin:0;width:200px}.dashboard>h1~.cards-collection .toggle-btn{background-color:#fff;margin:0;padding:6px 10px}.dashboard>h1~.cards-collection .toggle-btn :last-child{float:right}.dashboard>h1~.cards-collection .cards-options{border:none;margin-bottom:0;position:relative;width:unset;z-index:1}.dashboard>h1~.cards-collection .cards-options>div{background:#fff;box-shadow:0 4px 4px rgba(84,110,122,.25);padding:20px 12px;position:absolute;top:20px;transition:.35s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.dashboard>h1~.cards-collection .cards-options>div header{border-bottom:1px solid #c1c2c3;margin-bottom:10px;padding-bottom:15px}.dashboard>h1~.cards-collection .cards-options>div header .btn-secondary-outline{border:none;font-size:16px;padding-left:0}.dashboard>h1~.cards-collection .cards-options>div header .btn-primary{float:right}.dashboard>h1~.card-filter-container{color:#546e7a;float:right;z-index:1}.dashboard>h1~.card-filter-container .daterangepicker .btn-success{background-color:#0e90d9;padding:10px 14px}.dashboard>h1~.card-filter-container .daterangepicker .btn-secondary{background-color:#546e7a;padding:10px 14px}.dashboard .date{text-align:right}.dashboard .date .date-container,.dashboard .date label{display:inline-block}.dashboard .row-grid-3{align-items:start;padding:10px 0}.dashboard .row-grid-3 .card{background-color:#fff;border-radius:3px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);height:100%;min-height:300px}.dashboard .row-grid-3 .card label{border-bottom:1px solid hsla(210,2%,76%,.5);color:#263238;display:block;font-weight:500;height:100%;padding:20px}.dashboard .row-grid-3 .card label .card-filter-container{color:#546e7a;cursor:pointer;display:inline-block;margin-left:5px}.dashboard .row-grid-3 .card label .card-filter-container .dropdown-toggle{margin-bottom:5px}.dashboard .row-grid-3 .card label .icon-container{display:none;float:right}.dashboard .row-grid-3 .card label .icon-container .icon{cursor:pointer}.dashboard .row-grid-3 .card .card-header{height:65px;text-transform:capitalize}.dashboard .row-grid-3 .card .card-data,.dashboard .row-grid-3 .card .db-wg-spinner{height:calc(100% - 65px)}.dashboard .row-grid-3 .card .card-data{overflow-y:scroll;padding:20px;position:relative}.dashboard .row-grid-3 .card .card-data::-webkit-scrollbar{display:none}.dashboard .row-grid-3 .card .card-data .bar-chart,.dashboard .row-grid-3 .card .card-data .line-chart{align-items:center;display:grid;height:100%}.dashboard .row-grid-3 .card .card-data .bar-data{grid-column-gap:15px;align-items:center;color:#263238;display:grid;font-size:14px;grid-template-columns:70px auto 40px}.dashboard .row-grid-3 .card .card-data .bar-data.activity>span:first-child{line-break:anywhere;text-transform:capitalize}.dashboard .row-grid-3 .card .card-data .lead{color:#546e7a;margin-top:20px}.dashboard .row-grid-3 .card .card-data .lead:first-child{margin:0}.dashboard .row-grid-3 .card .card-data .lead label{border:0;font-size:18px;font-weight:500;height:-moz-max-content;height:max-content;padding:0}.dashboard .row-grid-3 .card .card-data .lead .details{border-bottom:1px solid hsla(210,2%,76%,.5);display:grid;font-size:16px;grid-template-columns:auto auto auto;padding:5px 0}.dashboard .row-grid-3 .card .card-data .column-container{border-bottom:1px solid #c1c2c3;display:inline-block;margin-top:10px;padding-bottom:5px;width:100%}.dashboard .row-grid-3 .card .card-data .column-container:nth-child(odd){margin-right:10px}.dashboard .row-grid-3 .card .card-data .column-container:first-child,.dashboard .row-grid-3 .card .card-data .column-container:nth-child(2){margin-top:0}.dashboard .row-grid-3 .card .card-data .column-container span{color:#546e7a;display:block;text-align:left}.dashboard .row-grid-3 .card .card-data .column-container span:first-child{font-size:36px;font-weight:500;margin-bottom:10px}.dashboard .row-grid-3 .card .card-data .column-container span:last-child{font-size:16px}.dashboard .row-grid-3 .card .card-data .custom-card{color:#546e7a;left:calc(50% - 62px);position:absolute;text-align:center;top:calc(50% - 62px)}.dashboard .row-grid-3 .card .card-data .custom-card span{display:block}.dashboard .row-grid-3 .card .card-data .custom-card i.icon{height:96px;width:96px}.dashboard .row-grid-3 .card .card-data.column-grid-2{align-items:start}.dashboard .row-grid-3 .card.dashed{border-style:dashed}.dashboard .row-grid-3 .card:hover label .icon-container{display:inline}.table tr td.subject,.table tr th.subject{overflow:hidden;text-overflow:ellipsis;width:100%}.table tr td.subject .subject-wrapper,.table tr th.subject .subject-wrapper{align-items:center;display:flex}.table tr td.subject .subject-wrapper .subject-content,.table tr th.subject .subject-wrapper .subject-content{flex:0 0 auto;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis}.table tr td.subject .subject-wrapper .reply,.table tr th.subject .subject-wrapper .reply{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.table tr td.created_at,.table tr th.created_at{width:200px}.table tr td.attachments,.table tr th.attachments{width:45px}.table tr td .avatar,.table tr th .avatar{background-color:#f7f8f9;border:1px solid #c1c2c3;border-radius:43px;display:inline-block;height:40px;margin-right:10px;overflow:hidden;text-align:center;vertical-align:middle;width:40px}.table tr td .avatar img,.table tr th .avatar img{height:40px;width:40px}.table tr td .avatar .icon,.table tr th .avatar .icon{margin-top:8px}.banner{background-color:#0e90d9;color:#fff;display:none;height:50px;max-height:50px;padding:13px 20px;position:fixed;text-align:center;width:100%;z-index:10}.banner .thumbnail{cursor:pointer;margin-right:10px;width:20px}.banner .hovered-container{display:none;position:relative;right:110px;top:-28px;z-index:10}.banner .hovered-container.show{display:inline-block}.banner .hovered-container img{position:absolute}.banner span{vertical-align:super}.banner i.close-white-icon{cursor:pointer;float:right}body.top-banner .center-box,body.top-banner .content-container,body.top-banner .navbar-top{top:50px}body.top-banner .navbar-left{top:110px}body.top-banner .center-box{position:relative}body.top-banner .banner{display:inline-block}.email-action-container .btn-secondary-outline{font-size:16px}.email-action-container .btn-secondary-outline span{padding:1px 0}.email-action-container .btn-secondary-outline .icon{margin-right:5px}.email-action-container .sidebar-filter{padding:0}.email-action-container .sidebar-filter header{margin-bottom:0;padding:30px 20px 20px}.email-action-container .sidebar-filter .panel{border-bottom:1px solid #c1c2c3;padding:20px}.email-action-container .sidebar-filter .panel .panel-header .links{float:right}.email-action-container .sidebar-filter .panel .panel-header .links .icon{cursor:pointer;height:24px;width:24px}.email-action-container .sidebar-filter .panel .panel-header .links .icon.close-icon{margin-left:5px;margin-top:-2px}.email-action-container .sidebar-filter .panel .panel-body{border:1px solid #c1c2c3;box-shadow:none}.email-action-container .sidebar-filter .panel .btn-group button{font-size:18px;margin-bottom:10px;width:100%}.email-action-container .sidebar-filter .panel .btn-group button:last-child{margin-bottom:0}.email-action-container .sidebar-filter .panel .btn-group .form-group{margin-bottom:10px}.email-action-container .sidebar-filter .panel .btn-group .form-group .control{border:2px solid;padding:6px 10px 7px}.email-action-container .sidebar-filter .panel .btn-group .form-group .icon{position:absolute;right:13px;top:7px}.email-action-container .sidebar-filter .panel .contact-details .name{color:#546e7a;margin-bottom:10px}.email-action-container .sidebar-filter .panel .contact-details .email{color:#546e7a;font-weight:500;margin-bottom:10px}.email-action-container .sidebar-filter .panel .contact-details .email .icon{margin-right:10px;margin-top:1px}.email-list .email-item{margin-bottom:40px}.email-list .email-item .email-header{margin-bottom:20px}.email-list .email-item .email-header .row{color:#546e7a}.email-list .email-item .email-header .row .label{font-weight:400}.email-list .email-item .email-header .row .value{font-weight:500}.email-list .email-item .email-header .row .time{float:right;position:relative;text-align:right;width:215px}.email-list .email-item .email-header .row .time>.icon{cursor:pointer;transform:rotate(90deg)}.email-list .email-item .email-header .row .time .dropdown-list .icon{margin-right:15px}.email-list .email-item .email-content{background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);color:#546e7a;padding:30px}.email-list .email-item .email-content .attachment-list{margin-top:30px}.email-list .email-item .email-content .attachment-list .attachment-item{display:block;margin-bottom:10px}.email-list .email-item .email-content .attachment-list .attachment-item:last-child{margin-bottom:0}.email-list .email-item .email-content .attachment-list .attachment-item a{color:#546e7a}.email-list .email-action span{color:#546e7a;cursor:pointer;font-weight:500;padding:8px}.email-list .email-action span.reply-button{margin-right:20px}.email-list .email-action span .icon{margin-right:10px}.email-list .email-form-container .panel .panel-bottom{margin-top:25px}.email-list .email-form-container .panel .panel-bottom button.btn{margin-right:30px}.email-list .email-form-container .panel .panel-bottom label{color:#546e7a;cursor:pointer;font-size:18px;font-weight:500}.tags-container{display:inline-block;margin-left:10px;position:relative}.tags-container .icon.tags-icon{cursor:pointer;vertical-align:middle}.tags-container ul.tag-list{display:inline-block;margin-left:10px}.tags-container ul.tag-list li{border-radius:4px;color:#fff;display:inline-block;font-size:16px;font-weight:500;margin-right:8px;padding:3px 10px}.tags-container ul.tag-list li:last-child{margin-right:0}.tags-container ul.tag-list li .icon{cursor:pointer;height:15px;width:15px}.tags-container .tag-dropdown{background-color:#fff;border:1px solid #f0f0f0;box-shadow:0 2px 5px 0 rgba(39,49,58,.15);margin-bottom:20px;position:absolute;text-align:left;top:35px;width:215px;z-index:10}.tags-container .tag-dropdown .lookup-results{color:#546e7a;font-size:18px}.tags-container .tag-dropdown .lookup-results .control-list-item:hover{background-color:#fff}.tags-container .tag-dropdown .form-group{margin:0!important;padding:5px 10px;width:100%!important}.tags-container .tag-dropdown .form-group .loader-active-icon{right:15px}.tags-container .tag-dropdown .form-container{padding:5px 0}.tags-container .tag-dropdown .form-container .color-list,.tags-container .tag-dropdown .form-container .form-group .control{margin-bottom:5px;margin-top:10px}.tags-container .tag-dropdown .form-container .color-list span{border-radius:50%;box-shadow:0 4px 15.36px .75px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-block;height:25px;margin-right:3px;transition:.2s cubic-bezier(.4,0,.2,1);width:25px}.tags-container .tag-dropdown .form-container .color-list span.active{border:3px solid #fff}.tags-container .tag-dropdown .form-container .button-group{border-top:1px solid #c1c2c3;display:inline-block;padding-top:10px}.pipeline-stage-controls-wrapper{margin-bottom:40px}.pipeline-stage-controls-wrapper .pipeline-stage-container{display:flex;position:relative;width:100%}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages{align-items:center;border-radius:4px;display:flex;flex-flow:row nowrap;overflow:hidden;width:100%}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages::-webkit-scrollbar{display:none}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage{background:#c1c2c3;color:#263238;font-size:16px;font-weight:500;min-width:200px;text-align:center;width:100%}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage span{cursor:pointer;display:block;overflow:hidden;padding:7px 5px 7px 22px;text-overflow:ellipsis;white-space:nowrap}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage span .icon{float:right}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage:not(:last-child){position:relative}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage:not(:last-child):before{background:#c1c2c3;border-radius:0 0 0 25px;box-shadow:1px -1px 0 1px #fff,1px -1px 0 1px #fff;content:"";height:25px;position:absolute;right:-12px;top:50%;transform:translateY(-50%) rotate(45deg);width:25px;z-index:1}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage.active{background-color:#0e90d9;color:#fff}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage.active:before{background:#0e90d9}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list{font-weight:400;right:0}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list ul li{color:#546e7a}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list ul li:hover{color:#fff}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.won .stage{background-color:#53c41a;color:#fff}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.won .stage:before{background:#53c41a}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.lost .stage{background-color:#ff4d50;color:#fff}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.lost .stage:before{background:#ff4d50}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls{align-items:center;display:flex;margin-left:10px;width:72px}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls .btn{border:1px solid;border-radius:4px;height:36px;padding:7px}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls .btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls .btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.pipeline-stage-controls-wrapper .date-panel{display:inline-block;font-size:14px;margin-top:5px;width:100%}.pipeline-stage-controls-wrapper .date-panel .pull-left{float:left}.pipeline-stage-controls-wrapper .date-panel .pull-right{float:right}.pipeline-stage-controls-wrapper .date-panel .pull-left .icon,.pipeline-stage-controls-wrapper .date-panel .pull-right .icon{height:18px;vertical-align:middle;width:18px}.pipeline-stage-controls-wrapper .date-panel .pull-left label,.pipeline-stage-controls-wrapper .date-panel .pull-right label{color:#546e7a;font-weight:500}.pipeline-stage-controls-wrapper .date-panel .pull-left span,.pipeline-stage-controls-wrapper .date-panel .pull-right span{color:#263238}.switch-pipeline-container{display:inline-block;margin-right:6px}.switch-pipeline-container .control{border:1px solid #c1c2c3;height:40px;margin:0}.switch-view-container{display:inline-block;margin-left:-5px;margin-right:6px;vertical-align:top}.switch-view-container .icon-container{border:1px solid #c1c2c3;cursor:pointer;display:inline-block;height:40px;padding:6px 10px 10px 8px}.switch-view-container .icon-container:first-child{border-radius:3px 0 0 3px;left:5px;position:relative}.switch-view-container .icon-container:last-child{border-radius:0 3px 3px 0}.switch-view-container .icon-container.active{background-color:#546e7a;border-color:#546e7a;cursor:not-allowed}.switch-view-container .icon-container .icon{height:22px;vertical-align:middle;width:24px}.empty-record{text-align:center}.empty-record img{height:100px;margin-bottom:15px;width:100px}.empty-record span{display:block}.quote-item-list .table{padding:5px}.quote-item-list .table table{margin-bottom:20px}.quote-item-list .table table tr th.actions{width:50px}.quote-item-list .table table tr td{vertical-align:top}.quote-item-list .table table tr td.actions{vertical-align:middle;width:50px}.quote-item-list .table table tr td.actions .icon{cursor:pointer}.quote-item-list .table table tr td .form-group{min-width:100%!important}.quote-item-list .table table tr td .form-group .control{margin:0}.quote-item-list .quote-summary{padding:5px}.quote-item-list .quote-summary table{float:right;margin-top:40px}.quote-item-list .quote-summary table tr td{font-weight:500;padding:5px 8px;vertical-align:text-bottom}.quote-item-list .quote-summary table tr td .form-group{margin:0;width:100px!important}.quote-item-list .quote-summary table tr td .form-group .control{margin:0}.lead-quote-list table tr td.actions .icon{cursor:pointer}.lead-quote-list table tr td.actions .dropdown-list{right:60px}.web-form-container .panel-separator,.workflow-container .panel-separator{border-bottom:1px solid #d3d3d3;margin:25px 0}.web-form-container .web-form-panel .header label,.web-form-container .workflow-panel .header label,.workflow-container .web-form-panel .header label,.workflow-container .workflow-panel .header label{color:#546e7a;font-size:18px;font-weight:500}.web-form-container .web-form-panel .header p,.web-form-container .workflow-panel .header p,.workflow-container .web-form-panel .header p,.workflow-container .workflow-panel .header p{color:#6f6f6f;font-size:16px;font-style:italic;margin:5px 0 20px}.web-form-container .web-form-panel table tr td.actions,.web-form-container .workflow-panel table tr td.actions,.workflow-container .web-form-panel table tr td.actions,.workflow-container .workflow-panel table tr td.actions{width:50px}.web-form-container .web-form-panel table tr td.actions .icon,.web-form-container .workflow-panel table tr td.actions .icon,.workflow-container .web-form-panel table tr td.actions .icon,.workflow-container .workflow-panel table tr td.actions .icon{cursor:pointer;margin-top:20px}.web-form-panel .dropdown-list .dropdown-container ul li{color:#263238;cursor:default;font-weight:500}.web-form-panel .dropdown-list .dropdown-container ul li:hover{background:none}.web-form-panel .dropdown-list .dropdown-container ul li ul li{color:#546e7a;cursor:pointer;font-weight:400}.web-form-panel .dropdown-list .dropdown-container ul li ul li:hover{background:#0e90d9;color:#fff}.web-form-panel .dragable-container table tr td{vertical-align:bottom}.web-form-panel .dragable-container table tr td.delete-icon .icon,.web-form-panel .dragable-container table tr td.dragable-icon .icon{margin-bottom:10px}.web-form-panel .dragable-container table tr td .form-group .control{margin-top:10px}.vuecal__event{background-color:#0e90d9!important;color:#fff!important;cursor:pointer}.vuecal__event.done{background-color:#53c41a!important}.image-upload-brick{border:1px dashed #546e7a;border-radius:5px;display:inline-block;height:100px;margin-right:15px;overflow:hidden;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);vertical-align:middle;width:100px}.image-upload-brick input[type=file]{height:100px;opacity:0;position:absolute;width:100px;z-index:3}.image-upload-brick .upload-icon{height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}.image-upload-brick img{background:#fff;display:block;height:100px;position:absolute;width:100px;z-index:2}.image-info-brick{display:inline-block;margin:10px 0;vertical-align:middle}.image-info-brick .field-info{color:#546e7a;display:block;font-size:16px;font-style:italic}label.radio-inline{cursor:pointer;display:inline-block;font-weight:400;margin-bottom:0;padding-left:37px;position:relative;vertical-align:middle}input[type=radio]{line-height:normal;margin-left:-23px;position:absolute;top:-5px;width:20px!important}.pull-right{float:right}#webhook-encoding{clear:both}.help{font-size:16px;font-style:italic}
+.icon{background-size:cover;display:inline-block;height:20px;vertical-align:top;width:20px}.icon.sprite{background-repeat:no-repeat;background-size:auto}.dashboard-icon{background-position:-371px -2px}.dashboard-icon,.leads-icon{background-image:url(../images/sprite-main.svg)}.leads-icon{background-position:-130px -2px}.quotes-icon{background-position:-563px -2px}.emails-icon,.quotes-icon{background-image:url(../images/sprite-main.svg)}.emails-icon{background-position:-419px -3px;height:18px;width:20px}.activities-icon{background-position:-324px -2px;height:21px;width:17px}.activities-icon,.phone-icon{background-image:url(../images/sprite-main.svg)}.phone-icon{background-position:-178px -2px}.products-icon{background-position:-227px -3px;height:18px}.products-icon,.settings-icon{background-image:url(../images/sprite-main.svg)}.settings-icon{background-position:-275px -2px}.tools-icon{background-image:url(../images/sprite-main.svg);background-position:-514px -2px}.avatar-icon{background-image:url(../images/avatar-icon.svg);height:21px;width:16px}.avatar-dark-icon{background-image:url(../images/avatar-dark-icon.svg)}.email-send-icon{background-image:url(../images/email-send-icon.svg)}.table-line-icon{background-image:url(../images/table-line-icon.svg)}.table-line-active-icon{background-image:url(../images/table-line-active-icon.svg)}.layout-column-line-icon{background-image:url(../images/layout-column-line-icon.svg)}.layout-column-line-active-icon{background-image:url(../images/layout-column-line-active-icon.svg)}.calendar-line-icon{background-image:url(../images/calendar-line-icon.svg)}.calendar-line-active-icon{background-image:url(../images/calendar-line-active-icon.svg)}.empty-kanban-icon{background-image:url(../images/empty-kanban-icon.svg)}.menu-item.active .dashboard-icon,.menu-item:hover .dashboard-icon{background-position:-347px -2px}.menu-item.active .leads-icon,.menu-item:hover .leads-icon{background-position:-106px -2px}.menu-item.active .quotes-icon,.menu-item:hover .quotes-icon{background-position:-539px -2px}.menu-item.active .emails-icon,.menu-item:hover .emails-icon{background-position:-395px -3px}.menu-item.active .activities-icon,.menu-item:hover .activities-icon{background-position:-300px -2px}.menu-item.active .phone-icon,.menu-item:hover .phone-icon{background-position:-154px -2px}.menu-item.active .products-icon,.menu-item:hover .products-icon{background-position:-203px -3px}.menu-item.active .settings-icon,.menu-item:hover .settings-icon{background-position:-251px -2px}.menu-item.active .tools-icon,.menu-item:hover .tools-icon{background-position:-490px -2px}.dollar-circle-icon{background-image:url(../images/dollar-circle-icon.svg)}.drag-icon{background-image:url(../images/drag-icon.svg)}.empty-bar-icon{background-image:url(../images/empty-bar-icon.svg)}.empty-bar-vertical-icon{background-image:url(../images/empty-bar-vertical-icon.svg)}.ellipsis-icon{background-image:url(../images/ellipsis-icon.svg)}.attribute-icon{background-image:url(../images/attribute-icon.svg)}.lead-icon{background-image:url(../images/lead-icon.svg)}.mail-icon{background-image:url(../images/mail-icon.svg)}.organization-icon{background-image:url(../images/organization-icon.svg)}.person-icon{background-image:url(../images/person-icon.svg)}.product-icon{background-image:url(../images/product-icon.svg)}.quotation-icon{background-image:url(../images/quotation-icon.svg)}.group-icon{background-image:url(../images/group-icon.svg)}.role-icon{background-image:url(../images/role-icon.svg)}.user-icon{background-image:url(../images/user-icon.svg)}.source-icon{background-image:url(../images/source-icon.svg)}.type-icon{background-image:url(../images/type-icon.svg)}.email-template-icon{background-image:url(../images/email-template-icon.svg)}.workflow-icon{background-image:url(../images/workflow-icon.svg)}.tag-icon{background-image:url(../images/tag-icon.svg)}.pipeline-icon{background-image:url(../images/pipeline-icon.svg)}ul.drag-inner-list,ul.drag-list{list-style-type:none;margin:0;padding:0 5px}.drag-container{height:100%;margin:0;overflow:auto}.drag-container span div a{background:#fff;border:2px solid #0e90d9;border-radius:4px;box-shadow:0 4px 6px -1px rgba(14,144,217,.1),0 2px 4px -1px rgba(14,144,217,.06);color:#0e90d9;display:block;padding:10px;text-align:center}.drag-list{grid-gap:10px;color:#546e7a;display:grid;grid-auto-columns:minmax(320px,auto);grid-auto-flow:column;height:calc(100% - 10px);margin-bottom:10px;width:-moz-max-content;width:max-content}@media (max-width:690px){.drag-list{display:block}}.drag-column{background-color:hsla(0,0%,100%,.5);border-radius:4px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:inline-block;margin:0;overflow:hidden;vertical-align:top;width:auto}@media (max-width:690px){.drag-column{margin-bottom:30px}}.drag-column .drag-column-header{align-items:center;display:flex;justify-content:space-between;padding:20px}.drag-column .drag-column-header>div{width:100%}.drag-column .drag-column-header>div h2{color:#263238;font-size:18px;font-weight:500;margin:0 0 10px}.drag-column .drag-column-header>div h2 span{color:#53c41a}.drag-column .drag-column-header>div a{cursor:pointer}.drag-inner-list{color:#546e7a;height:100%;height:calc(100% - 110px);min-height:50px;overflow-y:scroll}.drag-inner-list .empty-icon-container{display:block;height:100%;position:relative;text-align:center}.drag-inner-list .empty-icon-container .icon-text-container{left:calc(50% - 49px);position:absolute;top:calc(50% - 75px)}.drag-inner-list .empty-icon-container .icon-text-container .empty-kanban-icon{height:98px;width:98px}.drag-inner-list .empty-icon-container .icon-text-container span{display:block;padding-top:10px}.drag-item{background:#fff;border:1px solid #f7f8f9;border-bottom-color:hsla(210,2%,76%,.5);box-shadow:none;box-shadow:0 2px 2px rgba(0,0,0,.1);line-height:30px;margin:0;transition:all .3s cubic-bezier(.23,1,.32,1)}.drag-item .lead-block{padding:10px;position:relative}.drag-item .lead-block:hover .icons{display:inline-block}.drag-item .lead-block.rotten{background:#ffd0d6}.drag-item .lead-block .lead-title{color:#263238;display:inline-block;font-size:16px;font-weight:500;line-break:anywhere;width:calc(100% - 45px)}.drag-item .lead-block .icons{cursor:pointer;display:none;position:absolute;right:5px;top:5px}.drag-item .lead-block .lead-cost{color:#263238}.drag-item .lead-block .lead-cost,.drag-item .lead-block .lead-person{font-size:14px}.drag-item .lead-block .lead-cost .icon,.drag-item .lead-block .lead-person .icon{margin-right:5px;vertical-align:middle}.drag-header-more{cursor:pointer}.drag-options{height:100%;left:0;opacity:0;padding:10px;position:absolute;top:44px;transform:translateX(100%);transition:all .3s cubic-bezier(.23,1,.32,1);width:100%}.drag-options.active{opacity:1;transform:translateX(0)}.drag-options-label{display:block;margin:0 0 5px}.drag-options-label input{opacity:.6}.drag-options-label span{display:inline-block;font-size:.9rem;font-weight:400;margin-left:5px}.gu-mirror{list-style-type:none;margin:0!important;opacity:.8;position:fixed!important;z-index:9999!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}.disable-drag{pointer-events:none}.rtl{direction:rtl;font-family:Vazirmatn,Helvetica Neue,Arial,Helvetica,serif}.rtl .anonymous-layout-container .center-box .adjacent-center{text-align:right}.rtl .lead-quote-list table tr td.actions .icon{cursor:pointer}.rtl .lead-quote-list table tr td.actions .dropdown-list{left:60px!important;right:unset}.rtl .navbar-top .navbar-top-right{text-align:left}.rtl .navbar-top .navbar-top-right .quick-create .dropdown-toggle .icon{margin-left:6px;margin-right:unset}.rtl .navbar-top .navbar-top-right .quick-create .dropdown-list{left:0;right:unset}.rtl .navbar-top .navbar-top-right .profile-info .dropdown-toggle .avatar{margin-left:10px}.rtl .navbar-top .navbar-top-right .profile-info .dropdown-list{left:0;right:unset;text-align:right}.rtl table tr .avatar{margin-left:10px}.rtl table tr .badge{margin-left:5px}.rtl .navbar-left{left:unset;right:-1px}.rtl .navbar-left .menubar li.menu-item .menu-label{margin-left:0;margin-right:10px}.rtl .navbar-left .menubar li.menu-item ul.sub-menubar{border-left:1px solid #eee;border-right:0;left:unset;right:48px}.rtl .navbar-left.open ul.menubar li.menu-item.active{width:100%}.rtl .navbar-left.open ul.menubar ul.sub-menubar li.sub-menu-item a{padding-right:40px}.rtl .navbar-left.open+.content-container{padding-left:0!important;padding-right:250px}.rtl .content-container{padding-left:0;padding-right:48px}.rtl .content-container .dashboard .row-grid-3 .card label .icon-container,.rtl .content-container .dashboard>h1~.card-filter-container{float:left}.rtl .content-container .dashboard .daterangepicker{left:0;right:unset}.rtl .content-container .content .page-header .page-action{float:left}.rtl .table .tabs-container .tabs-right-container{text-align:left}.rtl .drag-item .lead-block .icons{left:5px;right:unset}.rtl .tags-container .tag-dropdown .lookup-results{text-align:right}.rtl .tags-container ul.tag-list{margin-left:0;margin-right:10px}.rtl .tags-container ul.tag-list li{margin-left:8px;margin-right:0}.rtl .tags-container ul.tag-list li:last-child{margin-left:0}.rtl .modal-container .modal-header .header-actions{text-align:left}.rtl .page-content.lead-view .lead-content-left{float:right;padding-left:10px;padding-right:0}.rtl .page-content.lead-view .lead-content-left .panel .lead-rotten-info{float:left}.rtl .page-content.lead-view .lead-content-right{padding-left:0;padding-right:10px}.rtl .adjacent-center .page-content .nav-aside{float:right;padding-left:20px;padding-right:0}.rtl .adjacent-center .page-content .panel .panel-header button.btn{margin-right:0}.rtl .adjacent-center .page-content .panel .panel-header button.btn .icon{margin-left:5px;margin-right:0}.rtl .custom-attribute-view .attribute-value-row{padding-left:30px;padding-right:0}.rtl .custom-attribute-view .attribute-value-row .label{float:right}.rtl .custom-attribute-view .attribute-value-row .value{float:right;padding-left:0;padding-right:10px}.rtl .pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls{direction:ltr;margin-left:0;margin-right:10px}.rtl .pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list{left:0;right:unset}.rtl .activity-list .section-tag span{padding-left:10px;padding-right:0}.rtl .activity-list .timeline-bar{left:unset;right:18px}.rtl .activity-list .activities .activity-item{margin-left:0;margin-right:50px;text-align:right}.rtl .activity-list .activities .activity-item:before{left:unset;right:-51px}.rtl .activity-list .activities .activity-item .timeline-bar-icon{left:unset;right:-40px}.rtl .activity-list .activities .activity-item .timeline-bar-icon.meeting{right:-42px}.rtl .activity-list .activities .activity-item .timeline-bar-icon.lunch{left:-40px}.rtl .activity-list .activities .activity-item .timeline-bar-icon.email{left:unset;right:-41px}.rtl .activity-list .activities .activity-item .icon.ellipsis-icon{left:10px;right:unset}.rtl .activity-list .activities .activity-item .dropdown-list{left:0;right:unset;text-align:right}.rtl .activity-list .activities .activity-item.activity .attachment .icon{margin-left:5px;margin-right:0}.rtl .switch-view-container{margin-left:unset}.rtl .switch-view-container .icon-container.active{margin-left:1px}.rtl .form-group.email-control-group{padding-left:0;padding-right:40px}.rtl .form-group.email-control-group>label{left:unset;right:0}.rtl .form-group.email-control-group .email-address-options{left:10px;right:unset}.rtl .email-list .email-item .email-header .row .time{float:left;text-align:left}.rtl .email-action-container .sidebar-filter{left:-420px;right:unset}.rtl .email-action-container .sidebar-filter.show{left:0;right:unset}.rtl .email-action-container .sidebar-filter .panel .panel-header .links{float:left}.rtl .email-action-container .sidebar-filter .panel .panel-header .links .icon.close-icon{margin-left:0;margin-right:5px}.rtl .email-action-container .sidebar-filter .panel .panel-header .links a{margin-left:0}.rtl .email-action-container .sidebar-filter .panel .btn-group .form-group .icon{left:13px;right:unset}.rtl .dropdown-list{text-align:right}.rtl .dragable-container ul.dragable-list li.list-group-item .form-group{padding-left:40px;padding-right:0}.rtl .dragable-container ul.dragable-list li.list-group-item .form-group .icon.align-justify-icon{left:50px;right:unset}.rtl .dragable-container ul.dragable-list li.list-group-item .icon.trash-icon{left:5px;right:unset}body{background:#f7f8f9;height:100%;margin:0;position:static;width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px hsla(0,0%,100%,.3)}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.navbar-top{background-color:#fff;box-shadow:inset 0 -1px 0 #cdcecf;font-size:0;height:60px;left:0;position:fixed;right:0;z-index:5}.navbar-top .navbar-top-left{display:inline-block;height:60px;vertical-align:middle;width:50%}.navbar-top .navbar-top-left .brand-logo{padding:10px 5px}.navbar-top .navbar-top-right{display:inline-block;height:60px;padding:10px;text-align:right;vertical-align:middle;width:50%}.navbar-top .navbar-top-right .quick-create{display:inline-block;margin-right:10px;position:relative;vertical-align:middle}.navbar-top .navbar-top-right .quick-create .button{background:#0e90d9;border:2px solid #0e90d9;border-radius:43px;cursor:pointer;display:inline-block;height:40px;width:40px}.navbar-top .navbar-top-right .quick-create .button.active{box-shadow:inset 0 0 0 2px #fff}.navbar-top .navbar-top-right .quick-create .button .icon{margin-right:9px;margin-top:6px}.navbar-top .navbar-top-right .quick-create .dropdown-list{bottom:unset;padding:12px;right:0;top:50px;width:284px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container{grid-gap:10px;display:grid;font-size:12px;font-weight:500;grid-template-columns:auto auto auto;text-align:center}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item{background:#fff;width:80px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item:hover{background:#f7f8f9;border-radius:8px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item a{color:#546e7a;display:block;padding:5px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item a .icon{height:40px;margin-bottom:5px;width:40px}.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item a span{display:block}.navbar-top .navbar-top-right .profile-info{cursor:pointer;display:inline-block;position:relative;text-align:left;vertical-align:middle}.navbar-top .navbar-top-right .profile-info .avatar{background-color:#f7f8f9;border:1px solid #c1c2c3;border-radius:43px;display:inline-block;height:40px;margin-right:10px;overflow:hidden;text-align:center;vertical-align:middle;width:40px}.navbar-top .navbar-top-right .profile-info .avatar img{height:40px;width:40px}.navbar-top .navbar-top-right .profile-info .avatar .icon{margin-top:8px}.navbar-top .navbar-top-right .profile-info .info{display:inline-block;font-size:16px;line-height:20px;min-width:50px;vertical-align:middle}.navbar-top .navbar-top-right .profile-info .info .howdy{color:#9e9e9e}.navbar-top .navbar-top-right .profile-info .info .user{display:block}.navbar-top .navbar-top-right .profile-info .icon.ellipsis-icon{height:30px!important;vertical-align:middle;width:30px!important}.navbar-top .navbar-top-right .profile-info .dropdown-list{bottom:unset;right:0;top:50px}.navbar-top .navbar-top-right .profile-info .dropdown-list .app-version{border-bottom:1px solid #c1c2c3;color:#a2a2a2;cursor:default;display:block;font-size:18px;padding:8px 12px}.layout-container{display:flex}.navbar-left{background-color:#263238;bottom:0;box-shadow:inset -1px 0 0 #cdcecf;height:auto;left:0;position:fixed;top:60px;width:48px;z-index:2}.navbar-left ul.menubar li.menu-item{font-size:14px;overflow:hidden;position:relative}.navbar-left ul.menubar li.menu-item>a{align-items:center;color:#546e7a;display:flex;gap:.625rem;padding:16px 12px;width:100%}.navbar-left ul.menubar li.menu-item>a .icon{display:inline-block;vertical-align:middle}.navbar-left ul.menubar li.menu-item>a .menu-label{display:none;margin-left:10px}.navbar-left ul.menubar li.menu-item span{display:block;margin:auto}.navbar-left ul.menubar li.menu-item ul.sub-menubar{background-color:#fff;border:1px solid #eee;border-left:0;border-radius:0 3px 3px 0;box-shadow:2px 1px 3px #cdcecf;display:none;left:48px;min-width:160px;position:absolute;top:0}.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{color:#546e7a;display:block;font-size:14px;padding:8px 12px}.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item.active a,.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item:hover a{color:#0e90d9}.navbar-left ul.menubar li.menu-item.active,.navbar-left ul.menubar li.menu-item:hover{box-shadow:inset 4px 0 0 #0e90d9}.navbar-left ul.menubar li.menu-item:hover{overflow:visible}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar{display:block}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item .menu-label{color:#546e7a}.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active .menu-label,.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item:hover .menu-label{color:#0e90d9}.navbar-left.open{overflow-x:auto;width:250px}.navbar-left.open ul.menubar li.menu-item a .menu-label{color:#b0bec5;display:inline-block;font-size:16px;font-weight:200}.navbar-left.open ul.menubar li.menu-item ul.sub-menubar{background-color:transparent;border:0;border-radius:0;box-shadow:unset;display:none;position:unset}.navbar-left.open ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a{padding-left:53px}.navbar-left.open ul.menubar li.menu-item.active{background:#12171a;width:calc(100% - 1px)}.navbar-left.open ul.menubar li.menu-item.active .menu-label{color:#0e90d9}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar{display:block}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item .menu-label{color:#b0bec5}.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active .menu-label,.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item:hover .menu-label{color:#0e90d9!important}.navbar-left.open ul.menubar li.menu-item:hover .menu-label{color:#0e90d9}.navbar-left .menubar-bottom{background-color:#263238;cursor:pointer;padding:12px;position:absolute;width:calc(100% - 1px)}.settings-container .panel{margin-bottom:30px;max-width:941px}.settings-container .panel .panel-header h3{margin:0 0 5px}.settings-container .panel .panel-header p{font-size:16px;font-weight:400;margin:0}.settings-container .panel .setting-link-container .setting-link-item{display:inline-block;width:300px}.settings-container .panel .setting-link-container .setting-link-item a{align-items:center;display:flex;height:100px;padding:20px}.settings-container .panel .setting-link-container .setting-link-item a .icon{height:40px;width:40px}.settings-container .panel .setting-link-container .setting-link-item a .setting-info{display:inline-block;margin-left:25px}.settings-container .panel .setting-link-container .setting-link-item a .setting-info label{color:#263238;cursor:pointer;font-size:18px;font-weight:400}.settings-container .panel .setting-link-container .setting-link-item a .setting-info p{color:#263238;display:none;font-size:14px;font-weight:400;margin:0 0 3px}.settings-container .panel .setting-link-container .setting-link-item:hover{background-color:#f7f8f9;border-radius:8px}.settings-container .panel .setting-link-container .setting-link-item:hover .setting-info p{display:block}.content-container{bottom:0;height:calc(100% - 60px);left:0;padding-left:48px;position:absolute;right:0;top:60px}.content-container .inner-section{height:100%}.content-container .aside-nav{background-color:#fff;border-right:1px solid #c1c2c3;bottom:0;padding-bottom:10px;padding-top:10px;position:fixed;top:60px;width:280px;z-index:4}.content-container .aside-nav ul{height:90%;overflow-y:auto}.content-container .aside-nav a{color:#000311;display:block;padding:15px}.content-container .aside-nav .active a{background:#fff;border-bottom:1px solid #c1c2c3;border-top:1px solid #c1c2c3}.content-container .aside-nav .active i{float:right}.content-container .content-wrapper{background-color:#fff;margin-left:280px;margin-top:1px;padding:25px 25px 25px 15px}.content-container .content.full-page{height:100%;padding:25px}.content-container .content .page-header{display:inline-block;margin-bottom:10px;width:100%;z-index:3}.content-container .content .page-header .page-title{display:inline-block}.content-container .content .page-header .page-title .back-link{cursor:pointer;float:left;height:24px;margin-right:10px;margin-top:5px;width:24px}.content-container .content .page-header .page-title h1{display:inline-block;font-weight:400;line-height:normal;margin-bottom:0;vertical-align:middle}.content-container .content .page-header .page-action{float:right}.content-container .content .page-header .page-action a{margin-left:25px}.content-container .content .page-header>.form-group{display:inline-block;margin-bottom:0;margin-left:20px;width:180px}.content-container .content .page-header .control{margin:0;width:100%}.content-container .content .page-content{display:inline-block;padding-bottom:20px;width:100%}.control-container{align-items:flex-start;display:flex;flex-direction:row;width:750px}.control-container .control{background:#fff;border:1px solid #c1c2c3;border-radius:3px;display:inline-block;font-size:16px;height:36px;padding:0 10px;transition:.2s cubic-bezier(.4,0,.2,1);vertical-align:middle;width:150px}.control-container .control:focus{border-color:#0041ff}.control-container .icon:hover{cursor:pointer}.control-container .form-group::last-child{margin-right:0}.anonymous-layout-container{background:#f7f8f9;display:table;height:100%;position:absolute;text-align:center;width:100%;z-index:1}.anonymous-layout-container .center-box{display:table-cell;vertical-align:middle}.anonymous-layout-container .center-box .adjacent-center{display:inline-block;text-align:left;width:476px}.anonymous-layout-container .center-box .adjacent-center .brand-logo{margin-bottom:40px;text-align:center}.anonymous-layout-container .center-box .adjacent-center .brand-logo img{height:50px;transform:translateY(-8px);width:280px}.anonymous-layout-container .center-box .adjacent-center .brand-logo p{color:#546e7a;font-size:20px;margin:0}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body{border:0;padding:48px}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body h1{color:#546e7a;font-size:24px;font-weight:500;margin-bottom:30px}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body .form-group .control{width:100%}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body a{display:block;font-size:14px;margin-bottom:30px;margin-top:-15px}.anonymous-layout-container .center-box .adjacent-center .panel .panel-body button.btn{font-size:24px;width:100%}.adjacent-center .page-content,.adjacent-center .page-header{display:block!important;margin:auto;width:1000px!important}.adjacent-center .page-content .nav-aside{float:left;padding-right:20px;width:190px}.adjacent-center .page-content .nav-aside ul{margin-top:118px}.adjacent-center .page-content .nav-aside ul li{margin-bottom:5px}.adjacent-center .page-content .nav-aside ul li a{border-radius:4px;color:#546e7a;display:block;font-weight:400;padding:10px;text-align:right}.adjacent-center .page-content .nav-aside ul li:hover a{background-color:rgba(38,41,44,.08)}.adjacent-center .page-content .nav-aside ul li.active a{background:#0e90d9;color:#fff;font-weight:500}.adjacent-center .page-content .panel .panel-header button.btn{margin-right:30px}.adjacent-center .page-content .panel .panel-header button.btn .icon{margin-right:5px}.adjacent-center .page-content .panel .panel-header input[type=submit]{background:transparent;border:0;color:#546e7a;cursor:pointer;font-family:Roboto;font-size:18px;font-weight:500;margin-right:30px;padding:0}.adjacent-center .page-content .panel .panel-header a{color:inherit;margin-right:30px}.dragable-container ul.dragable-list li.list-group-item{margin-bottom:10px;position:relative}.dragable-container ul.dragable-list li.list-group-item.sortable-ghost .form-group .control{border-style:dashed}.dragable-container ul.dragable-list li.list-group-item .form-group{margin:0;padding-right:40px}.dragable-container ul.dragable-list li.list-group-item .form-group .control{margin:0}.dragable-container ul.dragable-list li.list-group-item .form-group .icon.align-justify-icon{cursor:pointer;height:24px;position:absolute;right:50px;top:9px;width:24px}.dragable-container ul.dragable-list li.list-group-item .icon.trash-icon{cursor:pointer;height:24px;position:absolute;right:5px;top:9px;width:24px}.dragable-container table{box-shadow:none}.dragable-container table tr th:first-child,.dragable-container table tr th:last-child{width:40px}.dragable-container table tr td.delete-icon .icon,.dragable-container table tr td.dragable-icon .icon{cursor:pointer;height:24px;margin-top:9px;width:24px}.dragable-container table tr td .form-group .control{margin-bottom:0;margin-top:0}.dragable-container table tr:not(.draggable) .control[readonly=readonly]{background-color:#f0f0f0}.dragable-container button.btn{margin-top:10px}.lookup-results{background-color:#fff;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 0 9px 0 rgba(0,0,0,.16);max-height:200px;overflow-y:auto;text-align:left;width:100%;z-index:10}.lookup-results.grouped label{color:#263238;font-size:18px;font-weight:500;padding:10px 10px 0}.lookup-results.grouped li{padding-left:15px}.lookup-results li{cursor:pointer;padding:5px 0}.lookup-results li.action{border-top:1px solid #c1c2c3}.lookup-results li span{display:inline-block;padding:5px 10px;width:100%}.lookup-results li span:hover{background-color:#0e90d9;color:#fff}.lookup-selected-options{margin-top:10px}.lookup-selected-options .badge{margin-right:10px}.lookup-selected-options .badge .icon{cursor:pointer}.modal-container{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.modal-container .tabs-content{border:0;border-top:1px solid #c1c2c3}.lead-product-list .lead-product{border-bottom:1px solid #c1c2c3;padding-bottom:20px;padding-top:20px}.lead-product-list .lead-product:first-of-type{padding-top:0}.lead-product-list .lead-product:last-of-type{margin-bottom:20px}.lead-product-list .lead-product .top-control-group{display:inline-block;width:100%}.lead-product-list .lead-product .top-control-group .form-group{margin-bottom:10px}.lead-product-list .lead-product .bottom-control-group{grid-column-gap:10px;grid-row-gap:0;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));justify-items:center;padding-right:28px;position:relative;width:100%}.lead-product-list .lead-product .bottom-control-group .form-group{margin-bottom:0}.lead-product-list .lead-product .bottom-control-group .icon.trash-icon{cursor:pointer;position:absolute;right:0;top:44px}.page-content.lead-view .lead-content-left{float:left;padding-right:10px;width:30%}.page-content.lead-view .lead-content-left .panel{margin-bottom:30px}.page-content.lead-view .lead-content-left .panel .lead-rotten-info{background:#ffd0d6;border-radius:4px;color:#ff4d50;float:right;font-size:14px;font-weight:400;padding:2px 12px}.page-content.lead-view .lead-content-left .panel .lead-rotten-info .icon{height:16px;margin-right:5px;margin-top:3px;width:16px}.page-content.lead-view .lead-content-right{float:left;padding-left:10px;width:70%}.page-content.lead-view .lead-content-right .tabs-content{margin-bottom:20px}.custom-attribute-view .attribute-value-row{display:inline-block;font-size:16px;padding:6px 30px 6px 6px;position:relative;width:100%}.custom-attribute-view .attribute-value-row:nth-child(2n){background-color:#fff;padding:10px 6px}.custom-attribute-view .attribute-value-row:last-child{border:none}.custom-attribute-view .attribute-value-row .label{color:#546e7a;float:left;width:120px}.custom-attribute-view .attribute-value-row .value{float:left;padding-left:10px;width:calc(100% - 120px)}.custom-attribute-view .attribute-value-row .value span.multi-value{background:#eff0f5;border-radius:30px;display:inline-block;margin-bottom:5px;padding:4px 8px;word-break:break-all}.custom-attribute-view .attribute-value-row .value span.multi-value span{color:#747678;font-size:16px}.custom-attribute-view .attribute-value-row .value .image{border:1px solid;border-radius:4px;height:100px;width:100px}.custom-attribute-view .attribute-value-row .icon.pencil-underline-icon{cursor:pointer;display:none;position:absolute;right:5px}.custom-attribute-view .attribute-value-row .dropdown-list{right:0;width:100%}.custom-attribute-view .attribute-value-row:hover .icon.pencil-underline-icon{display:inline-block}.form-group .image{border-radius:3px;height:33px;margin-right:5px;position:absolute;right:0;top:36px;width:33px}.form-group .icon.download-icon{position:absolute;right:10px;top:40px}.form-group.email-control-group{padding-left:40px}.form-group.email-control-group>label{left:0;position:absolute;top:10px}.form-group.email-control-group .tags-control{margin-top:0}.form-group.email-control-group .email-address-options{position:absolute;right:10px;top:10px}.form-group.email-control-group .email-address-options label{-webkit-touch-callout:none;cursor:pointer;display:inline-block;font-weight:500;margin-right:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-group.email-control-group .email-address-options label:last-child{margin-right:0}.activity-list .section-tag{display:inline-block;margin-bottom:20px;margin-left:50px;position:relative;width:100%}.activity-list .section-tag span{background:#fff;color:#546e7a;font-weight:500;padding-right:10px;position:absolute;top:-11px}.activity-list .section-tag hr{border-top:1px solid #c1c2c3;margin:0}.activity-list .timeline-bar{bottom:0;left:18px;position:absolute;top:38px}.activity-list .activities{position:relative}.activity-list .activities.planned-activities{margin-bottom:30px}.activity-list .activities.planned-activities .timeline-bar{border-left:2px dashed #546e7a;bottom:-67px}.activity-list .activities.planned-activities.email,.activity-list .activities.planned-activities.file,.activity-list .activities.planned-activities.note{display:none}.activity-list .activities.done-activities .timeline-bar{border-left:2px solid #546e7a}.activity-list .activities .activity-item{background:#fff;border:1px solid #f7f8f9;box-shadow:0 2px 2px rgba(0,0,0,.1);margin-bottom:10px;margin-left:50px;padding:15px;position:relative;text-align:left}.activity-list .activities .activity-item:before{background-color:#fff;background-position:50%;background-repeat:no-repeat;border:1px solid #546e7a;border-radius:50%;content:" ";display:inline-block;height:36px;left:-51px;position:absolute;top:0;width:36px}.activity-list .activities .activity-item:last-child{margin-bottom:0}.activity-list .activities .activity-item.activity .title{color:#546e7a;font-size:16px;margin-bottom:5px}.activity-list .activities .activity-item.activity .title h4{margin:0 0 5px}.activity-list .activities .activity-item.activity .attachment{display:inline-block;font-size:16px;margin-bottom:10px;margin-top:5px}.activity-list .activities .activity-item.activity .attachment .icon{margin-left:-3px;margin-right:5px}.activity-list .activities .activity-item.activity .comment{background-color:#fff9c4;border:1px solid #fdd835;border-radius:4px;font-size:16px;margin-bottom:5px;padding:15px;position:relative;white-space:pre-line}.activity-list .activities .activity-item.activity .info{color:#747678;font-size:14px}.activity-list .activities .activity-item.activity .info .seperator{cursor:default;display:inline-block;font-weight:700;margin:0 5px;text-align:center;width:8px}.activity-list .activities .activity-item.email{position:relative}.activity-list .activities .activity-item.email .subject h5{margin:0 0 5px}.activity-list .activities .activity-item.email .subject span{color:#546e7a;font-size:16px;margin-bottom:5px}.activity-list .activities .activity-item .icon.ellipsis-icon{border-radius:4px;cursor:pointer;position:absolute;right:10px;top:10px}.activity-list .activities .activity-item .icon.ellipsis-icon:hover{background-color:rgba(38,41,44,.05)}.activity-list .activities .activity-item .dropdown-list{font-weight:400;right:0;top:40px}.activity-list .activities .activity-item .timeline-bar-icon{bottom:77px;height:18px;left:-40px;position:absolute;top:11px;width:18px}.activity-list .activities .activity-item .timeline-bar-icon.note{background-image:url(../images/note-icon.svg);height:20px;top:8px;width:16px}.activity-list .activities .activity-item .timeline-bar-icon.call{background-image:url(../images/call-icon.svg);top:9px}.activity-list .activities .activity-item .timeline-bar-icon.meeting{background-image:url(../images/meeting-icon.svg);top:9px}.activity-list .activities .activity-item .timeline-bar-icon.lunch{background-image:url(../images/lunch-icon.svg);height:17px;left:-40px;top:10px;width:17px}.activity-list .activities .activity-item .timeline-bar-icon.file{background-image:url(../images/file-icon.svg);top:10px;width:16px}.activity-list .activities .activity-item .timeline-bar-icon.email{background-image:url(../images/email-icon.svg);height:16px;left:-41px;width:18px}.activity-list .empty-activities{color:#546e7a;font-size:16px;text-align:center}.dashboard{background-color:#f7f8f9;height:unset!important}.dashboard .dashboard-content.print{background-color:#fff;left:0;position:absolute;top:-60px;width:100%;z-index:10000}.dashboard>h1{display:inline-block;margin-bottom:35px}.dashboard>h1~.cards-collection{border:2px solid #c1c2c3;border-radius:3px;cursor:pointer;float:right;margin:0;width:200px}.dashboard>h1~.cards-collection .toggle-btn{background-color:#fff;margin:0;padding:6px 10px}.dashboard>h1~.cards-collection .toggle-btn :last-child{float:right}.dashboard>h1~.cards-collection .cards-options{border:none;margin-bottom:0;position:relative;width:unset;z-index:1}.dashboard>h1~.cards-collection .cards-options>div{background:#fff;box-shadow:0 4px 4px rgba(84,110,122,.25);padding:20px 12px;position:absolute;top:20px;transition:.35s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.dashboard>h1~.cards-collection .cards-options>div header{border-bottom:1px solid #c1c2c3;margin-bottom:10px;padding-bottom:15px}.dashboard>h1~.cards-collection .cards-options>div header .btn-secondary-outline{border:none;font-size:16px;padding-left:0}.dashboard>h1~.cards-collection .cards-options>div header .btn-primary{float:right}.dashboard>h1~.card-filter-container{color:#546e7a;float:right;z-index:1}.dashboard>h1~.card-filter-container .daterangepicker .btn-success{background-color:#0e90d9;padding:10px 14px}.dashboard>h1~.card-filter-container .daterangepicker .btn-secondary{background-color:#546e7a;padding:10px 14px}.dashboard .date{text-align:right}.dashboard .date .date-container,.dashboard .date label{display:inline-block}.dashboard .row-grid-3{align-items:start;padding:10px 0}.dashboard .row-grid-3 .card{background-color:#fff;border-radius:3px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);height:100%;min-height:300px}.dashboard .row-grid-3 .card label{border-bottom:1px solid hsla(210,2%,76%,.5);color:#263238;display:block;font-weight:500;height:100%;padding:20px}.dashboard .row-grid-3 .card label .card-filter-container{color:#546e7a;cursor:pointer;display:inline-block;margin-left:5px}.dashboard .row-grid-3 .card label .card-filter-container .dropdown-toggle{margin-bottom:5px}.dashboard .row-grid-3 .card label .icon-container{display:none;float:right}.dashboard .row-grid-3 .card label .icon-container .icon{cursor:pointer}.dashboard .row-grid-3 .card .card-header{height:65px;text-transform:capitalize}.dashboard .row-grid-3 .card .card-data,.dashboard .row-grid-3 .card .db-wg-spinner{height:calc(100% - 65px)}.dashboard .row-grid-3 .card .card-data{overflow-y:scroll;padding:20px;position:relative}.dashboard .row-grid-3 .card .card-data::-webkit-scrollbar{display:none}.dashboard .row-grid-3 .card .card-data .bar-chart,.dashboard .row-grid-3 .card .card-data .line-chart{align-items:center;display:grid;height:100%}.dashboard .row-grid-3 .card .card-data .bar-data{grid-column-gap:15px;align-items:center;color:#263238;display:grid;font-size:14px;grid-template-columns:70px auto 40px}.dashboard .row-grid-3 .card .card-data .bar-data.activity>span:first-child{line-break:anywhere;text-transform:capitalize}.dashboard .row-grid-3 .card .card-data .lead{color:#546e7a;margin-top:20px}.dashboard .row-grid-3 .card .card-data .lead:first-child{margin:0}.dashboard .row-grid-3 .card .card-data .lead label{border:0;font-size:18px;font-weight:500;height:-moz-max-content;height:max-content;padding:0}.dashboard .row-grid-3 .card .card-data .lead .details{border-bottom:1px solid hsla(210,2%,76%,.5);display:grid;font-size:16px;grid-template-columns:auto auto auto;padding:5px 0}.dashboard .row-grid-3 .card .card-data .column-container{border-bottom:1px solid #c1c2c3;display:inline-block;margin-top:10px;padding-bottom:5px;width:100%}.dashboard .row-grid-3 .card .card-data .column-container:nth-child(odd){margin-right:10px}.dashboard .row-grid-3 .card .card-data .column-container:first-child,.dashboard .row-grid-3 .card .card-data .column-container:nth-child(2){margin-top:0}.dashboard .row-grid-3 .card .card-data .column-container span{color:#546e7a;display:block;text-align:left}.dashboard .row-grid-3 .card .card-data .column-container span:first-child{font-size:36px;font-weight:500;margin-bottom:10px}.dashboard .row-grid-3 .card .card-data .column-container span:last-child{font-size:16px}.dashboard .row-grid-3 .card .card-data .custom-card{color:#546e7a;left:calc(50% - 62px);position:absolute;text-align:center;top:calc(50% - 62px)}.dashboard .row-grid-3 .card .card-data .custom-card span{display:block}.dashboard .row-grid-3 .card .card-data .custom-card i.icon{height:96px;width:96px}.dashboard .row-grid-3 .card .card-data.column-grid-2{align-items:start}.dashboard .row-grid-3 .card.dashed{border-style:dashed}.dashboard .row-grid-3 .card:hover label .icon-container{display:inline}.table tr td.subject,.table tr th.subject{overflow:hidden;text-overflow:ellipsis;width:100%}.table tr td.subject .subject-wrapper,.table tr th.subject .subject-wrapper{align-items:center;display:flex}.table tr td.subject .subject-wrapper .subject-content,.table tr th.subject .subject-wrapper .subject-content{flex:0 0 auto;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis}.table tr td.subject .subject-wrapper .reply,.table tr th.subject .subject-wrapper .reply{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.table tr td.created_at,.table tr th.created_at{width:200px}.table tr td.attachments,.table tr th.attachments{width:45px}.table tr td .avatar,.table tr th .avatar{background-color:#f7f8f9;border:1px solid #c1c2c3;border-radius:43px;display:inline-block;height:40px;margin-right:10px;overflow:hidden;text-align:center;vertical-align:middle;width:40px}.table tr td .avatar img,.table tr th .avatar img{height:40px;width:40px}.table tr td .avatar .icon,.table tr th .avatar .icon{margin-top:8px}.banner{background-color:#0e90d9;color:#fff;display:none;height:50px;max-height:50px;padding:13px 20px;position:fixed;text-align:center;width:100%;z-index:10}.banner .thumbnail{cursor:pointer;margin-right:10px;width:20px}.banner .hovered-container{display:none;position:relative;right:110px;top:-28px;z-index:10}.banner .hovered-container.show{display:inline-block}.banner .hovered-container img{position:absolute}.banner span{vertical-align:super}.banner i.close-white-icon{cursor:pointer;float:right}body.top-banner .center-box,body.top-banner .content-container,body.top-banner .navbar-top{top:50px}body.top-banner .navbar-left{top:110px}body.top-banner .center-box{position:relative}body.top-banner .banner{display:inline-block}.email-action-container .btn-secondary-outline{font-size:16px}.email-action-container .btn-secondary-outline span{padding:1px 0}.email-action-container .btn-secondary-outline .icon{margin-right:5px}.email-action-container .sidebar-filter{padding:0}.email-action-container .sidebar-filter header{margin-bottom:0;padding:30px 20px 20px}.email-action-container .sidebar-filter .panel{border-bottom:1px solid #c1c2c3;padding:20px}.email-action-container .sidebar-filter .panel .panel-header .links{float:right}.email-action-container .sidebar-filter .panel .panel-header .links .icon{cursor:pointer;height:24px;width:24px}.email-action-container .sidebar-filter .panel .panel-header .links .icon.close-icon{margin-left:5px;margin-top:-2px}.email-action-container .sidebar-filter .panel .panel-body{border:1px solid #c1c2c3;box-shadow:none}.email-action-container .sidebar-filter .panel .btn-group button{font-size:18px;margin-bottom:10px;width:100%}.email-action-container .sidebar-filter .panel .btn-group button:last-child{margin-bottom:0}.email-action-container .sidebar-filter .panel .btn-group .form-group{margin-bottom:10px}.email-action-container .sidebar-filter .panel .btn-group .form-group .control{border:2px solid;padding:6px 10px 7px}.email-action-container .sidebar-filter .panel .btn-group .form-group .icon{position:absolute;right:13px;top:7px}.email-action-container .sidebar-filter .panel .contact-details .name{color:#546e7a;margin-bottom:10px}.email-action-container .sidebar-filter .panel .contact-details .email{color:#546e7a;font-weight:500;margin-bottom:10px}.email-action-container .sidebar-filter .panel .contact-details .email .icon{margin-right:10px;margin-top:1px}.email-list .email-item{margin-bottom:40px}.email-list .email-item .email-header{margin-bottom:20px}.email-list .email-item .email-header .row{color:#546e7a}.email-list .email-item .email-header .row .label{font-weight:400}.email-list .email-item .email-header .row .value{font-weight:500}.email-list .email-item .email-header .row .time{float:right;position:relative;text-align:right;width:215px}.email-list .email-item .email-header .row .time>.icon{cursor:pointer;transform:rotate(90deg)}.email-list .email-item .email-header .row .time .dropdown-list .icon{margin-right:15px}.email-list .email-item .email-content{background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);color:#546e7a;padding:30px}.email-list .email-item .email-content .attachment-list{margin-top:30px}.email-list .email-item .email-content .attachment-list .attachment-item{display:block;margin-bottom:10px}.email-list .email-item .email-content .attachment-list .attachment-item:last-child{margin-bottom:0}.email-list .email-item .email-content .attachment-list .attachment-item a{color:#546e7a}.email-list .email-action span{color:#546e7a;cursor:pointer;font-weight:500;padding:8px}.email-list .email-action span.reply-button{margin-right:20px}.email-list .email-action span .icon{margin-right:10px}.email-list .email-form-container .panel .panel-bottom{margin-top:25px}.email-list .email-form-container .panel .panel-bottom button.btn{margin-right:30px}.email-list .email-form-container .panel .panel-bottom label{color:#546e7a;cursor:pointer;font-size:18px;font-weight:500}.tags-container{display:inline-block;margin-left:10px;position:relative}.tags-container .icon.tags-icon{cursor:pointer;vertical-align:middle}.tags-container ul.tag-list{display:inline-block;margin-left:10px}.tags-container ul.tag-list li{border-radius:4px;color:#fff;display:inline-block;font-size:16px;font-weight:500;margin-right:8px;padding:3px 10px}.tags-container ul.tag-list li:last-child{margin-right:0}.tags-container ul.tag-list li .icon{cursor:pointer;height:15px;width:15px}.tags-container .tag-dropdown{background-color:#fff;border:1px solid #f0f0f0;box-shadow:0 2px 5px 0 rgba(39,49,58,.15);margin-bottom:20px;position:absolute;text-align:left;top:35px;width:215px;z-index:10}.tags-container .tag-dropdown .lookup-results{color:#546e7a;font-size:18px}.tags-container .tag-dropdown .lookup-results .control-list-item:hover{background-color:#fff}.tags-container .tag-dropdown .form-group{margin:0!important;padding:5px 10px;width:100%!important}.tags-container .tag-dropdown .form-group .loader-active-icon{right:15px}.tags-container .tag-dropdown .form-container{padding:5px 0}.tags-container .tag-dropdown .form-container .color-list,.tags-container .tag-dropdown .form-container .form-group .control{margin-bottom:5px;margin-top:10px}.tags-container .tag-dropdown .form-container .color-list span{border-radius:50%;box-shadow:0 4px 15.36px .75px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-block;height:25px;margin-right:3px;transition:.2s cubic-bezier(.4,0,.2,1);width:25px}.tags-container .tag-dropdown .form-container .color-list span.active{border:3px solid #fff}.tags-container .tag-dropdown .form-container .button-group{border-top:1px solid #c1c2c3;display:inline-block;padding-top:10px}.pipeline-stage-controls-wrapper{margin-bottom:40px}.pipeline-stage-controls-wrapper .pipeline-stage-container{display:flex;position:relative;width:100%}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages{align-items:center;border-radius:4px;display:flex;flex-flow:row nowrap;overflow:hidden;width:100%}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages::-webkit-scrollbar{display:none}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage{background:#c1c2c3;color:#263238;font-size:16px;font-weight:500;min-width:200px;text-align:center;width:100%}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage span{cursor:pointer;display:block;overflow:hidden;padding:7px 5px 7px 22px;text-overflow:ellipsis;white-space:nowrap}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage span .icon{float:right}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage:not(:last-child){position:relative}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage:not(:last-child):before{background:#c1c2c3;border-radius:0 0 0 25px;box-shadow:1px -1px 0 1px #fff,1px -1px 0 1px #fff;content:"";height:25px;position:absolute;right:-12px;top:50%;transform:translateY(-50%) rotate(45deg);width:25px;z-index:1}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage.active{background-color:#0e90d9;color:#fff}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage.active:before{background:#0e90d9}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list{font-weight:400;right:0}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list ul li{color:#546e7a}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list ul li:hover{color:#fff}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.won .stage{background-color:#53c41a;color:#fff}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.won .stage:before{background:#53c41a}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.lost .stage{background-color:#ff4d50;color:#fff}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.lost .stage:before{background:#ff4d50}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls{align-items:center;display:flex;margin-left:10px;width:72px}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls .btn{border:1px solid;border-radius:4px;height:36px;padding:7px}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls .btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls .btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.pipeline-stage-controls-wrapper .date-panel{display:inline-block;font-size:14px;margin-top:5px;width:100%}.pipeline-stage-controls-wrapper .date-panel .pull-left{float:left}.pipeline-stage-controls-wrapper .date-panel .pull-right{float:right}.pipeline-stage-controls-wrapper .date-panel .pull-left .icon,.pipeline-stage-controls-wrapper .date-panel .pull-right .icon{height:18px;vertical-align:middle;width:18px}.pipeline-stage-controls-wrapper .date-panel .pull-left label,.pipeline-stage-controls-wrapper .date-panel .pull-right label{color:#546e7a;font-weight:500}.pipeline-stage-controls-wrapper .date-panel .pull-left span,.pipeline-stage-controls-wrapper .date-panel .pull-right span{color:#263238}.switch-pipeline-container{display:inline-block;margin-right:6px}.switch-pipeline-container .control{border:1px solid #c1c2c3;height:40px;margin:0}.switch-view-container{display:inline-block;margin-left:-5px;margin-right:6px;vertical-align:top}.switch-view-container .icon-container{border:1px solid #c1c2c3;cursor:pointer;display:inline-block;height:40px;padding:6px 10px 10px 8px}.switch-view-container .icon-container:first-child{border-radius:3px 0 0 3px;left:5px;position:relative}.switch-view-container .icon-container:last-child{border-radius:0 3px 3px 0}.switch-view-container .icon-container.active{background-color:#546e7a;border-color:#546e7a;cursor:not-allowed}.switch-view-container .icon-container .icon{height:22px;vertical-align:middle;width:24px}.empty-record{text-align:center}.empty-record img{height:100px;margin-bottom:15px;width:100px}.empty-record span{display:block}.quote-item-list .table{padding:5px}.quote-item-list .table table{margin-bottom:20px}.quote-item-list .table table tr th.actions{width:50px}.quote-item-list .table table tr td{vertical-align:top}.quote-item-list .table table tr td.actions{vertical-align:middle;width:50px}.quote-item-list .table table tr td.actions .icon{cursor:pointer}.quote-item-list .table table tr td .form-group{min-width:100%!important}.quote-item-list .table table tr td .form-group .control{margin:0}.quote-item-list .quote-summary{padding:5px}.quote-item-list .quote-summary table{float:right;margin-top:40px}.quote-item-list .quote-summary table tr td{font-weight:500;padding:5px 8px;vertical-align:text-bottom}.quote-item-list .quote-summary table tr td .form-group{margin:0;width:100px!important}.quote-item-list .quote-summary table tr td .form-group .control{margin:0}.lead-quote-list table tr td.actions .icon{cursor:pointer}.lead-quote-list table tr td.actions .dropdown-list{right:60px}.web-form-container .panel-separator,.workflow-container .panel-separator{border-bottom:1px solid #d3d3d3;margin:25px 0}.web-form-container .web-form-panel .header label,.web-form-container .workflow-panel .header label,.workflow-container .web-form-panel .header label,.workflow-container .workflow-panel .header label{color:#546e7a;font-size:18px;font-weight:500}.web-form-container .web-form-panel .header p,.web-form-container .workflow-panel .header p,.workflow-container .web-form-panel .header p,.workflow-container .workflow-panel .header p{color:#6f6f6f;font-size:16px;font-style:italic;margin:5px 0 20px}.web-form-container .web-form-panel table tr td.actions,.web-form-container .workflow-panel table tr td.actions,.workflow-container .web-form-panel table tr td.actions,.workflow-container .workflow-panel table tr td.actions{width:50px}.web-form-container .web-form-panel table tr td.actions .icon,.web-form-container .workflow-panel table tr td.actions .icon,.workflow-container .web-form-panel table tr td.actions .icon,.workflow-container .workflow-panel table tr td.actions .icon{cursor:pointer;margin-top:20px}.web-form-panel .dropdown-list .dropdown-container ul li{color:#263238;cursor:default;font-weight:500}.web-form-panel .dropdown-list .dropdown-container ul li:hover{background:none}.web-form-panel .dropdown-list .dropdown-container ul li ul li{color:#546e7a;cursor:pointer;font-weight:400}.web-form-panel .dropdown-list .dropdown-container ul li ul li:hover{background:#0e90d9;color:#fff}.web-form-panel .dragable-container table tr td{vertical-align:bottom}.web-form-panel .dragable-container table tr td.delete-icon .icon,.web-form-panel .dragable-container table tr td.dragable-icon .icon{margin-bottom:10px}.web-form-panel .dragable-container table tr td .form-group .control{margin-top:10px}.vuecal__event{background-color:#0e90d9!important;color:#fff!important;cursor:pointer}.vuecal__event.done{background-color:#53c41a!important}.image-upload-brick{border:1px dashed #546e7a;border-radius:5px;display:inline-block;height:100px;margin-right:15px;overflow:hidden;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);vertical-align:middle;width:100px}.image-upload-brick input[type=file]{height:100px;opacity:0;position:absolute;width:100px;z-index:3}.image-upload-brick .upload-icon{height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}.image-upload-brick img{background:#fff;display:block;height:100px;position:absolute;width:100px;z-index:2}.image-info-brick{display:inline-block;margin:10px 0;vertical-align:middle}.image-info-brick .field-info{color:#546e7a;display:block;font-size:16px;font-style:italic}label.radio-inline{cursor:pointer;display:inline-block;font-weight:400;margin-bottom:0;padding-left:37px;position:relative;vertical-align:middle}input[type=radio]{line-height:normal;margin-left:-23px;position:absolute;top:-5px;width:20px!important}.pull-right{float:right}#webhook-encoding{clear:both}.webhook-headers{align-items:center}.webhook-headers,.webhook-headers .webhook-header-items{display:flex;gap:5px}.webhook-headers .remove-header{margin-bottom:20px}.webhook-request-body{align-items:center;display:flex;gap:10px}.help{font-size:16px;font-style:italic}
diff --git a/packages/Webkul/Admin/publishable/assets/mix-manifest.json b/packages/Webkul/Admin/publishable/assets/mix-manifest.json
index ef02a8412..6b434497e 100644
--- a/packages/Webkul/Admin/publishable/assets/mix-manifest.json
+++ b/packages/Webkul/Admin/publishable/assets/mix-manifest.json
@@ -1,6 +1,6 @@
 {
     "/js/admin.js": "/js/admin.js?id=ded43dfc84d1a6b469709c56aeee570a",
-    "/css/admin.css": "/css/admin.css?id=7b0ac9810258e4ee35be6823da12abaa",
+    "/css/admin.css": "/css/admin.css?id=16ecd198f0b86192d409eb3bac6fa3b8",
     "/images/activities-active-icon.svg": "/images/activities-active-icon.svg?id=f7887e3fdcddf68567ceca8facc1e40e",
     "/images/activities-icon.svg": "/images/activities-icon.svg?id=0755224d86e0281d031f938b2aa1d610",
     "/images/attribute-icon.svg": "/images/attribute-icon.svg?id=8f9f3e0e90496263403fc26efef8614d",
diff --git a/packages/Webkul/Admin/src/Resources/assets/sass/app.scss b/packages/Webkul/Admin/src/Resources/assets/sass/app.scss
index 42666415f..a70e063d7 100644
--- a/packages/Webkul/Admin/src/Resources/assets/sass/app.scss
+++ b/packages/Webkul/Admin/src/Resources/assets/sass/app.scss
@@ -2549,7 +2549,28 @@ input[type=radio] {
     clear: both;
 }
 
-.help{
+.webhook-headers {
+    display: flex;
+    gap: 5px;
+    align-items: center;
+
+    .webhook-header-items{
+        display: flex;
+        gap: 5px;
+    }
+
+    .remove-header {
+        margin-bottom: 20px;
+    }
+}
+
+.webhook-request-body {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+
+.help {
     font-style: italic;
     font-size: 16px;
 }
diff --git a/packages/Webkul/Admin/src/Resources/lang/ar/app.php b/packages/Webkul/Admin/src/Resources/lang/ar/app.php
index e709de640..6861888fa 100644
--- a/packages/Webkul/Admin/src/Resources/lang/ar/app.php
+++ b/packages/Webkul/Admin/src/Resources/lang/ar/app.php
@@ -646,6 +646,7 @@
                 'add-webhook'                => 'تفعيل الويب هوك',
                 'webhook_heading'            => 'إعدادات الويب هوك',
                 'webhook_url'                => 'أدخل الرابط',
+                'request-headers'            => 'عناوين الجسم',
                 'webhook_request_method'     => 'طريقة الطلب',
                 'get_method'                 => 'GET',
                 'post_method'                => 'POST',
@@ -655,9 +656,10 @@
                 'webhook_encoding'           => 'اختر الترميز',
                 'encoding_json'              => 'JSON',
                 'encoding_http_query'        => 'X-www-form-urlencoded',
-                'request_body'               => 'جسم الطلب',
+                'request_body'              => 'مفتاح وقيمة',
+                'request_body_info'         => 'أضف زوج مفتاح وقيمة في سطر جديد، أي، مفتاح=قيمة',
                 'simple_body'                => 'بسيط',
-                'custom_body'                => 'مخصص',
+                'raw'                        => 'خام',
                 'lead'                       => 'رصيد',
                 'person'                     => 'شخص',
                 'quote'                      => 'اقتباس',
diff --git a/packages/Webkul/Admin/src/Resources/lang/en/app.php b/packages/Webkul/Admin/src/Resources/lang/en/app.php
index 285158d6d..87474ca5b 100644
--- a/packages/Webkul/Admin/src/Resources/lang/en/app.php
+++ b/packages/Webkul/Admin/src/Resources/lang/en/app.php
@@ -646,6 +646,7 @@
                 'add-webhook'                => 'Trigger webhook',
                 'webhook_heading'            => 'Webhook settings',
                 'webhook_url'                => 'Enter URL',
+                'request-headers'            => 'Request Headers',
                 'webhook_request_method'     => 'Request method',
                 'get_method'                 => 'GET',
                 'post_method'                => 'POST',
@@ -655,9 +656,10 @@
                 'webhook_encoding'           => 'Select encoding',
                 'encoding_json'              => 'JSON',
                 'encoding_http_query'        => 'X-www-form-urlencoded',
-                'request_body'               => 'Request body',
+                'request_body'              => 'Request Body',
+                'request_body_info'         => 'Add key value pair in new line, i.e., key=value',
                 'simple_body'                => 'Simple',
-                'custom_body'                => 'Custom',
+                'raw'                        => 'Raw',
                 'lead'                       => 'Lead',
                 'person'                     => 'Person',
                 'quote'                      => 'Quote',
diff --git a/packages/Webkul/Admin/src/Resources/lang/es/app.php b/packages/Webkul/Admin/src/Resources/lang/es/app.php
index a1217986a..69fb97be2 100644
--- a/packages/Webkul/Admin/src/Resources/lang/es/app.php
+++ b/packages/Webkul/Admin/src/Resources/lang/es/app.php
@@ -646,6 +646,7 @@
                 'add-webhook'                => 'Disparar webhook',
                 'webhook_heading'            => 'Configuración del webhook',
                 'webhook_url'                => 'Ingresar URL',
+                'request-headers'            => 'Encabezados del cuerpo',
                 'webhook_request_method'     => 'Método de solicitud',
                 'get_method'                 => 'GET',
                 'post_method'                => 'POST',
@@ -655,9 +656,10 @@
                 'webhook_encoding'           => 'Seleccionar codificación',
                 'encoding_json'              => 'JSON',
                 'encoding_http_query'        => 'X-www-form-urlencoded',
-                'request_body'               => 'Cuerpo de la solicitud',
+                'request_body'              => 'Clave y Valor',
+                'request_body_info'         => 'Agregar par clave-valor en una nueva línea, es decir, clave=valor',
                 'simple_body'                => 'Simple',
-                'custom_body'                => 'Personalizado',
+                'raw'                        => 'kruda',
                 'lead'                       => 'Prospecto',
                 'person'                     => 'Persona',
                 'quote'                      => 'Cita',
diff --git a/packages/Webkul/Admin/src/Resources/lang/fa/app.php b/packages/Webkul/Admin/src/Resources/lang/fa/app.php
index c6b0d7161..b23e2dd4e 100644
--- a/packages/Webkul/Admin/src/Resources/lang/fa/app.php
+++ b/packages/Webkul/Admin/src/Resources/lang/fa/app.php
@@ -646,6 +646,7 @@
                 'add-webhook'                => 'فعال‌سازی وب‌هوک',
                 'webhook_heading'            => 'تنظیمات وب‌هوک',
                 'webhook_url'                => 'آدرس URL را وارد کنید',
+                'request-headers'            => 'سربرگ‌های بدن',
                 'webhook_request_method'     => 'روش درخواست',
                 'get_method'                 => 'GET',
                 'post_method'                => 'POST',
@@ -655,9 +656,10 @@
                 'webhook_encoding'           => 'انتخاب رمزگذاری',
                 'encoding_json'              => 'JSON',
                 'encoding_http_query'        => 'X-www-form-urlencoded',
-                'request_body'               => 'بدنه درخواست',
-                'simple_body'                => 'ساده',
-                'custom_body'                => 'سفارشی',
+                'request_body'              => 'کلید و مقدار',
+                'request_body_info'         => 'افزودن زوج کلید و مقدار در خط جدید، یعنی، کلید=مقدار',
+                'simple_body'                => 'خام',
+                'raw'                        => '',
                 'lead'                       => 'سرنخ',
                 'person'                     => 'شخص',
                 'quote'                      => 'پیشنهاد',
diff --git a/packages/Webkul/Admin/src/Resources/lang/tr/app.php b/packages/Webkul/Admin/src/Resources/lang/tr/app.php
index 50c4ebf1e..b79ff0559 100644
--- a/packages/Webkul/Admin/src/Resources/lang/tr/app.php
+++ b/packages/Webkul/Admin/src/Resources/lang/tr/app.php
@@ -646,6 +646,7 @@
                 'add-webhook'                => 'Web kancası tetikle',
                 'webhook_heading'            => 'Web kancası ayarları',
                 'webhook_url'                => 'URL girin',
+                'request-headers'            => 'Vücut Başlıkları',
                 'webhook_request_method'     => 'İstek yöntemi',
                 'get_method'                 => 'GET',
                 'post_method'                => 'POST',
@@ -655,9 +656,10 @@
                 'webhook_encoding'           => 'Kodlamayı seçin',
                 'encoding_json'              => 'JSON',
                 'encoding_http_query'        => 'X-www-form-urlencoded',
-                'request_body'               => 'İstek gövdesi',
+                'request_body'              => 'Anahtar ve Değer',
+                'request_body_info'         => 'Yeni bir satırda anahtar-değer çifti ekleyin, yani, anahtar=değer',
                 'simple_body'                => 'Basit',
-                'custom_body'                => 'Özel',
+                'raw'                        => 'çiğ',
                 'lead'                       => 'Potansiyel müşteri',
                 'person'                     => 'Kişi',
                 'quote'                      => 'Alıntı',
diff --git a/packages/Webkul/Admin/src/Resources/views/settings/workflows/webhook/index.blade.php b/packages/Webkul/Admin/src/Resources/views/settings/workflows/webhook/index.blade.php
index 917ddd528..efff33a83 100644
--- a/packages/Webkul/Admin/src/Resources/views/settings/workflows/webhook/index.blade.php
+++ b/packages/Webkul/Admin/src/Resources/views/settings/workflows/webhook/index.blade.php
@@ -8,7 +8,11 @@
             <div class="form-group">
                 <label>{{ __('admin::app.settings.workflows.webhook_request_method') }}</label>
 
-                <select :name="['actions[' + index + '][hook][method]']" class="control" v-model="action.hook.method">  
+                <select
+                    :name="['actions[' + index + '][hook][method]']"
+                    class="control"
+                    v-model="action.hook.method"
+                >  
                     <option v-for='(text, method) in matchedAction.request_methods' :value="method">
                         @{{ text }}
                     </option>
@@ -18,97 +22,175 @@
             <div class="form-group">
                 <label>{{ __('admin::app.settings.workflows.webhook_url') }}</label>
 
-                <textarea id="description" type="text" :name="['actions[' + index + '][hook][url]']" class="control" v-model="action.hook.url"></textarea>
+                <input id="description" type="url" :name="['actions[' + index + '][hook][url]']" class="control" v-model="action.hook.url">
             </div>
 
             <div class="form-group">
-                <table>
-                    <tbody>
-                        <tr v-for="(header, idx) in headers">
-                            <td>
-                                <input :name="['actions[' + index + '][hook][headers]['+idx+'][key]']" v-model="header.key" class="control" placeholder="{{ __('admin::app.settings.workflows.header_key') }}" />
-                            </td>
-
-                            <td>
-                                <input :name="['actions[' + index + '][hook][headers]['+idx+'][value]']" v-model="header.value" class="control" placeholder="{{ __('admin::app.settings.workflows.header_value') }}" />
-                            </td>
-
-                            <td class="actions">
-                                <i class="icon trash-icon" @click="$delete(headers, idx)"></i>
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-
-                <br />
-
-                <div class="pull-right">
-                    <i class="icon plus-white-icon"></i>
-
-                    <a @click="addHeader" class="btn btn-primary">{{ __('admin::app.settings.workflows.add_header') }}</a>
+                <label>{{ __('admin::app.settings.workflows.request-headers') }}</label>
+                
+                <div
+                    v-for="(header, idx) in headers"
+                    class="webhook-headers"
+                >
+                    <div class="webhook-header-items">
+                        <div class="form-group">
+                            <input
+                                type="text"
+                                :name="['actions[' + index + '][hook][headers]['+idx+'][key]']"
+                                :id="['actions[' + index + '][hook][headers]['+idx+'][key]']"
+                                class="control"
+                                placeholder="{{ __('admin::app.settings.workflows.header_key') }}"
+                                v-model="header.key" 
+                            >
+                        </div>
+        
+                        <div class="form-group">
+                            <input
+                                type="text"
+                                :name="['actions[' + index + '][hook][headers]['+idx+'][value]']"
+                                :id="['actions[' + index + '][hook][headers]['+idx+'][value]']"
+                                class="control"
+                                placeholder="{{ __('admin::app.settings.workflows.header_value') }}"
+                                v-model="header.value"
+                            >
+                        </div>
+                    </div>
+
+                    <div>
+                        <i class="icon trash-icon remove-header" @click="$delete(headers, idx)"></i>
+                    </div>
                 </div>
+
+                <button
+                    type="button"
+                    class="btn btn-primary"
+                    @click="addHeader" 
+                >
+                    {{ __('admin::app.settings.workflows.add_header') }}
+                </button>
             </div>
 
-            <div class="form-group" id="webhook-encoding">
+            <div class="form-group">
                 <label>{{ __('admin::app.settings.workflows.webhook_encoding') }}</label>
 
-                <div v-for='(text, encoding) in matchedAction.encodings' class="radio-inline">
-                    <input type="radio" :name="['actions[' + index + '][hook][encoding]']" :value="encoding" v-model="action.hook.encoding" />
-
-                    @{{ text }}
-                </div>
+                <select
+                    :name="['actions[' + index + '][hook][encoding]']"
+                    :id="['actions[' + index + '][hook][encoding]']"
+                    class="control"
+                    v-model="action.hook.encoding"
+                >
+                    <option
+                        v-for='(text, encoding) in matchedAction.encodings'
+                        :value="encoding"
+                    >
+                        @{{ text }}
+                    </option>
+                </select>
             </div>
 
-            <div class="form-group" v-if="action.hook.method != 'get' && action.hook.method != 'delete'">
+            <div
+                class="form-group"
+                v-if="action.hook.method != 'get' && action.hook.method != 'delete'"
+            >
                 <label>{{ __('admin::app.settings.workflows.request_body') }}</label>
 
                 <tabs>
-                    <tab name="{{ __('admin::app.settings.workflows.simple_body') }}" :selected="true">
+                    <tab
+                        name="{{ __('admin::app.settings.workflows.simple_body') }}"
+                        :selected="true"
+                    >
                         <div>
                             <div v-if="entityType == 'leads'">
                                 <label>{{ __('admin::app.settings.workflows.lead') }}</label>
-
-                                <div v-for="lead in leads">
-                                    <input type="checkbox" :name="['actions[' + index + '][hook][simple][]']" :value="'lead_'+lead.id" v-model="action.hook.simple" />
-
-                                    @{{ lead.name }}
+                        
+                                <div
+                                    v-for="(lead, leadIndex) in leads"
+                                    :key="lead.id"
+                                    class="webhook-request-body"
+                                >
+                                    <input
+                                        type="checkbox"
+                                        :name="'actions[' + index + '][hook][simple][' + leadIndex + ']'"
+                                        :id="'lead_' + lead.id"
+                                        :value="'lead_' + lead.id"
+                                        v-model="action.hook.simple"
+                                    >
+
+                                    <label :for="'lead_' + lead.id">@{{ lead.name }}</label>
                                 </div>
                             </div>
                         </div>
-
+                        
                         <div v-if="entityType == 'leads' || entityType == 'persons'" :value="entityType">
                             <label>{{ __('admin::app.settings.workflows.person') }}</label>
-
-                            <div v-for="person in persons">
-                                <input type="checkbox" :name="['actions[' + index + '][hook][simple][]']" :value="'person_'+person.id" v-model="action.hook.simple" />
-                                @{{ person.name }}
+                        
+                            <div
+                                v-for="(person, personIndex) in persons"
+                                :key="person.id"
+                                class="webhook-request-body"
+                            >
+                                <input
+                                    type="checkbox"
+                                    :name="'actions[' + index + '][hook][simple][' + personIndex + ']'"
+                                    :id="'person_' + person.id"
+                                    :value="'person_' + person.id"
+                                    v-model="action.hook.simple"
+                                >
+                                <label :for="'person_' + person.id">@{{ person.name }}</label>
                             </div>
                         </div>
 
                         <div v-if="entityType == 'leads' || entityType == 'quotes'">
                             <label>{{ __('admin::app.settings.workflows.quote') }}</label>
-
-                            <div v-for="quote in quotes">
-                                <input type="checkbox" :name="['actions[' + index + '][hook][simple][]']" :value="'quote_'+quote.id" v-model="action.hook.simple" />
-                                @{{ quote.name }}
+                        
+                            <div
+                                v-for="(quote, quoteIndex) in quotes"
+                                :key="quote.id"
+                                class="webhook-request-body"
+                            >
+                                <input
+                                    type="checkbox"
+                                    :name="'actions[' + index + '][hook][simple][' + quoteIndex + ']'"
+                                    :id="'quote_' + quote.id"
+                                    :value="'quote_' + quote.id"
+                                    v-model="action.hook.simple"
+                                >
+
+                                <label :for="'quote_' + quote.id">@{{ quote.name }}</label>
                             </div>
                         </div>
-
+                        
                         <div v-if="entityType == 'leads' || entityType == 'activities'">
                             <label>{{ __('admin::app.settings.workflows.activity') }}</label>
-
-                            <div v-for="activity in activities">
-                                <input type="checkbox" :name="['actions[' + index + '][hook][simple][]']" :value="'activity_'+activity.id" v-model="action.hook.simple" />
-
-                                @{{ activity.name }}
+                        
+                            <div
+                                v-for="(activity, activityIndex) in activities"
+                                :key="activity.id"
+                                class="webhook-request-body"
+                            >
+                                <input
+                                    type="checkbox"
+                                    :name="'actions[' + index + '][hook][simple][' + activityIndex + ']'"
+                                    :id="'activity_' + activity.id"
+                                    :value="'activity_' + activity.id"
+                                    v-model="action.hook.simple"
+                                >
+
+                                <label :for="'activity_' + activity.id">@{{ activity.name }}</label>
                             </div>
                         </div>
                     </tab>
 
-                    <tab name="{{ __('admin::app.settings.workflows.custom_body') }}">
-                        <span class="help">Add key value pair in new line, i.e., key=value </span>
+                    <tab name="{{ __('admin::app.settings.workflows.raw') }}">
+                        <span class="help">{{ __('admin::app.settings.workflows.request_body_info') }}</span>
 
-                        <textarea id="description" :name="['actions[' + index + '][hook][custom]']" v-model="action.hook.custom" class="control"></textarea>
+                        <textarea
+                            :name="['actions[' + index + '][hook][custom]']"
+                            id="description"
+                            class="control"
+                            v-model="action.hook.custom"
+                        >
+                        </textarea>
                     </tab>
                 </tabs>
             </div> 
@@ -135,11 +217,11 @@
                             custom: ''
                         }
                     },
-                    headers : @json(collect($workflow->actions ?? [])->first()['hook']['headers'] ?? []),
-                    'leads': @json(app('\Webkul\Workflow\Helpers\Entity\Lead')->getAttributes('leads', [])),
-                    'persons': @json(app('\Webkul\Workflow\Helpers\Entity\Person')->getAttributes('persons', [])),
-                    'quotes': @json(app('\Webkul\Workflow\Helpers\Entity\Quote')->getAttributes('quotes', [])),
-                    'activities': @json(app('\Webkul\Workflow\Helpers\Entity\Activity')->getAttributes('activities', [])),
+                    headers: @json(collect($workflow->actions ?? [])->first()['hook']['headers'] ?? []),
+                    leads: @json(app('\Webkul\Workflow\Helpers\Entity\Lead')->getAttributes('leads', [])),
+                    persons: @json(app('\Webkul\Workflow\Helpers\Entity\Person')->getAttributes('persons', [])),
+                    quotes: @json(app('\Webkul\Workflow\Helpers\Entity\Quote')->getAttributes('quotes', [])),
+                    activities: @json(app('\Webkul\Workflow\Helpers\Entity\Activity')->getAttributes('activities', [])),
                 }
             },
 
diff --git a/packages/Webkul/UI/publishable/assets/css/ui.css b/packages/Webkul/UI/publishable/assets/css/ui.css
index a17757368..e29f43dca 100644
--- a/packages/Webkul/UI/publishable/assets/css/ui.css
+++ b/packages/Webkul/UI/publishable/assets/css/ui.css
@@ -1 +1 @@
-@charset "UTF-8";@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(../fonts/Roboto-Medium.ttf)}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/Roboto-Regular.ttf)}.icon{background-size:cover;display:inline-block;height:20px;width:20px}.menu-fold-icon{background-image:url(../images/menu-fold-icon.svg);height:24px;width:24px}.menu-fold-icon:hover{background-image:url(../images/menu-fold-active-icon.svg)}.menu-unfold-icon{background-image:url(../images/menu-unfold-icon.svg);height:24px;width:24px}.menu-unfold-icon:hover{background-image:url(../images/menu-unfold-active-icon.svg)}.arrow-down-icon{background-image:url(../images/arrow-down-icon.svg)}.arrow-up-icon{background-image:url(../images/arrow-up-icon.svg)}.arrow-left-icon{background-image:url(../images/arrow-left-icon.svg)}.arrow-right-icon{background-image:url(../images/arrow-right-icon.svg)}.arrow-left-line-icon{background-image:url(../images/arrow-left-line-icon.svg)}.arrow-right-line-icon{background-image:url(../images/arrow-right-line-icon.svg)}.arrow-down-s-icon{background-image:url(../images/arrow-down-s-icon.svg)}.add-icon{background-image:url(../images/add-icon.svg)}.close-icon{background-image:url(../images/close-icon.svg)}.close-white-icon{background-image:url(../images/close-white-icon.svg)}.circle-check-white-icon{background-image:url(../images/circle-check-white-icon.svg)}.circle-close-white-icon{background-image:url(../images/circle-close-white-icon.svg)}.circle-info-white-icon{background-image:url(../images/circle-info-white-icon.svg)}.calendar-icon{background-image:url(../images/calendar-icon.svg)}.time-icon{background-image:url(../images/time-icon.svg)}.align-justify-icon{background-image:url(../images/align-justify-icon.svg)}.reply-icon{background-image:url(../images/reply-icon.svg)}.reply-white-icon{background-image:url(../images/reply-white-icon.svg)}.reply-all-icon{background-image:url(../images/reply-all-icon.svg)}.reply-all-white-icon{background-image:url(../images/reply-all-white-icon.svg)}.forward-icon{background-image:url(../images/forward-icon.svg)}.forward-white-icon{background-image:url(../images/forward-white-icon.svg)}.trash-icon{background-image:url(../images/trash-icon.svg)}.trash-white-icon{background-image:url(../images/trash-white-icon.svg)}.pencil-icon{background-image:url(../images/pencil-icon.svg)}.pencil-underline-icon{background-image:url(../images/pencil-underline-icon.svg)}.eye-icon{background-image:url(../images/eye-icon.svg)}.folder-icon{background-image:url(../images/folder-icon.svg)}.plus-primary-icon{background-image:url(../images/plus-primary-icon.svg)}.plus-black-icon{background-image:url(../images/plus-black-icon.svg)}.plus-white-icon{background-image:url(../images/plus-white-icon.svg)}.download-icon{background-image:url(../images/download-icon.svg)}.search-icon{background-image:url(../images/search-icon.svg)}.ellipsis-icon{background-image:url(../images/ellipsis-icon.svg)}.attachment-icon,.ellipsis-icon{height:24px!important;width:24px!important}.attachment-icon{background-image:url(../images/attachment-icon.svg)}.link-icon{background-image:url(../images/link-icon.svg)}.external-link-icon,.link-icon{height:24px!important;width:24px!important}.external-link-icon{background-image:url(../images/external-link-icon.svg)}.tags-icon{background-image:url(../images/tags-icon.svg)}.loader-icon{background-image:url(../images/loader-icon.svg)}.loader-active-icon,.loader-icon{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;height:24px!important;width:24px!important}.loader-active-icon{background-image:url(../images/loader-active-icon.svg)}.alert-danger-icon{background-image:url(../images/alert-danger-icon.svg)}.upload-icon{background-image:url(../images/upload-icon.svg)}.export-icon{background-image:url(../images/export-icon.svg)}@keyframes jelly{0%{opacity:0;transform:translateY(0) scale(.7)}70%{opacity:1;transform:translateY(5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes jelly-out{0%{opacity:1;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-5px) scale(1.05)}to{opacity:0;transform:translateY(0) scale(.7)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes meter-animate-before{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.rtl .search-filter .control{border-bottom-left-radius:0;border-bottom-right-radius:3px;border-left:0;border-right:2px solid #c7c7c7;border-top-left-radius:0;border-top-right-radius:3px;padding-right:10px}.rtl .search-filter .icon-wrapper{border-bottom-left-radius:3px;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-right-radius:0;float:left}.rtl .alert-wrapper .alert{left:unset;margin-right:-324px;right:50%}.rtl .table .table-header .table-action{text-align:left}.rtl .table .table-header .table-action .export-import{margin-left:20px;margin-right:0}.rtl .table .table-body .custom-design-container{right:1200px}.rtl .table .sidebar-filter{left:-420px;right:unset}.rtl .table .sidebar-filter header h1 .right{text-align:left}.rtl .table .sidebar-filter.show{left:0;right:unset}.rtl .table .sidebar-filter .field-container{padding-left:25px;padding-right:0}.rtl .table .sidebar-filter .field-container i.close-icon{left:0;right:unset}.rtl .table .datagrid-filters{display:inline-block}.rtl .table .datagrid-filters.per-page{margin-left:10px;margin-right:10px}.rtl .sidebar-filter header h1 .right,.rtl .table .datagrid-filters .filter-right,.rtl .table table tbody tr td.action,.rtl .table table thead th.actions{text-align:left}.rtl .filtered-tags .filter-tag .cross-icon,.rtl .filtered-tags .filter-tag .wrapper{margin-left:0;margin-right:10px}.rtl .float-left{float:right}.rtl .float-right{float:left}.rtl .field-container label.required:after,.rtl .form-group label.required:after{padding-left:0;padding-right:4px}.rtl .field-container.date .control,.rtl .field-container.datetime .control,.rtl .field-container.time .control,.rtl .form-group.date .control,.rtl .form-group.datetime .control,.rtl .form-group.time .control{padding-right:40px}.rtl .field-container.date .date-container input[type=text],.rtl .field-container.datetime .date-container input[type=text],.rtl .field-container.time .date-container input[type=text],.rtl .form-group.date .date-container input[type=text],.rtl .form-group.datetime .date-container input[type=text],.rtl .form-group.time .date-container input[type=text]{padding-left:22px}.rtl .field-container.date .datetime-container:after,.rtl .field-container.date .time-container:after,.rtl .field-container.datetime .datetime-container:after,.rtl .field-container.datetime .time-container:after,.rtl .field-container.time .datetime-container:after,.rtl .field-container.time .time-container:after,.rtl .form-group.date .datetime-container:after,.rtl .form-group.date .time-container:after,.rtl .form-group.datetime .datetime-container:after,.rtl .form-group.datetime .time-container:after,.rtl .form-group.time .datetime-container:after,.rtl .form-group.time .time-container:after{left:10px;margin-left:unset;margin-right:-34px;right:unset}.rtl .field-container .input-group .input-group-prepend .btn,.rtl .field-container .input-group .input-group-prepend .control,.rtl .form-group .input-group .input-group-prepend .btn,.rtl .form-group .input-group .input-group-prepend .control{border-bottom-left-radius:0;border-bottom-right-radius:3px;border-top-left-radius:0;border-top-right-radius:3px}.rtl .field-container .input-group .input-group-append,.rtl .form-group .input-group .input-group-append{margin-right:-1px}.rtl .field-container .input-group .input-group-append .btn,.rtl .field-container .input-group .input-group-append .control,.rtl .form-group .input-group .input-group-append .btn,.rtl .form-group .input-group .input-group-append .control{border-bottom-left-radius:3px;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-right-radius:0}.rtl .field-container .input-group .trash-icon,.rtl .form-group .input-group .trash-icon{cursor:pointer;margin-left:0;margin-right:7px;margin-top:21px}.rtl .settings-container .panel .setting-link-container .setting-link-item a .setting-info{margin-left:0;margin-right:25px}.rtl .tree-wrapper .tree-container .tree-item.active>.tree-item{padding-left:0;padding-right:30px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}:focus{outline:none}body{background:#fff;color:#263238;font-family:Roboto;font-size:18px;font-weight:400;letter-spacing:-.26px;line-height:22px}a{color:#0e90d9}a:active,a:focus,a:hover,a:link,a:visited{color:#0e90d9;text-decoration:none}::-moz-selection{background-color:#0e90d9;color:#fff}::selection{background-color:#0e90d9;color:#fff}::-moz-placeholder{color:#546e7a;opacity:.5}::placeholder{color:#546e7a;opacity:.5}textarea{resize:none}ul{list-style:none;margin:0;padding:0}h1{font-size:24px;margin-top:0}h1,h2{color:#263238;font-weight:500}h2{font-size:20px}h3{font-size:18px}h3,h4{color:#263238;font-weight:500}h4{font-size:16px}h5{color:#263238;font-size:14px;font-weight:500}.hide{display:none!important}.btn{border:2px solid transparent;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font:inherit;font-weight:500;padding:10px 14px;transition:.2s cubic-bezier(.4,0,.2,1)}.btn:active,.btn:focus,.btn:hover{opacity:.75}.btn.btn-sm{font-size:14px;height:40px;padding:7px 12px}.btn.btn-md{padding:10px 14px}.btn.btn-lg{font-size:24px;padding:12px 18px}.btn.btn-xl{font-size:24px;padding:14px 22px}.btn.btn-primary{background:#0e90d9;color:#fff}.btn.btn-primary-outline{background:#fff;border:2px solid #0e90d9;color:#0e90d9}.btn.btn-secondary{background:#546e7a;color:#fff}.btn.btn-secondary-outline{background:#fff;border:2px solid #546e7a;color:#546e7a}.btn.btn-danger{background:#ff4d50;color:#fff}.btn.btn-danger-outline{background:#fff;border:2px solid #ff4d50;color:#ff4d50}.btn.btn-success{background:#53c41a;color:#fff}.btn.btn-success-outline{background:#fff;border:2px solid #53c41a;color:#53c41a}.btn.btn-warning{background:#fbad15;color:#fff}.btn.btn-warning-outline{background:#fff;border:2px solid #fbad15;color:#fbad15}.btn.btn-white{background:#fff;color:#0e90d9}.btn.btn-white.text-black{color:#000}.btn.btn-white-outline{background:#fff;border:2px solid #0e90d9;color:#0e90d9}.btn:disabled,.btn[disabled=disabled],.btn[disabled=disabled]:active,.btn[disabled=disabled]:hover{background:#b1b1ae;box-shadow:none;cursor:not-allowed;opacity:1}.dropdown-list{background-color:#fff;border:1px solid #f0f0f0;box-shadow:0 2px 5px 0 rgba(39,49,58,.15);display:none;margin-bottom:20px;position:absolute;text-align:left;width:215px;z-index:10}.dropdown-list.bottom-left{left:0;top:42px}.dropdown-list.bottom-right{right:0;top:42px}.dropdown-list.top-left{bottom:0;left:42px}.dropdown-list.top-right{bottom:0;right:42px}.dropdown-list .dropdown-container{overflow-y:auto}.dropdown-list .dropdown-container ul{list-style-type:none;margin:0;padding:0}.dropdown-list .dropdown-container ul li{color:#546e7a;cursor:pointer;font-size:16px;padding:8px 12px}.dropdown-list .dropdown-container ul li a:active,.dropdown-list .dropdown-container ul li a:focus,.dropdown-list .dropdown-container ul li a:link,.dropdown-list .dropdown-container ul li a:visited{color:#546e7a;display:block}.dropdown-list .dropdown-container ul li:hover{background-color:#0e90d9;color:#fff}.dropdown-list .dropdown-container ul li:hover a{color:#fff}.table{overflow-x:auto!important;width:100%}.table .table-header{align-items:center;display:grid;grid-template-columns:repeat(2,auto);margin-bottom:20px}.table .table-header h1{display:inline-block;margin-bottom:0}.table .table-header .table-action{text-align:right}.table .table-header .table-action .export-import{cursor:pointer;margin-right:20px}.table .table-header .table-action .export-import .icon{height:24px;margin-bottom:2px;vertical-align:middle;width:24px}.table .table-header .table-action .export-import span{color:#546e7a}.table .table-header .table-action button{max-height:40px;padding:8px 14px}.table .table-body .custom-design-container{background-color:#fff;border:1px solid #c1c2c3;margin-top:8px;padding:10px;position:absolute;right:25px;width:350px}.table .table-body .custom-design-container .form-group{grid-gap:5px;align-items:center;display:grid;grid-template-columns:150px auto 150px;margin:20px 0;text-align:center}.table .table-body .custom-design-container .form-group.date .date-container{display:inline-block}.table .table-body .custom-design-container .form-group.date .date-container .control{height:40px;margin:0}.table .table-body .custom-design-container .form-group.date .date-container:after{top:calc(50% - 2px)}.table .table-body .custom-design-container i.close-icon{cursor:pointer;float:right}.table .table-body .checkbox{margin:0;text-overflow:unset}.table .table-body .empty-table div{left:calc(50% - 75px);position:absolute;top:calc(50% - 50px)}.table .table-body .empty-table div img{width:150px}.table .table-body .empty-table div span{display:block;margin-top:20px}.table table{background:#fff;border:none;border-collapse:collapse;border-radius:4px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);font-size:16px;margin-top:20px;table-layout:fixed;text-align:left;width:100%}.table table td,.table table th{border-bottom:1px solid #c1c2c3;border-right:1px solid #c1c2c3;color:#546e7a;padding:10px;text-overflow:ellipsis;vertical-align:top;width:100%}.table table thead th{border-bottom:1px solid hsla(210,2%,76%,.5);border-right:0;color:#263238;cursor:not-allowed;font-weight:500;text-transform:capitalize}.table table thead th.master-checkbox{text-overflow:unset;width:41px}.table table thead th.id{width:80px}.table table thead th.actions{text-align:right;width:100px}.table table thead th.actions .action{display:inline-flex}.table table thead th.actions .icon{cursor:pointer;vertical-align:middle}.table table tbody tr{border-bottom:1px solid hsla(210,2%,76%,.5)}.table table tbody tr.active{background-color:#d4edfb;border-bottom:1px solid rgba(14,144,217,.35)}.table table tbody tr td{background-color:hsla(0,0%,100%,.5);border-bottom:none;border-right:0;color:#263238;word-break:break-all}.table table tbody tr td.empty{text-align:center}.table table tbody tr td.action-container a{cursor:pointer}.table table tbody tr td .bold{font-weight:500}.table table tbody tr td.action{text-align:right}.table table tbody tr td.action a{cursor:pointer;margin-right:5px}.table table tbody tr td.action a:last-child{margin-right:0}.table table tbody tr td .spinner-container{margin-top:5px}.table table tbody tr:last-child td{border-bottom:0}.table table tbody tr.active td,.table table tbody tr:hover td{background-color:hsla(210,2%,76%,.1)}.table table tbody tr.no-records{text-align:center}.table .form-group{margin-bottom:0;width:100%}.table .form-group .control{width:100%}.table .form-group.datagrid-filters{margin-bottom:20px}.table .form-group.datagrid-filters input[type=search].control{font-size:15px;height:40px;margin:0;width:280px}.table .dropdown-container{margin-bottom:0;padding:0;position:relative;width:100%}.table .dropdown-container.dropdown-list ul{background-color:#fff;margin-bottom:20px;margin-top:10px;padding:15px;position:absolute;width:100%}.table .dropdown-container.dropdown-list ul li .form-group{margin-bottom:15px}.table .dropdown-container.dropdown-list .apply-filter{padding:10px;width:100%}.table .filtered-tags{margin:20px 0 0}.table .filtered-tags .filter-tag{grid-gap:5px;align-items:center;display:grid;display:inline-grid;grid-template-columns:repeat(2,auto);margin-right:20px;text-transform:capitalize;width:-moz-max-content;width:max-content}.table .filtered-tags .filter-tag .wrapper{grid-gap:10px;align-items:center;background:#e7e7e7;border-radius:2px;color:#000311;display:grid;display:inline-grid;font-size:14px;grid-template-columns:auto 20px;line-height:40px;padding:0 10px}.table .filtered-tags .filter-tag .wrapper .icon.close-icon{cursor:pointer;position:relative;top:-2px}.table .search-filter{display:inline-block;margin-right:6px;position:relative;width:-moz-max-content;width:max-content}.table .search-filter .input-search-icon{left:7px;position:absolute;top:10px;z-index:1}.table .search-filter .input-search-icon~input[type=search]{padding-left:30px}.table .search-filter .control{-webkit-appearance:none;border:1px solid #c1c2c3;color:#546e7a;font-size:15px;height:40px;margin:0;padding-left:10px;width:280px}.table .search-filter .contorl:focus{border-color:#0041ff}.table .search-filter .icon-wrapper{border:2px solid #c7c7c7;border-radius:3px;border-bottom-left-radius:0;border-top-left-radius:0;float:right;height:36px;padding:3px;width:36px}.table .datagrid-filters{align-items:center;display:grid;grid-template-columns:repeat(2,auto);width:100%}.table .datagrid-filters .filter-right{text-align:right}.table .datagrid-filters .filter-right .pagination{display:inline-block;height:40px;margin-right:6px}.table .datagrid-filters .filter-right .pagination .page-item .icon{top:10px;vertical-align:top}.table .datagrid-filters .filter-right .filter-btn{cursor:pointer;display:inline-block}.table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header{align-items:center;background-color:#fff;border:1px solid #546e7a;border-radius:3px;color:#546e7a;display:inline-flex;font-weight:500;height:40px;justify-content:space-between;padding:0 7px 0 10px;vertical-align:middle;width:105px}.table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header .arrow-icon-down{float:right}.table .datagrid-filters .dropdown-filters{display:inline-block;margin-right:6px}.table .datagrid-filters .dropdown-filters.per-page .form-group{grid-gap:10px;align-items:center;display:grid;grid-template-columns:repeat(2,auto)}.table .datagrid-filters .dropdown-filters.per-page .form-group .control{border:1px solid #c1c2c3;height:40px;margin:0}.table .datagrid-filters .form-group,.table .datagrid-filters .form-group .control{font-size:16px}.table .tabs-container{align-items:center;display:grid;grid-template-columns:repeat(2,auto);margin:20px 0}.table .tabs-container .tabs-right-container{text-align:right}.table .tabs-container .tabs-right-container section{display:inline-block}.table .tabs-container .tabs-right-container .covered{border:1px solid;padding:7px ​10px}.table .tabs-container .tabs-right-container .group{vertical-align:top}.table .mass-actions{display:inline-block;width:-moz-max-content;width:max-content}.table .mass-actions .control{font-size:16px;height:40px;margin:0;padding:9px 10px;width:140px}.table .mass-actions button{height:40px;vertical-align:middle}.pagination{margin-top:20px}.pagination .page-item{background:#fff;border:1px solid #c1c2c3;display:inline-block;font-size:16px;height:100%;margin-right:5px;padding:0 9px;text-decoration:none;vertical-align:middle}.pagination .page-item.previous{border-radius:3px 0 0 3px}.pagination .page-item.next{border-radius:0 3px 3px 0}.pagination .page-item.disabled{cursor:not-allowed!important}.pagination .page-item.active{background:#0041ff;border-color:#0041ff;color:#fff}.pagination .page-item .icon{position:relative;top:4px;vertical-align:middle}.pagination.tab-view{height:34px;margin-top:0}.pagination.tab-view .previous{border-right:0;float:left}.pagination.tab-view .next,.pagination.tab-view .previous{cursor:pointer;margin:0}.pagination.full-view{margin-top:120px}.pagination a,.pagination i{font-size:16px!important;font-weight:700}.field-container,.form-group{color:#546e7a;display:block;font-size:18px;margin-bottom:20px;position:relative;width:100%}.field-container label,.form-group label{display:block;font-size:16px}.field-container label.required:after,.form-group label.required:after{color:#ff4d50;content:"*";display:inline-block;font-weight:700;padding-left:4px}.field-container textarea.control,.form-group textarea.control{height:100px;padding:10px}.field-container .control,.form-group .control{background:#fff;border:1px solid #c1c2c3;border-radius:3px;color:#546e7a;display:inline-block;font-size:18px;margin-bottom:5px;margin-top:10px;padding:10px;transition:.2s cubic-bezier(.4,0,.2,1);vertical-align:middle;width:100%}.field-container .control:focus,.form-group .control:focus{border-color:#0e90d9}.field-container .control[disabled=disabled],.form-group .control[disabled=disabled]{background-color:#c1c2c3;border-color:#c1c2c3;cursor:not-allowed}.field-container .control[multiple],.form-group .control[multiple]{height:100px}.field-container .control-faker,.form-group .control-faker{border:1px solid #c1c2c3;border-radius:3px;margin-bottom:5px;margin-top:10px;padding:10px;word-break:break-all}.field-container.date .control,.field-container.datetime .control,.field-container.time .control,.form-group.date .control,.form-group.datetime .control,.form-group.time .control{padding-right:40px}.field-container.date .date-container,.field-container.date .datetime-container,.field-container.date .time-container,.field-container.datetime .date-container,.field-container.datetime .datetime-container,.field-container.datetime .time-container,.field-container.time .date-container,.field-container.time .datetime-container,.field-container.time .time-container,.form-group.date .date-container,.form-group.date .datetime-container,.form-group.date .time-container,.form-group.datetime .date-container,.form-group.datetime .datetime-container,.form-group.datetime .time-container,.form-group.time .date-container,.form-group.time .datetime-container,.form-group.time .time-container{position:relative}.field-container.date .date-container:after,.field-container.date .datetime-container:after,.field-container.date .time-container:after,.field-container.datetime .date-container:after,.field-container.datetime .datetime-container:after,.field-container.datetime .time-container:after,.field-container.time .date-container:after,.field-container.time .datetime-container:after,.field-container.time .time-container:after,.form-group.date .date-container:after,.form-group.date .datetime-container:after,.form-group.date .time-container:after,.form-group.datetime .date-container:after,.form-group.datetime .datetime-container:after,.form-group.datetime .time-container:after,.form-group.time .date-container:after,.form-group.time .datetime-container:after,.form-group.time .time-container:after{background-image:url(../images/calendar-icon.svg);content:"";height:24px;margin-left:-34px;margin-top:-9px;pointer-events:none;position:absolute;right:10px;top:29px;width:24px}.field-container.date .time-container:after,.field-container.datetime .time-container:after,.field-container.time .time-container:after,.form-group.date .time-container:after,.form-group.datetime .time-container:after,.form-group.time .time-container:after{background-image:url(../images/time-icon.svg)}.field-container .control-info,.form-group .control-info{color:#adadad;display:block;font-size:16px;font-style:italic}.field-container .control-error,.form-group .control-error{color:#ff4d50;display:none;margin-top:5px}.field-container.has-error .control:not([aria-invalid=false]),.form-group.has-error .control:not([aria-invalid=false]){border-color:#ff4d50}.field-container.has-error .control-error,.form-group.has-error .control-error{display:block;width:100%}.field-container.has-error.hide-error input,.form-group.has-error.hide-error input{border:1px solid #c1c2c3!important}.field-container.has-error.hide-error .control-error,.form-group.has-error.hide-error .control-error{display:none!important}.field-container .address-left,.form-group .address-left{float:left;padding-right:5px;width:50%}.field-container .address-left .control,.form-group .address-left .control{height:204px;margin-bottom:0}.field-container .address-right,.form-group .address-right{display:inline-block;padding-left:5px;width:50%}.field-container .address-right .control,.field-container.input-group,.form-group .address-right .control,.form-group.input-group{margin-bottom:0}.field-container .input-group,.form-group .input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.field-container .input-group .input-group-append,.field-container .input-group .input-group-prepend,.form-group .input-group .input-group-append,.form-group .input-group .input-group-prepend{display:flex}.field-container .input-group>.control,.field-container .input-group>.date-container,.field-container .input-group>.datetime-container,.form-group .input-group>.control,.form-group .input-group>.date-container,.form-group .input-group>.datetime-container{flex:1 1 auto;position:relative;width:1%!important}.field-container .input-group>.control:not(:first-child),.field-container .input-group>.date-container:not(:first-child),.field-container .input-group>.datetime-container:not(:first-child),.form-group .input-group>.control:not(:first-child),.form-group .input-group>.date-container:not(:first-child),.form-group .input-group>.datetime-container:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.field-container .input-group>.control:not(:last-child),.field-container .input-group>.date-container:not(:last-child),.field-container .input-group>.datetime-container:not(:last-child),.form-group .input-group>.control:not(:last-child),.form-group .input-group>.date-container:not(:last-child),.form-group .input-group>.datetime-container:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.field-container .input-group>.date-container:not(:first-child),.field-container .input-group>.datetime-container:not(:first-child),.form-group .input-group>.date-container:not(:first-child),.form-group .input-group>.datetime-container:not(:first-child){margin-left:10px}.field-container .input-group>.date-container:not(:last-child),.field-container .input-group>.datetime-container:not(:last-child),.form-group .input-group>.date-container:not(:last-child),.form-group .input-group>.datetime-container:not(:last-child){margin-right:10px}.field-container .input-group .input-group-prepend,.form-group .input-group .input-group-prepend{margin-right:-1px}.field-container .input-group .input-group-prepend .btn,.field-container .input-group .input-group-prepend .control,.form-group .input-group .input-group-prepend .btn,.form-group .input-group .input-group-prepend .control{border-bottom-right-radius:0;border-top-right-radius:0}.field-container .input-group .input-group-append,.form-group .input-group .input-group-append{margin-left:-1px}.field-container .input-group .input-group-append .btn,.field-container .input-group .input-group-append .control,.form-group .input-group .input-group-append .btn,.form-group .input-group .input-group-append .control{border-bottom-left-radius:0;border-top-left-radius:0}.field-container .input-group .trash-icon,.form-group .input-group .trash-icon{cursor:pointer;margin-left:7px;margin-top:21px}.field-container .loader-active-icon,.form-group .loader-active-icon{position:absolute;right:4px;top:14px}.checkbox{display:inline-block;margin:10px 5px 5px 0;position:relative}.checkbox .checkbox-dash,.checkbox .checkbox-view{background-image:url(../images/checkbox-icon.svg);display:inline-block!important;height:24px;margin:0 5px 0 0;vertical-align:middle;width:24px}.checkbox .checkbox-dash{background-image:url(../images/checkbox-dash-icon.svg)}.checkbox input{height:24px;opacity:0;position:absolute;width:24px;z-index:100}.checkbox input:checked+.checkbox-view{background-image:url(../images/checkbox-checked-icon.svg)}.checkbox input:disabled+.checkbox-view{cursor:not-allowed;opacity:.5}.radio{display:block;margin:10px 5px 5px 0;position:relative}.radio .radio-view{background-image:url(../images/radio-icon.svg);display:inline-block!important;height:24px;margin:0 5px 0 0;vertical-align:middle;width:24px}.radio input{left:0;opacity:0;position:absolute;top:0;z-index:100}.radio input:checked+.radio-view{background-image:url(../images/radio-checked-icon.svg)}.radio input:disabled+.radio-view{cursor:not-allowed;opacity:.5}.form-group .switch{display:inline-block;height:34px;margin-bottom:5px;margin-top:10px;position:relative;width:60px}.form-group .switch .slider{background-color:#c1c2c3;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.form-group .switch .slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.2s;width:26px}.form-group .switch .slider.round{border-radius:34px}.form-group .switch .slider.round:before{border-radius:50%}.form-group .switch input{height:0;opacity:0;width:0}.form-group .switch input:checked+.slider{background-color:#0e90d9}.form-group .switch input:focus+.slider{box-shadow:0 0 1px #0e90d9}.form-group .switch input:checked+.slider:before{transform:translateX(26px)}.alert-wrapper{bottom:10px;position:fixed;right:10px;width:100%;z-index:100}.alert-wrapper .alert{animation:jelly .5s ease-in-out;border-radius:3px;box-shadow:0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12);display:block;left:50%;margin-bottom:10px;margin-left:-324px;padding:15px 44px;position:relative;text-align:left;transform-origin:center top;width:648px;z-index:500}.alert-wrapper .alert.error{background:#ff4d50}.alert-wrapper .alert.info{background:#204d74}.alert-wrapper .alert.success{background:#53c41a}.alert-wrapper .alert.warning{background:#fbad15}.alert-wrapper .alert .icon{position:absolute}.alert-wrapper .alert .icon:first-child{left:10px;top:15px}.alert-wrapper .alert .icon:last-child{cursor:pointer;right:10px;top:10px}.alert-wrapper .alert p{color:#fff;font-size:16px;margin:0}.tabs ul li{display:inline-block}.tabs ul li a{color:#546e7a;cursor:pointer;display:block;font-weight:500;padding:10px 30px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabs ul li.has-error a{color:#ff4d50}.tabs ul li.active a{box-shadow:inset 0 -2px 0 #0e90d9;color:#0e90d9}.tabs-content{background:#fff;border:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:30px}.pill{display:inline-block;height:34px}.pill .tabs ul li{font-size:16px}.pill .tabs ul li:first-child a{padding-left:0}.pill .tabs ul li a{padding:6px 15px}.pill .tabs ul li.active a{background:#0e90d9;border-radius:22px;color:#fff;padding:5px 15px}.group{display:inline-block;height:34px}.group .tabs ul li{border:1px solid #c1c2c3;font-size:16px}.group .tabs ul li:not(:last-child){border-right:0}.group .tabs ul li.active{background:#0e90d9;border-radius:0!important}.group .tabs ul li.active a{color:#fff}.group .tabs ul li a{padding:5px 10px}.accordian,accordian{display:inline-block;width:100%}.accordian .accordian-header,.accordian div[slot*=header],accordian .accordian-header,accordian div[slot*=header]{border-bottom:1px solid #c1c2c3;color:#546e7a;cursor:pointer;display:inline-block;font-size:18px;font-weight:500;margin-top:-1px;padding:15px 30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.accordian .accordian-header h1,.accordian div[slot*=header] h1,accordian .accordian-header h1,accordian div[slot*=header] h1{display:inline-block;font-weight:500;margin:0}.accordian .accordian-header .icon,.accordian div[slot*=header] .icon,accordian .accordian-header .icon,accordian div[slot*=header] .icon{float:right}.accordian .accordian-header .icon.left,.accordian div[slot*=header] .icon.left,accordian .accordian-header .icon.left,accordian div[slot*=header] .icon.left{float:left}.accordian.has-error .accordian-header,accordian.has-error .accordian-header{color:#ff4d50}.accordian .accordian-content,.accordian div[slot*=body],accordian .accordian-content,accordian div[slot*=body]{border:1px solid #d3d3d3;border-top:0;display:none;padding:30px;width:100%}.accordian.active>.accordian-content,accordian.active>.accordian-content{display:inline-block}.panel .panel-header{color:#263238;color:#546e7a;font-size:18px;font-weight:500;padding:16px 0}.panel .panel-body{background-color:#fff;border:none;border-radius:3px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:16px}modal{display:none}.modal-overlay{background:#263238;bottom:0;display:none;left:0;opacity:.5;overflow-y:auto;position:fixed;right:0;top:0;z-index:10}.modal-container{animation:jelly .5s ease-in-out;background:#fff;border-radius:8px;left:50%;margin-left:-300px;max-height:80%;max-width:80%;overflow-x:hidden;overflow-y:auto;position:fixed;top:100px;width:600px;z-index:11}.modal-container .modal-header{align-items:center;background:#fff;border-bottom:1px solid #c1c2c3;display:grid;grid-template-columns:repeat(2,auto);padding:20px 20px 10px;position:relative;width:inherit;z-index:10}.modal-container .modal-header h3{display:table-cell;font-weight:500;margin:0;vertical-align:middle}.modal-container .modal-header h2{display:inline-block;margin:0}.modal-container .modal-header .header-actions{text-align:right}.modal-container .modal-header .header-actions .icon{cursor:pointer}.modal-container .modal-body{padding:30px;position:relative}.modal-container .modal-body .tabs-content{box-shadow:none}.modal-open{overflow:hidden}.modal-open .modal-overlay{display:block}.badge{border:2px solid transparent;border-radius:4px;color:#fff;display:inline-block;font-size:16px}.badge.badge-pill,.badge.badge-sm{padding:2px 8px}.badge.badge-md{padding:4px 10px}.badge.badge-lg{padding:6px 12px}.badge.badge-xl{padding:8px 14px}.badge.badge-pill{border-radius:10rem}.badge.badge-primary{background:#0e90d9;color:#fff}.badge.badge-primary-outline{background:#fff;border:2px solid #0e90d9;color:#0e90d9}.badge.badge-secondary{background:#546e7a;color:#fff}.badge.badge-secondary-outline{background:#fff;border:2px solid #546e7a;color:#546e7a}.badge.badge-danger{background:#ff4d50;color:#fff}.badge.badge-danger-outline{background:#fff;border:2px solid #ff4d50;color:#ff4d50}.badge.badge-success{background:#53c41a;color:#fff}.badge.badge-success-outline{background:#fff;border:2px solid #53c41a;color:#53c41a}.badge.badge-warning{background:#fbad15;color:#fff}.badge.badge-warning-outline{background:#fff;border:2px solid #fbad15;color:#fbad15}.badge.badge-white,.badge.badge-white-outline{background:#fff;color:#0e90d9}.badge.badge-white-outline{border:2px solid #0e90d9}.badge.badge-round{height:8px;margin-right:5px;padding:0;width:8px}.overlay-loader{left:50%;margin-left:-24px;margin-top:-24px;position:fixed;top:50%;z-index:11}.tooltip{display:block!important;z-index:10000}.tooltip.hide{display:none!important}.tooltip .tooltip-inner{background:#0e90d9;border-radius:4px;color:#fff;font-size:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{border-color:#0e90d9;border-style:solid;height:0;margin:5px;position:absolute;width:0;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;border-width:5px 5px 0;bottom:-5px;left:calc(50% - 5px);margin-bottom:0;margin-top:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;border-width:0 5px 5px;left:calc(50% - 5px);margin-bottom:0;margin-top:0;top:-5px}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-bottom-color:transparent!important;border-left-color:transparent!important;border-top-color:transparent!important;border-width:5px 5px 5px 0;left:-5px;margin-left:0;margin-right:0;top:calc(50% - 5px)}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-bottom-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;border-width:5px 0 5px 5px;margin-left:0;margin-right:0;right:-5px;top:calc(50% - 5px)}.sidebar-filter{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.18);display:inline-block;height:100vh;overflow-y:scroll;padding:30px 15px 30px 20px;position:fixed;right:-420px;top:0;transition:.35s cubic-bezier(.4,0,.2,1);width:420px;z-index:10}.sidebar-filter.show{right:0}.sidebar-filter header{border-bottom:1px solid #c1c2c3;margin-bottom:25px;padding-bottom:25px}.sidebar-filter header h1{align-items:center;display:grid;font-weight:400;grid-template-columns:repeat(2,auto);margin:0;padding:0}.sidebar-filter header h1 .right{text-align:right}.sidebar-filter header h1 .right label{color:#0e90d9;cursor:pointer;display:inline-block;font-size:18px;margin-right:20px}.sidebar-filter header h1 .right i.close-icon{vertical-align:middle}.sidebar-filter .field-container{margin-bottom:10px;padding-right:25px;position:relative}.sidebar-filter .field-container label{font-weight:500}.sidebar-filter .field-container .control{font-size:16px;max-height:40px}.sidebar-filter .field-container .control.half{width:151px}.sidebar-filter .field-container .middle-text{margin:0 8px}.sidebar-filter .field-container .date-container{display:inline-block}.sidebar-filter .field-container .enter-new{display:inline-block;width:100%}.sidebar-filter .field-container .enter-new input{width:100%}.sidebar-filter .field-container>i.close-icon{position:absolute;right:0;top:17px}.sidebar-filter .selected-options{margin-top:10px}.sidebar-filter .selected-options .badge{background-color:#f7f8f9;color:#546e7a;margin-bottom:10px}.sidebar-filter .form-group{margin-bottom:20px}.sidebar-filter i.add-icon,.sidebar-filter i.close-icon{cursor:pointer}.tree-wrapper .icon{margin-right:10px}.tree-wrapper .checkbox{margin-bottom:15px!important;margin-top:0!important}.tree-wrapper .tree-item{padding-left:30px}.tree-wrapper .tree-item.active>.arrow-down-icon{background-image:url(../images/arrow-down-icon.svg)}.tree-wrapper .tree-item>.arrow-down-icon{background-image:url(../images/arrow-right-icon.svg);cursor:pointer}.tree-wrapper .tree-container>.tree-item{padding:0}.tree-wrapper .tree-container .tree-item>.tree-item{display:none}.tree-wrapper .tree-container .tree-item.active>.tree-item{display:block}ol.breadcrumb{font-size:14px;font-weight:400;list-style:none;margin-bottom:5px;margin-top:0;padding:0}ol.breadcrumb li.breadcrumb-item{display:inline-block}ol.breadcrumb li.breadcrumb-item+.breadcrumb-item:before{content:"/";display:inline-block;padding-left:5px;padding-right:5px}.float-left{float:left}.float-right{float:right}.ml-10{margin-left:10px}.pl-0{padding-left:0!important}.fs-18{font-size:18px!important}.tags-control{height:43px;padding:4px!important}.tags-control ul.tags{display:flex}.tags-control ul.tags li{float:left}.tags-control ul.tags li.tag-choice{background-color:#f7f8f9;border-radius:30px;color:#263238;font-size:14px;margin-right:10px;padding:4px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tags-control ul.tags li.tag-input{flex:1 1 20px;margin:0;padding:0;white-space:nowrap}.tags-control ul.tags li.tag-input input{border:0;color:#546e7a;font-size:18px;outline:0;padding:6px 10px;width:100%}.attachment-wrapper .attachment-item{margin-bottom:10px}.attachment-wrapper .attachment-item span{border:2px solid #546e7a;display:inline-block;padding:8px 5px}.attachment-wrapper .attachment-item span input{display:none}.attachment-wrapper .attachment-item span .icon{cursor:pointer}.attachment-wrapper .add-attachment-link{display:inline-block;font-size:18px;margin-top:10px}.row-grid-3{grid-row-gap:15px;grid-column-gap:15px;align-items:center;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr)}.bar{background-color:#d4edfb;height:10px}.bar>div{height:10px;transition:.35s cubic-bezier(.4,0,.2,1)}.bar>div.primary{background-color:#0e90d9}.bar>div.warning{background-color:#fbad15}.bar>div.success{background-color:#53c41a}.bar>div.danger{background-color:#ff4d50}.spinner-container{position:relative;text-align:center;top:calc(50% - 24px);width:100%}.spinner-container .meter{border:6px solid #0e90d9;border-radius:50%;box-sizing:border-box;display:inline-block;height:48px;width:48px}.spinner-container .meter:before{animation:meter-animate-before 1s linear infinite;background-color:#0e90d9;border-radius:3px;box-sizing:border-box;content:" ";display:inline-block;height:20px;position:absolute;text-align:center;top:5px;transform-origin:center bottom;width:6px}.spinner-container.full-page{background-color:hsla(0,0%,100%,.7);height:100%;left:0;position:fixed;top:0;width:100%;z-index:11}.spinner-container.full-page .meter{position:relative;top:50%}.spinner-container.full-page .meter:before{top:0}.cursor-pointer{cursor:pointer!important}.display-grid{display:grid}.column-grid-2{grid-gap:10px;align-items:center;display:grid;grid-template-columns:repeat(2,auto)}.bar-chart canvas~img,.line-chart canvas~img{display:none}
+@charset "UTF-8";@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(../fonts/Roboto-Medium.ttf)}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/Roboto-Regular.ttf)}.icon{background-size:cover;display:inline-block;height:20px;width:20px}.menu-fold-icon{background-image:url(../images/menu-fold-icon.svg);height:24px;width:24px}.menu-fold-icon:hover{background-image:url(../images/menu-fold-active-icon.svg)}.menu-unfold-icon{background-image:url(../images/menu-unfold-icon.svg);height:24px;width:24px}.menu-unfold-icon:hover{background-image:url(../images/menu-unfold-active-icon.svg)}.arrow-down-icon{background-image:url(../images/arrow-down-icon.svg)}.arrow-up-icon{background-image:url(../images/arrow-up-icon.svg)}.arrow-left-icon{background-image:url(../images/arrow-left-icon.svg)}.arrow-right-icon{background-image:url(../images/arrow-right-icon.svg)}.arrow-left-line-icon{background-image:url(../images/arrow-left-line-icon.svg)}.arrow-right-line-icon{background-image:url(../images/arrow-right-line-icon.svg)}.arrow-down-s-icon{background-image:url(../images/arrow-down-s-icon.svg)}.add-icon{background-image:url(../images/add-icon.svg)}.close-icon{background-image:url(../images/close-icon.svg)}.close-white-icon{background-image:url(../images/close-white-icon.svg)}.circle-check-white-icon{background-image:url(../images/circle-check-white-icon.svg)}.circle-close-white-icon{background-image:url(../images/circle-close-white-icon.svg)}.circle-info-white-icon{background-image:url(../images/circle-info-white-icon.svg)}.calendar-icon{background-image:url(../images/calendar-icon.svg)}.time-icon{background-image:url(../images/time-icon.svg)}.align-justify-icon{background-image:url(../images/align-justify-icon.svg)}.reply-icon{background-image:url(../images/reply-icon.svg)}.reply-white-icon{background-image:url(../images/reply-white-icon.svg)}.reply-all-icon{background-image:url(../images/reply-all-icon.svg)}.reply-all-white-icon{background-image:url(../images/reply-all-white-icon.svg)}.forward-icon{background-image:url(../images/forward-icon.svg)}.forward-white-icon{background-image:url(../images/forward-white-icon.svg)}.trash-icon{background-image:url(../images/trash-icon.svg)}.trash-white-icon{background-image:url(../images/trash-white-icon.svg)}.pencil-icon{background-image:url(../images/pencil-icon.svg)}.pencil-underline-icon{background-image:url(../images/pencil-underline-icon.svg)}.eye-icon{background-image:url(../images/eye-icon.svg)}.folder-icon{background-image:url(../images/folder-icon.svg)}.plus-primary-icon{background-image:url(../images/plus-primary-icon.svg)}.plus-black-icon{background-image:url(../images/plus-black-icon.svg)}.plus-white-icon{background-image:url(../images/plus-white-icon.svg)}.download-icon{background-image:url(../images/download-icon.svg)}.search-icon{background-image:url(../images/search-icon.svg)}.ellipsis-icon{background-image:url(../images/ellipsis-icon.svg)}.attachment-icon,.ellipsis-icon{height:24px!important;width:24px!important}.attachment-icon{background-image:url(../images/attachment-icon.svg)}.link-icon{background-image:url(../images/link-icon.svg)}.external-link-icon,.link-icon{height:24px!important;width:24px!important}.external-link-icon{background-image:url(../images/external-link-icon.svg)}.tags-icon{background-image:url(../images/tags-icon.svg)}.loader-icon{background-image:url(../images/loader-icon.svg)}.loader-active-icon,.loader-icon{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;height:24px!important;width:24px!important}.loader-active-icon{background-image:url(../images/loader-active-icon.svg)}.alert-danger-icon{background-image:url(../images/alert-danger-icon.svg)}.upload-icon{background-image:url(../images/upload-icon.svg)}.export-icon{background-image:url(../images/export-icon.svg)}@keyframes jelly{0%{opacity:0;transform:translateY(0) scale(.7)}70%{opacity:1;transform:translateY(5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes jelly-out{0%{opacity:1;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-5px) scale(1.05)}to{opacity:0;transform:translateY(0) scale(.7)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes meter-animate-before{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.rtl .search-filter .control{border-bottom-left-radius:0;border-bottom-right-radius:3px;border-left:0;border-right:2px solid #c7c7c7;border-top-left-radius:0;border-top-right-radius:3px;padding-right:10px}.rtl .search-filter .icon-wrapper{border-bottom-left-radius:3px;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-right-radius:0;float:left}.rtl .alert-wrapper .alert{left:unset;margin-right:-324px;right:50%}.rtl .table .table-header .table-action{text-align:left}.rtl .table .table-header .table-action .export-import{margin-left:20px;margin-right:0}.rtl .table .table-body .custom-design-container{right:1200px}.rtl .table .sidebar-filter{left:-420px;right:unset}.rtl .table .sidebar-filter header h1 .right{text-align:left}.rtl .table .sidebar-filter.show{left:0;right:unset}.rtl .table .sidebar-filter .field-container{padding-left:25px;padding-right:0}.rtl .table .sidebar-filter .field-container i.close-icon{left:0;right:unset}.rtl .table .datagrid-filters{display:inline-block}.rtl .table .datagrid-filters.per-page{margin-left:10px;margin-right:10px}.rtl .sidebar-filter header h1 .right,.rtl .table .datagrid-filters .filter-right,.rtl .table table tbody tr td.action,.rtl .table table thead th.actions{text-align:left}.rtl .filtered-tags .filter-tag .cross-icon,.rtl .filtered-tags .filter-tag .wrapper{margin-left:0;margin-right:10px}.rtl .float-left{float:right}.rtl .float-right{float:left}.rtl .field-container label.required:after,.rtl .form-group label.required:after{padding-left:0;padding-right:4px}.rtl .field-container.date .control,.rtl .field-container.datetime .control,.rtl .field-container.time .control,.rtl .form-group.date .control,.rtl .form-group.datetime .control,.rtl .form-group.time .control{padding-right:40px}.rtl .field-container.date .date-container input[type=text],.rtl .field-container.datetime .date-container input[type=text],.rtl .field-container.time .date-container input[type=text],.rtl .form-group.date .date-container input[type=text],.rtl .form-group.datetime .date-container input[type=text],.rtl .form-group.time .date-container input[type=text]{padding-left:22px}.rtl .field-container.date .datetime-container:after,.rtl .field-container.date .time-container:after,.rtl .field-container.datetime .datetime-container:after,.rtl .field-container.datetime .time-container:after,.rtl .field-container.time .datetime-container:after,.rtl .field-container.time .time-container:after,.rtl .form-group.date .datetime-container:after,.rtl .form-group.date .time-container:after,.rtl .form-group.datetime .datetime-container:after,.rtl .form-group.datetime .time-container:after,.rtl .form-group.time .datetime-container:after,.rtl .form-group.time .time-container:after{left:10px;margin-left:unset;margin-right:-34px;right:unset}.rtl .field-container .input-group .input-group-prepend .btn,.rtl .field-container .input-group .input-group-prepend .control,.rtl .form-group .input-group .input-group-prepend .btn,.rtl .form-group .input-group .input-group-prepend .control{border-bottom-left-radius:0;border-bottom-right-radius:3px;border-top-left-radius:0;border-top-right-radius:3px}.rtl .field-container .input-group .input-group-append,.rtl .form-group .input-group .input-group-append{margin-right:-1px}.rtl .field-container .input-group .input-group-append .btn,.rtl .field-container .input-group .input-group-append .control,.rtl .form-group .input-group .input-group-append .btn,.rtl .form-group .input-group .input-group-append .control{border-bottom-left-radius:3px;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-right-radius:0}.rtl .field-container .input-group .trash-icon,.rtl .form-group .input-group .trash-icon{cursor:pointer;margin-left:0;margin-right:7px;margin-top:21px}.rtl .settings-container .panel .setting-link-container .setting-link-item a .setting-info{margin-left:0;margin-right:25px}.rtl .tree-wrapper .tree-container .tree-item.active>.tree-item{padding-left:0;padding-right:30px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}:focus{outline:none}body{background:#fff;color:#263238;font-family:Roboto;font-size:18px;font-weight:400;letter-spacing:-.26px;line-height:22px}a{color:#0e90d9}a:active,a:focus,a:hover,a:link,a:visited{color:#0e90d9;text-decoration:none}::-moz-selection{background-color:#0e90d9;color:#fff}::selection{background-color:#0e90d9;color:#fff}::-moz-placeholder{color:#546e7a;opacity:.5}::placeholder{color:#546e7a;opacity:.5}textarea{resize:none}ul{list-style:none;margin:0;padding:0}h1{font-size:24px;margin-top:0}h1,h2{color:#263238;font-weight:500}h2{font-size:20px}h3{font-size:18px}h3,h4{color:#263238;font-weight:500}h4{font-size:16px}h5{color:#263238;font-size:14px;font-weight:500}.hide{display:none!important}.btn{border:2px solid transparent;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font:inherit;font-weight:500;padding:10px 14px;transition:.2s cubic-bezier(.4,0,.2,1)}.btn:active,.btn:focus,.btn:hover{opacity:.75}.btn.btn-sm{font-size:14px;height:40px;padding:7px 12px}.btn.btn-md{padding:10px 14px}.btn.btn-lg{font-size:24px;padding:12px 18px}.btn.btn-xl{font-size:24px;padding:14px 22px}.btn.btn-primary{background:#0e90d9;color:#fff}.btn.btn-primary-outline{background:#fff;border:2px solid #0e90d9;color:#0e90d9}.btn.btn-secondary{background:#546e7a;color:#fff}.btn.btn-secondary-outline{background:#fff;border:2px solid #546e7a;color:#546e7a}.btn.btn-danger{background:#ff4d50;color:#fff}.btn.btn-danger-outline{background:#fff;border:2px solid #ff4d50;color:#ff4d50}.btn.btn-success{background:#53c41a;color:#fff}.btn.btn-success-outline{background:#fff;border:2px solid #53c41a;color:#53c41a}.btn.btn-warning{background:#fbad15;color:#fff}.btn.btn-warning-outline{background:#fff;border:2px solid #fbad15;color:#fbad15}.btn.btn-white{background:#fff;color:#0e90d9}.btn.btn-white.text-black{color:#000}.btn.btn-white-outline{background:#fff;border:2px solid #0e90d9;color:#0e90d9}.btn:disabled,.btn[disabled=disabled],.btn[disabled=disabled]:active,.btn[disabled=disabled]:hover{background:#b1b1ae;box-shadow:none;cursor:not-allowed;opacity:1}.dropdown-list{background-color:#fff;border:1px solid #f0f0f0;box-shadow:0 2px 5px 0 rgba(39,49,58,.15);display:none;margin-bottom:20px;position:absolute;text-align:left;width:215px;z-index:10}.dropdown-list.bottom-left{left:0;top:42px}.dropdown-list.bottom-right{right:0;top:42px}.dropdown-list.top-left{bottom:0;left:42px}.dropdown-list.top-right{bottom:0;right:42px}.dropdown-list .dropdown-container{overflow-y:auto}.dropdown-list .dropdown-container ul{list-style-type:none;margin:0;padding:0}.dropdown-list .dropdown-container ul li{color:#546e7a;cursor:pointer;font-size:16px;padding:8px 12px}.dropdown-list .dropdown-container ul li a:active,.dropdown-list .dropdown-container ul li a:focus,.dropdown-list .dropdown-container ul li a:link,.dropdown-list .dropdown-container ul li a:visited{color:#546e7a;display:block}.dropdown-list .dropdown-container ul li:hover{background-color:#0e90d9;color:#fff}.dropdown-list .dropdown-container ul li:hover a{color:#fff}.table{overflow-x:auto!important;width:100%}.table .table-header{align-items:center;display:grid;grid-template-columns:repeat(2,auto);margin-bottom:20px}.table .table-header h1{display:inline-block;margin-bottom:0}.table .table-header .table-action{text-align:right}.table .table-header .table-action .export-import{cursor:pointer;margin-right:20px}.table .table-header .table-action .export-import .icon{height:24px;margin-bottom:2px;vertical-align:middle;width:24px}.table .table-header .table-action .export-import span{color:#546e7a}.table .table-header .table-action button{max-height:40px;padding:8px 14px}.table .table-body .custom-design-container{background-color:#fff;border:1px solid #c1c2c3;margin-top:8px;padding:10px;position:absolute;right:25px;width:350px}.table .table-body .custom-design-container .form-group{grid-gap:5px;align-items:center;display:grid;grid-template-columns:150px auto 150px;margin:20px 0;text-align:center}.table .table-body .custom-design-container .form-group.date .date-container{display:inline-block}.table .table-body .custom-design-container .form-group.date .date-container .control{height:40px;margin:0}.table .table-body .custom-design-container .form-group.date .date-container:after{top:calc(50% - 2px)}.table .table-body .custom-design-container i.close-icon{cursor:pointer;float:right}.table .table-body .checkbox{margin:0;text-overflow:unset}.table .table-body .empty-table div{left:calc(50% - 75px);position:absolute;top:calc(50% - 50px)}.table .table-body .empty-table div img{width:150px}.table .table-body .empty-table div span{display:block;margin-top:20px}.table table{background:#fff;border:none;border-collapse:collapse;border-radius:4px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);font-size:16px;margin-top:20px;table-layout:fixed;text-align:left;width:100%}.table table td,.table table th{border-bottom:1px solid #c1c2c3;border-right:1px solid #c1c2c3;color:#546e7a;padding:10px;text-overflow:ellipsis;vertical-align:top;width:100%}.table table thead th{border-bottom:1px solid hsla(210,2%,76%,.5);border-right:0;color:#263238;cursor:not-allowed;font-weight:500;text-transform:capitalize}.table table thead th.master-checkbox{text-overflow:unset;width:41px}.table table thead th.id{width:80px}.table table thead th.actions{text-align:right;width:100px}.table table thead th.actions .action{display:inline-flex}.table table thead th.actions .icon{cursor:pointer;vertical-align:middle}.table table tbody tr{border-bottom:1px solid hsla(210,2%,76%,.5)}.table table tbody tr.active{background-color:#d4edfb;border-bottom:1px solid rgba(14,144,217,.35)}.table table tbody tr td{background-color:hsla(0,0%,100%,.5);border-bottom:none;border-right:0;color:#263238;word-break:break-all}.table table tbody tr td.empty{text-align:center}.table table tbody tr td.action-container a{cursor:pointer}.table table tbody tr td .bold{font-weight:500}.table table tbody tr td.action{text-align:right}.table table tbody tr td.action a{cursor:pointer;margin-right:5px}.table table tbody tr td.action a:last-child{margin-right:0}.table table tbody tr td .spinner-container{margin-top:5px}.table table tbody tr:last-child td{border-bottom:0}.table table tbody tr.active td,.table table tbody tr:hover td{background-color:hsla(210,2%,76%,.1)}.table table tbody tr.no-records{text-align:center}.table .form-group{margin-bottom:20px;width:100%}.table .form-group .control{width:100%}.table .form-group.datagrid-filters{margin-bottom:20px}.table .form-group.datagrid-filters input[type=search].control{font-size:15px;height:40px;margin:0;width:280px}.table .dropdown-container{margin-bottom:0;padding:0;position:relative;width:100%}.table .dropdown-container.dropdown-list ul{background-color:#fff;margin-bottom:20px;margin-top:10px;padding:15px;position:absolute;width:100%}.table .dropdown-container.dropdown-list ul li .form-group{margin-bottom:15px}.table .dropdown-container.dropdown-list .apply-filter{padding:10px;width:100%}.table .filtered-tags{margin:20px 0 0}.table .filtered-tags .filter-tag{grid-gap:5px;align-items:center;display:grid;display:inline-grid;grid-template-columns:repeat(2,auto);margin-right:20px;text-transform:capitalize;width:-moz-max-content;width:max-content}.table .filtered-tags .filter-tag .wrapper{grid-gap:10px;align-items:center;background:#e7e7e7;border-radius:2px;color:#000311;display:grid;display:inline-grid;font-size:14px;grid-template-columns:auto 20px;line-height:40px;padding:0 10px}.table .filtered-tags .filter-tag .wrapper .icon.close-icon{cursor:pointer;position:relative;top:-2px}.table .search-filter{display:inline-block;margin-right:6px;position:relative;width:-moz-max-content;width:max-content}.table .search-filter .input-search-icon{left:7px;position:absolute;top:10px;z-index:1}.table .search-filter .input-search-icon~input[type=search]{padding-left:30px}.table .search-filter .control{-webkit-appearance:none;border:1px solid #c1c2c3;color:#546e7a;font-size:15px;height:40px;margin:0;padding-left:10px;width:280px}.table .search-filter .contorl:focus{border-color:#0041ff}.table .search-filter .icon-wrapper{border:2px solid #c7c7c7;border-radius:3px;border-bottom-left-radius:0;border-top-left-radius:0;float:right;height:36px;padding:3px;width:36px}.table .datagrid-filters{align-items:center;display:grid;grid-template-columns:repeat(2,auto);width:100%}.table .datagrid-filters .filter-right{text-align:right}.table .datagrid-filters .filter-right .pagination{display:inline-block;height:40px;margin-right:6px}.table .datagrid-filters .filter-right .pagination .page-item .icon{top:10px;vertical-align:top}.table .datagrid-filters .filter-right .filter-btn{cursor:pointer;display:inline-block}.table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header{align-items:center;background-color:#fff;border:1px solid #546e7a;border-radius:3px;color:#546e7a;display:inline-flex;font-weight:500;height:40px;justify-content:space-between;padding:0 7px 0 10px;vertical-align:middle;width:105px}.table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header .arrow-icon-down{float:right}.table .datagrid-filters .dropdown-filters{display:inline-block;margin-right:6px}.table .datagrid-filters .dropdown-filters.per-page .form-group{grid-gap:10px;align-items:center;display:grid;grid-template-columns:repeat(2,auto)}.table .datagrid-filters .dropdown-filters.per-page .form-group .control{border:1px solid #c1c2c3;height:40px;margin:0}.table .datagrid-filters .form-group,.table .datagrid-filters .form-group .control{font-size:16px}.table .tabs-container{align-items:center;display:grid;grid-template-columns:repeat(2,auto);margin:20px 0}.table .tabs-container .tabs-right-container{text-align:right}.table .tabs-container .tabs-right-container section{display:inline-block}.table .tabs-container .tabs-right-container .covered{border:1px solid;padding:7px ​10px}.table .tabs-container .tabs-right-container .group{vertical-align:top}.table .mass-actions{display:inline-block;width:-moz-max-content;width:max-content}.table .mass-actions .control{font-size:16px;height:40px;margin:0;padding:9px 10px;width:140px}.table .mass-actions button{height:40px;vertical-align:middle}.pagination{margin-top:20px}.pagination .page-item{background:#fff;border:1px solid #c1c2c3;display:inline-block;font-size:16px;height:100%;margin-right:5px;padding:0 9px;text-decoration:none;vertical-align:middle}.pagination .page-item.previous{border-radius:3px 0 0 3px}.pagination .page-item.next{border-radius:0 3px 3px 0}.pagination .page-item.disabled{cursor:not-allowed!important}.pagination .page-item.active{background:#0041ff;border-color:#0041ff;color:#fff}.pagination .page-item .icon{position:relative;top:4px;vertical-align:middle}.pagination.tab-view{height:34px;margin-top:0}.pagination.tab-view .previous{border-right:0;float:left}.pagination.tab-view .next,.pagination.tab-view .previous{cursor:pointer;margin:0}.pagination.full-view{margin-top:120px}.pagination a,.pagination i{font-size:16px!important;font-weight:700}.field-container,.form-group{color:#546e7a;display:block;font-size:18px;margin-bottom:20px;position:relative;width:100%}.field-container label,.form-group label{display:block;font-size:16px}.field-container label.required:after,.form-group label.required:after{color:#ff4d50;content:"*";display:inline-block;font-weight:700;padding-left:4px}.field-container textarea.control,.form-group textarea.control{height:100px;padding:10px}.field-container .control,.form-group .control{background:#fff;border:1px solid #c1c2c3;border-radius:3px;color:#546e7a;display:inline-block;font-size:18px;margin-bottom:5px;margin-top:10px;padding:10px;transition:.2s cubic-bezier(.4,0,.2,1);vertical-align:middle;width:100%}.field-container .control:focus,.form-group .control:focus{border-color:#0e90d9}.field-container .control[disabled=disabled],.form-group .control[disabled=disabled]{background-color:#c1c2c3;border-color:#c1c2c3;cursor:not-allowed}.field-container .control[multiple],.form-group .control[multiple]{height:100px}.field-container .control-faker,.form-group .control-faker{border:1px solid #c1c2c3;border-radius:3px;margin-bottom:5px;margin-top:10px;padding:10px;word-break:break-all}.field-container.date .control,.field-container.datetime .control,.field-container.time .control,.form-group.date .control,.form-group.datetime .control,.form-group.time .control{padding-right:40px}.field-container.date .date-container,.field-container.date .datetime-container,.field-container.date .time-container,.field-container.datetime .date-container,.field-container.datetime .datetime-container,.field-container.datetime .time-container,.field-container.time .date-container,.field-container.time .datetime-container,.field-container.time .time-container,.form-group.date .date-container,.form-group.date .datetime-container,.form-group.date .time-container,.form-group.datetime .date-container,.form-group.datetime .datetime-container,.form-group.datetime .time-container,.form-group.time .date-container,.form-group.time .datetime-container,.form-group.time .time-container{position:relative}.field-container.date .date-container:after,.field-container.date .datetime-container:after,.field-container.date .time-container:after,.field-container.datetime .date-container:after,.field-container.datetime .datetime-container:after,.field-container.datetime .time-container:after,.field-container.time .date-container:after,.field-container.time .datetime-container:after,.field-container.time .time-container:after,.form-group.date .date-container:after,.form-group.date .datetime-container:after,.form-group.date .time-container:after,.form-group.datetime .date-container:after,.form-group.datetime .datetime-container:after,.form-group.datetime .time-container:after,.form-group.time .date-container:after,.form-group.time .datetime-container:after,.form-group.time .time-container:after{background-image:url(../images/calendar-icon.svg);content:"";height:24px;margin-left:-34px;margin-top:-9px;pointer-events:none;position:absolute;right:10px;top:29px;width:24px}.field-container.date .time-container:after,.field-container.datetime .time-container:after,.field-container.time .time-container:after,.form-group.date .time-container:after,.form-group.datetime .time-container:after,.form-group.time .time-container:after{background-image:url(../images/time-icon.svg)}.field-container .control-info,.form-group .control-info{color:#adadad;display:block;font-size:16px;font-style:italic}.field-container .control-error,.form-group .control-error{color:#ff4d50;display:none;margin-top:5px}.field-container.has-error .control:not([aria-invalid=false]),.form-group.has-error .control:not([aria-invalid=false]){border-color:#ff4d50}.field-container.has-error .control-error,.form-group.has-error .control-error{display:block;width:100%}.field-container.has-error.hide-error input,.form-group.has-error.hide-error input{border:1px solid #c1c2c3!important}.field-container.has-error.hide-error .control-error,.form-group.has-error.hide-error .control-error{display:none!important}.field-container .address-left,.form-group .address-left{float:left;padding-right:5px;width:50%}.field-container .address-left .control,.form-group .address-left .control{height:204px;margin-bottom:0}.field-container .address-right,.form-group .address-right{display:inline-block;padding-left:5px;width:50%}.field-container .address-right .control,.field-container.input-group,.form-group .address-right .control,.form-group.input-group{margin-bottom:0}.field-container .input-group,.form-group .input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.field-container .input-group .input-group-append,.field-container .input-group .input-group-prepend,.form-group .input-group .input-group-append,.form-group .input-group .input-group-prepend{display:flex}.field-container .input-group>.control,.field-container .input-group>.date-container,.field-container .input-group>.datetime-container,.form-group .input-group>.control,.form-group .input-group>.date-container,.form-group .input-group>.datetime-container{flex:1 1 auto;position:relative;width:1%!important}.field-container .input-group>.control:not(:first-child),.field-container .input-group>.date-container:not(:first-child),.field-container .input-group>.datetime-container:not(:first-child),.form-group .input-group>.control:not(:first-child),.form-group .input-group>.date-container:not(:first-child),.form-group .input-group>.datetime-container:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.field-container .input-group>.control:not(:last-child),.field-container .input-group>.date-container:not(:last-child),.field-container .input-group>.datetime-container:not(:last-child),.form-group .input-group>.control:not(:last-child),.form-group .input-group>.date-container:not(:last-child),.form-group .input-group>.datetime-container:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.field-container .input-group>.date-container:not(:first-child),.field-container .input-group>.datetime-container:not(:first-child),.form-group .input-group>.date-container:not(:first-child),.form-group .input-group>.datetime-container:not(:first-child){margin-left:10px}.field-container .input-group>.date-container:not(:last-child),.field-container .input-group>.datetime-container:not(:last-child),.form-group .input-group>.date-container:not(:last-child),.form-group .input-group>.datetime-container:not(:last-child){margin-right:10px}.field-container .input-group .input-group-prepend,.form-group .input-group .input-group-prepend{margin-right:-1px}.field-container .input-group .input-group-prepend .btn,.field-container .input-group .input-group-prepend .control,.form-group .input-group .input-group-prepend .btn,.form-group .input-group .input-group-prepend .control{border-bottom-right-radius:0;border-top-right-radius:0}.field-container .input-group .input-group-append,.form-group .input-group .input-group-append{margin-left:-1px}.field-container .input-group .input-group-append .btn,.field-container .input-group .input-group-append .control,.form-group .input-group .input-group-append .btn,.form-group .input-group .input-group-append .control{border-bottom-left-radius:0;border-top-left-radius:0}.field-container .input-group .trash-icon,.form-group .input-group .trash-icon{cursor:pointer;margin-left:7px;margin-top:21px}.field-container .loader-active-icon,.form-group .loader-active-icon{position:absolute;right:4px;top:14px}.checkbox{display:inline-block;margin:10px 5px 5px 0;position:relative}.checkbox .checkbox-dash,.checkbox .checkbox-view{background-image:url(../images/checkbox-icon.svg);display:inline-block!important;height:24px;margin:0 5px 0 0;vertical-align:middle;width:24px}.checkbox .checkbox-dash{background-image:url(../images/checkbox-dash-icon.svg)}.checkbox input{height:24px;opacity:0;position:absolute;width:24px;z-index:100}.checkbox input:checked+.checkbox-view{background-image:url(../images/checkbox-checked-icon.svg)}.checkbox input:disabled+.checkbox-view{cursor:not-allowed;opacity:.5}.radio{display:block;margin:10px 5px 5px 0;position:relative}.radio .radio-view{background-image:url(../images/radio-icon.svg);display:inline-block!important;height:24px;margin:0 5px 0 0;vertical-align:middle;width:24px}.radio input{left:0;opacity:0;position:absolute;top:0;z-index:100}.radio input:checked+.radio-view{background-image:url(../images/radio-checked-icon.svg)}.radio input:disabled+.radio-view{cursor:not-allowed;opacity:.5}.form-group .switch{display:inline-block;height:34px;margin-bottom:5px;margin-top:10px;position:relative;width:60px}.form-group .switch .slider{background-color:#c1c2c3;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.form-group .switch .slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.2s;width:26px}.form-group .switch .slider.round{border-radius:34px}.form-group .switch .slider.round:before{border-radius:50%}.form-group .switch input{height:0;opacity:0;width:0}.form-group .switch input:checked+.slider{background-color:#0e90d9}.form-group .switch input:focus+.slider{box-shadow:0 0 1px #0e90d9}.form-group .switch input:checked+.slider:before{transform:translateX(26px)}.alert-wrapper{bottom:10px;position:fixed;right:10px;width:100%;z-index:100}.alert-wrapper .alert{animation:jelly .5s ease-in-out;border-radius:3px;box-shadow:0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12);display:block;left:50%;margin-bottom:10px;margin-left:-324px;padding:15px 44px;position:relative;text-align:left;transform-origin:center top;width:648px;z-index:500}.alert-wrapper .alert.error{background:#ff4d50}.alert-wrapper .alert.info{background:#204d74}.alert-wrapper .alert.success{background:#53c41a}.alert-wrapper .alert.warning{background:#fbad15}.alert-wrapper .alert .icon{position:absolute}.alert-wrapper .alert .icon:first-child{left:10px;top:15px}.alert-wrapper .alert .icon:last-child{cursor:pointer;right:10px;top:10px}.alert-wrapper .alert p{color:#fff;font-size:16px;margin:0}.tabs ul li{display:inline-block}.tabs ul li a{color:#546e7a;cursor:pointer;display:block;font-weight:500;padding:10px 30px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabs ul li.has-error a{color:#ff4d50}.tabs ul li.active a{box-shadow:inset 0 -2px 0 #0e90d9;color:#0e90d9}.tabs-content{background:#fff;border:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:30px}.pill{display:inline-block;height:34px}.pill .tabs ul li{font-size:16px}.pill .tabs ul li:first-child a{padding-left:0}.pill .tabs ul li a{padding:6px 15px}.pill .tabs ul li.active a{background:#0e90d9;border-radius:22px;color:#fff;padding:5px 15px}.group{display:inline-block;height:34px}.group .tabs ul li{border:1px solid #c1c2c3;font-size:16px}.group .tabs ul li:not(:last-child){border-right:0}.group .tabs ul li.active{background:#0e90d9;border-radius:0!important}.group .tabs ul li.active a{color:#fff}.group .tabs ul li a{padding:5px 10px}.accordian,accordian{display:inline-block;width:100%}.accordian .accordian-header,.accordian div[slot*=header],accordian .accordian-header,accordian div[slot*=header]{border-bottom:1px solid #c1c2c3;color:#546e7a;cursor:pointer;display:inline-block;font-size:18px;font-weight:500;margin-top:-1px;padding:15px 30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.accordian .accordian-header h1,.accordian div[slot*=header] h1,accordian .accordian-header h1,accordian div[slot*=header] h1{display:inline-block;font-weight:500;margin:0}.accordian .accordian-header .icon,.accordian div[slot*=header] .icon,accordian .accordian-header .icon,accordian div[slot*=header] .icon{float:right}.accordian .accordian-header .icon.left,.accordian div[slot*=header] .icon.left,accordian .accordian-header .icon.left,accordian div[slot*=header] .icon.left{float:left}.accordian.has-error .accordian-header,accordian.has-error .accordian-header{color:#ff4d50}.accordian .accordian-content,.accordian div[slot*=body],accordian .accordian-content,accordian div[slot*=body]{border:1px solid #d3d3d3;border-top:0;display:none;padding:30px;width:100%}.accordian.active>.accordian-content,accordian.active>.accordian-content{display:inline-block}.panel .panel-header{color:#263238;color:#546e7a;font-size:18px;font-weight:500;padding:16px 0}.panel .panel-body{background-color:#fff;border:none;border-radius:3px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:16px}modal{display:none}.modal-overlay{background:#263238;bottom:0;display:none;left:0;opacity:.5;overflow-y:auto;position:fixed;right:0;top:0;z-index:10}.modal-container{animation:jelly .5s ease-in-out;background:#fff;border-radius:8px;left:50%;margin-left:-300px;max-height:80%;max-width:80%;overflow-x:hidden;overflow-y:auto;position:fixed;top:100px;width:600px;z-index:11}.modal-container .modal-header{align-items:center;background:#fff;border-bottom:1px solid #c1c2c3;display:grid;grid-template-columns:repeat(2,auto);padding:20px 20px 10px;position:relative;width:inherit;z-index:10}.modal-container .modal-header h3{display:table-cell;font-weight:500;margin:0;vertical-align:middle}.modal-container .modal-header h2{display:inline-block;margin:0}.modal-container .modal-header .header-actions{text-align:right}.modal-container .modal-header .header-actions .icon{cursor:pointer}.modal-container .modal-body{padding:30px;position:relative}.modal-container .modal-body .tabs-content{box-shadow:none}.modal-open{overflow:hidden}.modal-open .modal-overlay{display:block}.badge{border:2px solid transparent;border-radius:4px;color:#fff;display:inline-block;font-size:16px}.badge.badge-pill,.badge.badge-sm{padding:2px 8px}.badge.badge-md{padding:4px 10px}.badge.badge-lg{padding:6px 12px}.badge.badge-xl{padding:8px 14px}.badge.badge-pill{border-radius:10rem}.badge.badge-primary{background:#0e90d9;color:#fff}.badge.badge-primary-outline{background:#fff;border:2px solid #0e90d9;color:#0e90d9}.badge.badge-secondary{background:#546e7a;color:#fff}.badge.badge-secondary-outline{background:#fff;border:2px solid #546e7a;color:#546e7a}.badge.badge-danger{background:#ff4d50;color:#fff}.badge.badge-danger-outline{background:#fff;border:2px solid #ff4d50;color:#ff4d50}.badge.badge-success{background:#53c41a;color:#fff}.badge.badge-success-outline{background:#fff;border:2px solid #53c41a;color:#53c41a}.badge.badge-warning{background:#fbad15;color:#fff}.badge.badge-warning-outline{background:#fff;border:2px solid #fbad15;color:#fbad15}.badge.badge-white,.badge.badge-white-outline{background:#fff;color:#0e90d9}.badge.badge-white-outline{border:2px solid #0e90d9}.badge.badge-round{height:8px;margin-right:5px;padding:0;width:8px}.overlay-loader{left:50%;margin-left:-24px;margin-top:-24px;position:fixed;top:50%;z-index:11}.tooltip{display:block!important;z-index:10000}.tooltip.hide{display:none!important}.tooltip .tooltip-inner{background:#0e90d9;border-radius:4px;color:#fff;font-size:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{border-color:#0e90d9;border-style:solid;height:0;margin:5px;position:absolute;width:0;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;border-width:5px 5px 0;bottom:-5px;left:calc(50% - 5px);margin-bottom:0;margin-top:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;border-width:0 5px 5px;left:calc(50% - 5px);margin-bottom:0;margin-top:0;top:-5px}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-bottom-color:transparent!important;border-left-color:transparent!important;border-top-color:transparent!important;border-width:5px 5px 5px 0;left:-5px;margin-left:0;margin-right:0;top:calc(50% - 5px)}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-bottom-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;border-width:5px 0 5px 5px;margin-left:0;margin-right:0;right:-5px;top:calc(50% - 5px)}.sidebar-filter{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.18);display:inline-block;height:100vh;overflow-y:scroll;padding:30px 15px 30px 20px;position:fixed;right:-420px;top:0;transition:.35s cubic-bezier(.4,0,.2,1);width:420px;z-index:10}.sidebar-filter.show{right:0}.sidebar-filter header{border-bottom:1px solid #c1c2c3;margin-bottom:25px;padding-bottom:25px}.sidebar-filter header h1{align-items:center;display:grid;font-weight:400;grid-template-columns:repeat(2,auto);margin:0;padding:0}.sidebar-filter header h1 .right{text-align:right}.sidebar-filter header h1 .right label{color:#0e90d9;cursor:pointer;display:inline-block;font-size:18px;margin-right:20px}.sidebar-filter header h1 .right i.close-icon{vertical-align:middle}.sidebar-filter .field-container{margin-bottom:10px;padding-right:25px;position:relative}.sidebar-filter .field-container label{font-weight:500}.sidebar-filter .field-container .control{font-size:16px;max-height:40px}.sidebar-filter .field-container .control.half{width:151px}.sidebar-filter .field-container .middle-text{margin:0 8px}.sidebar-filter .field-container .date-container{display:inline-block}.sidebar-filter .field-container .enter-new{display:inline-block;width:100%}.sidebar-filter .field-container .enter-new input{width:100%}.sidebar-filter .field-container>i.close-icon{position:absolute;right:0;top:17px}.sidebar-filter .selected-options{margin-top:10px}.sidebar-filter .selected-options .badge{background-color:#f7f8f9;color:#546e7a;margin-bottom:10px}.sidebar-filter .form-group{margin-bottom:20px}.sidebar-filter i.add-icon,.sidebar-filter i.close-icon{cursor:pointer}.tree-wrapper .icon{margin-right:10px}.tree-wrapper .checkbox{margin-bottom:15px!important;margin-top:0!important}.tree-wrapper .tree-item{padding-left:30px}.tree-wrapper .tree-item.active>.arrow-down-icon{background-image:url(../images/arrow-down-icon.svg)}.tree-wrapper .tree-item>.arrow-down-icon{background-image:url(../images/arrow-right-icon.svg);cursor:pointer}.tree-wrapper .tree-container>.tree-item{padding:0}.tree-wrapper .tree-container .tree-item>.tree-item{display:none}.tree-wrapper .tree-container .tree-item.active>.tree-item{display:block}ol.breadcrumb{font-size:14px;font-weight:400;list-style:none;margin-bottom:5px;margin-top:0;padding:0}ol.breadcrumb li.breadcrumb-item{display:inline-block}ol.breadcrumb li.breadcrumb-item+.breadcrumb-item:before{content:"/";display:inline-block;padding-left:5px;padding-right:5px}.float-left{float:left}.float-right{float:right}.ml-10{margin-left:10px}.pl-0{padding-left:0!important}.fs-18{font-size:18px!important}.tags-control{height:43px;padding:4px!important}.tags-control ul.tags{display:flex}.tags-control ul.tags li{float:left}.tags-control ul.tags li.tag-choice{background-color:#f7f8f9;border-radius:30px;color:#263238;font-size:14px;margin-right:10px;padding:4px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tags-control ul.tags li.tag-input{flex:1 1 20px;margin:0;padding:0;white-space:nowrap}.tags-control ul.tags li.tag-input input{border:0;color:#546e7a;font-size:18px;outline:0;padding:6px 10px;width:100%}.attachment-wrapper .attachment-item{margin-bottom:10px}.attachment-wrapper .attachment-item span{border:2px solid #546e7a;display:inline-block;padding:8px 5px}.attachment-wrapper .attachment-item span input{display:none}.attachment-wrapper .attachment-item span .icon{cursor:pointer}.attachment-wrapper .add-attachment-link{display:inline-block;font-size:18px;margin-top:10px}.row-grid-3{grid-row-gap:15px;grid-column-gap:15px;align-items:center;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr)}.bar{background-color:#d4edfb;height:10px}.bar>div{height:10px;transition:.35s cubic-bezier(.4,0,.2,1)}.bar>div.primary{background-color:#0e90d9}.bar>div.warning{background-color:#fbad15}.bar>div.success{background-color:#53c41a}.bar>div.danger{background-color:#ff4d50}.spinner-container{position:relative;text-align:center;top:calc(50% - 24px);width:100%}.spinner-container .meter{border:6px solid #0e90d9;border-radius:50%;box-sizing:border-box;display:inline-block;height:48px;width:48px}.spinner-container .meter:before{animation:meter-animate-before 1s linear infinite;background-color:#0e90d9;border-radius:3px;box-sizing:border-box;content:" ";display:inline-block;height:20px;position:absolute;text-align:center;top:5px;transform-origin:center bottom;width:6px}.spinner-container.full-page{background-color:hsla(0,0%,100%,.7);height:100%;left:0;position:fixed;top:0;width:100%;z-index:11}.spinner-container.full-page .meter{position:relative;top:50%}.spinner-container.full-page .meter:before{top:0}.cursor-pointer{cursor:pointer!important}.display-grid{display:grid}.column-grid-2{grid-gap:10px;align-items:center;display:grid;grid-template-columns:repeat(2,auto)}.bar-chart canvas~img,.line-chart canvas~img{display:none}
diff --git a/packages/Webkul/UI/publishable/assets/mix-manifest.json b/packages/Webkul/UI/publishable/assets/mix-manifest.json
index 6d9868670..8e6b022fb 100644
--- a/packages/Webkul/UI/publishable/assets/mix-manifest.json
+++ b/packages/Webkul/UI/publishable/assets/mix-manifest.json
@@ -1,6 +1,6 @@
 {
     "/js/ui.js": "/js/ui.js?id=10ef22a71bd0683f029cfc6956d6c1bc",
-    "/css/ui.css": "/css/ui.css?id=84b20446fe4083db9e4501ee2ec3e50f",
+    "/css/ui.css": "/css/ui.css?id=5f0fc7b1b7a65ad973a0838a315e2e64",
     "/images/add-icon.svg": "/images/add-icon.svg?id=9135b4e0e1c239c36981c849a44a80e1",
     "/images/alert-danger-icon.svg": "/images/alert-danger-icon.svg?id=d77f6a8646ed23b5c3b7721e9e236299",
     "/images/align-justify-icon.svg": "/images/align-justify-icon.svg?id=ee8d48e636b80417a884ab54c8fc0056",
diff --git a/packages/Webkul/UI/src/Resources/assets/sass/app.scss b/packages/Webkul/UI/src/Resources/assets/sass/app.scss
index 9f7ebdb6d..10a742cd2 100644
--- a/packages/Webkul/UI/src/Resources/assets/sass/app.scss
+++ b/packages/Webkul/UI/src/Resources/assets/sass/app.scss
@@ -521,8 +521,7 @@ h5 {
 
     .form-group {
         width: 100%;
-        margin-bottom: 0;
-        // min-width: 140px;
+        margin-bottom: 20px;
 
         .control {
             width: 100%;