.as-form{width:100%}.as-form h2{margin-bottom:0!important}.as-form p{line-height:27px;margin-bottom:40px}.as-form .as-form-label{display:block;margin-bottom:10px;font-weight:500;color:#333;font-size:14px}.as-form .as-form-label.en{direction:ltr}.as-form-field{margin-bottom:20px;border-radius:7px;position:relative}.as-form-field .fieldloader{position:absolute;top:8px;right:8px}.as-form-field .mobilenumberClass{position:absolute;top:0;left:0}.as-form-field .phonespacing{padding-left:120px}.mobilenumberClass .ltr__control,.mobilenumberClass .rtl__control{font-size:15px;border-color:transparent!important;box-shadow:none!important;background:transparent!important}.as-form-field.en input[type=text]{text-align:left;direction:ltr}.as-form-field.ar input[type=text]{text-align:right}.caption{font-size:12px;padding-top:10px}.as-form input[type=date],.as-form input[type=password],.as-form input[type=text],.as-form input[type=time],.as-form select,.as-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;box-sizing:border-box}.as-form input:focus,.as-form select:focus,.as-form textarea:focus{border-color:#007bff;outline:none}.as-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="none" stroke="black" stroke-width="2" d="M1 1l5 5 5-5"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px;padding:5px 10px}.as-form .radio_single{float:left;margin-right:10px;cursor:pointer}.as-form .radio_single input{margin:0 5px 0 0;position:relative;top:1px}.as-form .radio_single_clear{clear:both}.invalid{border-color:red!important}.fileinputs{line-height:26px!important}.file-upload-input-container{position:relative}.file-upload-input{display:none}.file-upload-label{display:inline-block;font-size:14px;width:100%;text-align:center;padding:30px 20px;border:1px solid #e4e4e7;border-radius:5px;background-color:#fff;color:#666;cursor:pointer;transition:background-color .3s,border-color .3s}.file-upload-label.uploaded{padding-bottom:0;border-bottom:0}.file-upload-label-view{text-align:center;background-color:#fff;cursor:pointer;padding-top:5px;padding-bottom:20px;border:1px solid #e4e4e7;border-top:0}.file-upload-label .trash{position:absolute;top:15px;right:15px;cursor:pointer}.ar .file-upload-label .trash{left:15px;right:auto}.file-upload-label img{display:inline-block;margin-bottom:10px}.file-upload-label span{display:block}.file-upload-label .progress-container{flex-direction:row-reverse}.file-upload-label.disabled{background:#f1f1f1}.disabledinput{background:#dedede}.validity-message{font-size:14px;color:red;padding:10px 0}.validity-success-message{font-size:14px;color:#15b000;padding:10px 0}.loading{z-index:999;height:2em;width:2em;overflow:show;margin:auto;bottom:0;right:0}.loading,.loading:before{position:fixed;top:0;left:0}.loading:before{content:"";display:block;width:100%;height:100%;background:radial-gradient(hsla(0,0%,8%,.8),rgba(0,0,0,.8));background:-webkit-radial-gradient(hsla(0,0%,8%,.8),rgba(0,0,0,.8))}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:"";display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;animation:spinner .15s linear infinite;border-radius:.5em;box-shadow:1.5em 0 0 0 hsla(0,0%,100%,.75),1.1em 1.1em 0 0 hsla(0,0%,100%,.75),0 1.5em 0 0 hsla(0,0%,100%,.75),-1.1em 1.1em 0 0 hsla(0,0%,100%,.75),-1.5em 0 0 0 hsla(0,0%,100%,.75),-1.1em -1.1em 0 0 hsla(0,0%,100%,.75),0 -1.5em 0 0 hsla(0,0%,100%,.75),1.1em -1.1em 0 0 hsla(0,0%,100%,.75)}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checkbox input{display:none}.checkbox label{display:inline-block;line-height:30px;padding-left:30px;background:url(/assets/img/checkbox-plain.svg) 0 no-repeat;width:100%}.checkbox input:checked+label{background:url(/assets/img/checkbox-active.svg) 0 no-repeat}.ar .checkbox label{padding-left:0;padding-right:30px;background:url(/assets/img/checkbox-plain.svg) 100% no-repeat;text-align:right}.ar .checkbox input:checked+label{background:url(/assets/img/checkbox-active.svg) 100% no-repeat}.tab-based-filter{height:100%}.tab-based-filter .tab-title-main{width:40%;padding:20px;height:100%;border-right:1px solid #e0e0e0}.tab-based-filter .tab-title-main.ar{border-left:1px solid #e0e0e0;border-right:0}.tab-based-filter .tab-title-main li{cursor:pointer;background:url(/assets/img/Arrow.svg) center right 10px no-repeat #fff;padding:15px 20px;border-radius:5px;font-size:14px}.tab-based-filter .tab-title-main li.active{background:url(/assets/img/Arrow.svg) center right 10px no-repeat #f4f6f8}.tab-based-filter .tab-title-main.ar li{text-align:right;background:url(/assets/img/Arrow-ar.svg) center left 10px no-repeat #fff}.tab-based-filter .tab-title-main.ar li.active{background:url(/assets/img/Arrow-ar.svg) center left 10px no-repeat #f4f6f8}.tab-based-filter .tab-title-content{width:60%;padding:20px;height:100%}.tab-based-filter .tab-title-content .multiplechecks-area{overflow-y:scroll;height:calc(100vh - 220px)}.tab-based-filter .tab-title-content.ar .multiplechecks-area{direction:rtl}.react-datepicker-wrapper{width:100%}.datepicker-n{width:100%;height:2.25rem}.react-datepicker__header__dropdown--select{padding:10px 0}.react-datepicker__header__dropdown--select select{-webkit-appearance:none;padding:8px 30px 8px 8px!important;font-size:12px!important;background:url(/assets/img/Arrow-Down.svg) no-repeat center right 8px #fff;background-size:8px auto}.react-datepicker__header__dropdown--select select:focus{outline:0!important}.phonefield{position:relative}.phonefield:before{width:30px;height:20px;position:absolute;top:6px;left:15px;content:"+966";color:#000;font-size:16px}.phonefield.ar:before{content:"966+"}.phonefield input{padding-left:60px!important}.multiplechecks-area-scrollable{background:#fff;padding:20px 10px 5px;box-shadow:0 4px 10px -2px #dedede,4px 0 10px -2px #dedede,-4px 0 10px -2px #dedede;-webkit-box-shadow:0 4px 10px -2px #dedede,4px 0 10px -2px #dedede,-4px 0 10px -2px #dedede;margin-bottom:20px;border-radius:0 0 10px 10px}.multiplechecks-area-scrollable .checkbox label{font-size:14px}.multiplechecks-area-scrollable .multiplechecks-area{max-height:200px;overflow-y:scroll}.multiplechecks-area-trigger{width:100%;background:#fff;text-align:left;border:1px solid #ccc;border-radius:5px;padding:8px 10px;margin-bottom:20px;font-size:14px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="none" stroke="black" stroke-width="2" d="M1 1l5 5 5-5"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px}.multiplechecks-area-trigger.on{border:1px solid #fff;border-bottom:0;margin-bottom:0;box-shadow:4px 0 10px -2px #dedede,-4px 0 10px -2px #dedede;-webkit-box-shadow:4px 0 10px -2px #dedede,-4px 0 10px -2px #dedede;border-radius:5px 5px 0 0}.no-data-found-checkbox{padding:8px;color:#888;text-align:center;font-size:14px}.field-radio span{display:block;opacity:.5;padding-top:3px;font-size:14px;margin-bottom:15px}.field-radio .radio-option{display:inline-block}.field-radio.en .radio-option{margin-right:10px}.field-radio.ar .radio-option{margin-left:10px}.field-radio .radio-option.ar{margin-right:0;margin-left:10px}.field-radio .radio-option input{display:none}.field-radio .radio-option label{font-size:12px;background:url(/assets/img/Radio.svg) center left 10px no-repeat #fff;border-radius:7px;line-height:34px;display:inline-block;cursor:pointer;font-weight:500;color:#000;border:1px solid #aaa;padding:0 15px 0 35px}.field-radio .radio-option input:checked+label{border:1px solid #333;background:url(/assets/img/CheckedRadio.svg) center left 10px no-repeat #333;color:#fff}.field-radio .label_mr_bottom{margin-bottom:10px}.field-radio .radio-option.disabled label{background:url(/assets/img/Radio.svg) center left 10px no-repeat #f1f1f1}.customdrawer{left:0;width:100%;background:rgba(0,0,0,.5)}.customdrawer,.customdrawer .area{position:fixed;top:0;height:100%;z-index:9000}.customdrawer .area{right:0;width:384px;background:#fff}.customdrawer.ar .area{right:auto;left:0}.os-form-ftr.ar{text-align:left}.os-seperator{margin-bottom:20px}.os-label{display:block;font-size:14px;margin-bottom:10px}.osinput{width:100%;height:40px;padding:0 15px}.osinput.arabic{text-align:right}.osinput:focus{outline:0}.os-error{color:red;font-size:14px;padding-top:10px}@media only screen and (max-width:768px){.customdrawer .area{width:100%}.fld,.frd{float:none}html{height:100%}body{padding-left:0}body[data-scroll-locked]{padding-left:0!important}body.ar{padding-left:0;padding-right:0}body.ar[data-scroll-locked]{padding-left:0!important;padding-right:0!important}.pannel-filter-base .pannel-filter{width:100%}.sidebar-overlay{width:100%;height:100%;position:fixed;top:0;background:rgba(0,0,0,.5);z-index:99;display:none}.sidebar{width:300px}body.menu-open{width:100%;position:fixed}body.menu-open .sidebar-overlay{display:block}header{display:none!important}.header-m{display:block;margin-bottom:30px}.bell-icon{margin-right:20px}.bell-icon.ar{margin-right:0;margin-left:20px}.screen-p-head-main{padding-right:120px}.screen-p-head-main.ar{padding-right:0;padding-left:120px}.screen-p-head-main.withoutfilter{padding-right:60px}.screen-p-head-main.withoutfilterandsort{padding-right:0;padding-left:0}.screen-p-head-main.ar.withoutfilter{padding-right:0;padding-left:60px}.screen-p-head-main.withoutsort{padding-right:60px}.screen-p-head-main.withoutsort .screen-p-head-filter{right:0}.screen-p-head-main.ar.withoutsort{padding-right:0;padding-left:60px}.screen-p-head-main.ar.withoutsort .screen-p-head-filter{right:auto;left:0}.screen-p-head-search{width:100%}.screen-p-head-filter{position:absolute;top:0;right:60px}.screen-p-head-sorting{position:absolute;top:0;right:0}.screen-p-head-sorting.ar{right:auto;left:0}.screen-p-head-filter.ar{right:auto;left:60px}.screen-tabel{padding:0}.screen-tabel .colm{width:100%}.empty_record{padding:40% 20%}.sheetcontent{width:100%}.sheetcontent.fields,.sheetcontent.filter,.sheetcontent.form,.sheetcontent.screen80P{width:100%!important;max-width:100%!important}.tab-based-filter .tab-title-main{padding:20px 0 0}.tab-based-filter .tab-title-main li{padding:15px 1.5rem;background:#fff}.tab-based-filter .tab-title-main li.active{background:#fff;border-right:2px solid #000;border-radius:0}.tab-based-filter .tab-title-main.ar li.active{background:#fff;border-left:2px solid #000;border-right:0;border-radius:0}.login-screen{overflow:hidden;background:#fff}.login-screen .LT{width:100%;height:50vh;float:none;padding:6% 20px 0}.login-screen .RT{width:100%;height:auto;float:none;padding:50px 20px 0;display:block}.login-screen .LT .img-login{width:70%}.unauth{padding:0 5%}.sidebar-nav-li-bottom a{font-size:16px}.desktopfilterblock{width:100%;margin-right:0;margin-bottom:20px}.desktopfilterblock.ar{margin-left:0;margin-right:0}.seponboarding-screen .LT{display:none}.DD-details-block .f-details,.seponboarding-screen .RT{width:100%}.DD-details-block h3{margin-bottom:0}.leaddetails .work-area .lhs{width:100%;padding:0;height:auto;margin-bottom:30px}.leaddetails .work-area .activityarea{width:100%}.leaddetails .work-area .activity,.leaddetails .work-area .comments,.leaddetails .work-area .followups{height:auto}.leaddetails .userDetails .block span{display:inline-block;padding-right:30px}.field-radio.en .radio-option{margin-bottom:10px}}