@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
html{font-size:62.5%;height:100%;}
body{font-family:'Plus Jakarta Sans', sans-serif;font-weight:400;font-style:normal;box-sizing:border-box;position:relative;font-size:1.4rem;line-height:26px;background-color:#F2F5F8;}
a, a:hover, a:focus, a:active{text-decoration:none;outline:0;}
input, input:focus, input:hover, input:active{outline:0;box-shadow:none;}
ul{margin:0 auto;padding:0;list-style:none;}
li{line-height:normal;}
button, button:hover, button:active, button:focus{box-shadow:none;outline:0;border:0;}
.ht100p{height:100%;}


.loginWrap{background-color:#f6f8fc;}
.loginCard{align-items:center;display:flex;flex-flow:column;justify-content:center;margin:0 auto;min-height:100vh;padding:30px 12px;}
.logoWrap{display:block;margin:0 auto 30px;text-align:center;}
.logoWrap img{width:90px;}
.loginTab{background-color:#ffffff;border-radius:10px;box-shadow:0 0 37px rgba(8,21,66,.05);margin:0 auto;padding:40px;
width:450px;border-top-left-radius:0;height:100%;position:relative;}
.loginTab .dataWrap{text-align:center;}
.loginTab .dataWrap h2{color:#000000;font-weight:600;font-size:2rem;letter-spacing:0.2px;margin:0 auto 4px;}
.loginTab .dataWrap p{color:#898989;font-size:1.4rem;margin-bottom:25px;letter-spacing:0.6px;}
.loginTab ul.formList li .formControl input{background-color:#ffffff;border:1px solid #eeeeee;box-shadow:none;color:#898989;font-size:1.4rem;height:44px;width:100%;border-radius:6px;padding:8px;}
.loginTab ul.formList li .formControl.flexWrap{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.loginTab ul.formList li .formControl .checkbox .form-check-input{-webkit-appearance:none;appearance:none;background-color:#ffffff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,.25);height:1em;margin-top:0.25em;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:1em;   transition:all .3s ease;}
.loginTab ul.formList li .formControl .checkbox input[type=checkbox]{opacity:0;}
.loginTab ul.formList li .formControl .form-check-input[type=checkbox]{border-radius:0.25em;}
.loginTab ul.formList li label{font-size:1.3rem;letter-spacing:.4px;padding-left:30px;cursor:pointer;display:inline-block;margin:10px 0;position:relative;color:#6c757d;}
.loginTab ul.formList li .checkbox label:before{background-color:#f9f9fa;border:1px solid #eeeeee;}
.loginTab ul.formList li .checkbox label:after,
.loginTab ul.formList li .checkbox label:before{display:inline-block;left:0;position:absolute;}
.loginTab ul.formList li .checkbox input[type="checkbox"]:checked + label::before{content:"";font-family:themify;line-height:1.2;text-align:center;}
.loginTab ul.formList li .checkbox label:before{background-color:#ffffff;border:1px solid #efefef;border-radius:3px;content:"";height:19px;margin-left:0px;transition:border .15s ease-in-out,color .15s ease-in-out;width:19px;}
.loginTab ul.formList li .formControl a{color:#2B78E4;font-size:1.3rem;letter-spacing:.4px;}
.loginTab ul.formList li .btnLogin{background-color:#2B78E4;width:100%;border:0;padding:10px 20px;border-radius:30px;font-size:1.6rem;color:#ffffff;letter-spacing:0.4px;font-weight:500;outline:0;}
.loginTab ul.formList li:last-child{margin:0;}

.mainWrapper{overflow-x:hidden;display:flex;}
.sidebarWrapper{min-height:100vh;/*margin-left:-248px;*/-webkit-transition:margin .25s ease-out;-moz-transition:margin .25s ease-out;-o-transition:margin .25s ease-out;transition:margin .25s ease-out;background-color:#ffffff;}
.sidebarWrapper .sidebar-heading{padding:4px 30px;font-size:1.3rem;height:70px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:700;letter-spacing:0.6px;}
.sidebarWrapper .sidebar-heading img{width:68px;}
.sidebarWrapper .list-group{width:248px;padding:12px 0 0;}

.pageContent{/*min-width:100vw;*/ min-width:calc(100vw - 248px);}
.mainWrapper.toggled .sidebarWrapper{margin-left:0;}
.navbar{padding:0 25px 0 15px!important;height:70px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-flow:row wrap!important;background-color:#ffffff!important;box-shadow:10px 4px 14px rgba(0, 0, 0, 0.04)!important;}
.navbar .btn{padding:0;outline:0;border-radius:0;box-shadow: none;border: 0;}
.navbar .dropdown .dropdown-toggle{background-color:transparent!important;border:0!important;outline:0!important;}
.navbar .dropdown .dropdown-toggle .imgWrap{border:2px solid #e80514;outline:0!important;border-radius:100%;width:42px;height:42px;position:relative;margin:0 8px 0 0;}
.navbar .dropdown .dropdown-toggle .imgWrap:before{content:"";box-shadow:inset 0px 3px 10px #4E53ECD1, 0px 3px 10px #0000005E;width:42px;height:42px;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.navbar .dropdown .dropdown-toggle:after{content:none;}
.navbar .dropdown .dropdown-toggle h2{margin:0;color:#000000;font-size:1.4rem;font-weight:600;}
.navbar .dropdown-menu{box-shadow:10px 4px 14px rgba(0, 0, 0, 0.1)!important;border:1px solid #E5E7EB;border-radius:0;width:150px;top:132%!important;padding:0;}
.navbar .dropdown-menu .dropdown-item{font-size:1.3rem;padding:16px;border-bottom:1px solid #f1f1f1;font-weight:400;color:#4B5563;display:flex;align-items:center;}
.navbar .dropdown-menu .dropdown-item:hover{background-color:#2B78E4!important;color:#ffffff;}
.navbar .dropdown-menu-right .profileSecWrap{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #efefef;}
.navbar .dropdown-menu-right .profileSecWrap .imgWrap{width:50px;height:50px;border-radius:6px;overflow:hidden;border:1px solid #e80512;}
.navbar .dropdown-menu-right .profileSecWrap .imgWrap img{width:100%;height:100%;object-fit:cover;}
.navbar .dropdown-menu-right .profileSecWrap .dataWrap{width:calc(100% - 64px);}
.navbar .dropdown-menu-right .profileSecWrap .dataWrap h2{color:#111827;font-size:1.6rem;margin:0 0 4px;}
.navbar .dropdown-menu-right .profileSecWrap .dataWrap a{font-size:1.2rem;color:#666666;font-weight:500;letter-spacing:0.2px;}
.navbar .dropdown-menu-right ul li{padding:0;margin:0;}
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu-right ul li a:hover{background-color:transparent!important;}
.navbar .dropdown-menu-right ul li:hover a svg path,
.navbar .dropdown-menu-right ul li:hover a circle{fill:#e80514;}
.navbar .dropdown-menu-right ul li a h2{margin:0 0 0 8px;font-size:1.3rem;letter-spacing:0.2px;color:#111827;}
.navbar .dropdown-menu-right ul li:hover a h2{color:#e80514;}

.navbar .btn svg{height:20px;width:20px;}
.navbar .btn svg path{fill:#e80514;}
.navbar-collapse{justify-content:flex-end;}
ul.navbar-nav{margin:0;}
ul.navbar-nav li{margin:0 0 0 15px;}
ul.navbar-nav li a.nav-link{font-size:1.3rem;letter-spacing:0.4px;-webkit-transition:all .4s;transition:all .4s;font-weight:500;padding:0!important;display:flex;align-items:center;}
ul.navbar-nav li a.nav-link:after{content:none;}
ul.navbar-nav li a.nav-link .imgWrap img{width:100%;height:100%;border-radius:100%;object-fit:cover;}
ul.verticleMenuList{margin:0;height:calc(100vh - 70px);position:fixed!important;width:248px;padding:0 0 20px;}


ul.verticleMenuList li{padding:0;line-height:normal;position:relative;border-bottom:1px solid #f1f1f1;}
ul.verticleMenuList li a{display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap;padding:16px 15px;position:relative;font-size:1.3rem;letter-spacing:0.1px;-webkit-transition:all .4s;transition:all .4s;font-weight:500;border-radius:0px;color:#4B5563;}
ul.verticleMenuList li a .iconWrap{
    width: 18px;
    text-align: center;
    background-repeat: no-repeat;
    height: 18px;
    margin: 0 10px 0 0;
    background-position: top center;
    background-size: cover;
}
ul.verticleMenuList li.active a .iconWrap  {
    background-position: bottom center;
}
ul.verticleMenuList li a span{display:inline-block;text-align:left;width:calc(100% - 30px);}
ul.verticleMenuList li.active>a{background-color:#e805141a;color:#e80514;}
ul.verticleMenuList li a svg{margin-right:6px;margin-top:-2px;}
ul.verticleMenuList li.active a svg path{stroke:#e80514;}
ul.verticleMenuList li.active a .fillIcons svg path{fill:#e80514;stroke:none;}
.navLeft{display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap;}
.navLeft h1{margin:0 0 0 10px;font-size:1.6rem;font-weight:700;}
.navbar-nav .dropdown-menu{top:130%;-webkit-animation:fade-in-bottom .3s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:fade-in-bottom .3s cubic-bezier(0.39, 0.575, 0.565, 1) both;border:0;min-width:260px;box-shadow:0 10px 14px rgb(0 0 0 / 4%);border-radius:0 0 6px 6px;}
@keyframes fade-in-bottom{
    0%{
        -webkit-transform:translateY(25px);
        transform:translateY(25px);
        opacity:0;
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1;
    }
}
ul.verticleMenuList li .downArrow{position:absolute;right:16px;}
ul.verticleMenuList li .dropdownList ul li{margin:0;border:0;}
ul.verticleMenuList li .dropdownList ul li a{justify-content:flex-start;padding:16px 15px 16px 46px;background-color:#f8f8f8;border-bottom:1px solid #e9e9e9;font-size:1.2rem; position: relative;}
ul.verticleMenuList li .dropdownList ul li.active a{justify-content:flex-start;padding:16px 15px 16px 46px;background-color:#ffe0e2;border-bottom:1px solid #ffd5d5;font-size:1.2rem;}
ul.verticleMenuList li .dropdownList ul li a .fa-solid{margin:0 8px 0 0;font-size:1rem; position: absolute; left: 30px; top: 19px;}

ul.verticleMenuList li ul.submenu {
    margin: 0;
}
ul.verticleMenuList li .submenuli .downArrow {
    top:16px;
}
/*ul.verticleMenuList li.active .panel-collapse.dropdownList{display:block;}*/


.mainContentWrap{width:100%;padding:20px 5px;margin:0;}
.cardWrap{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.04);border-radius:6px;background-color:#ffffff;}
.sectionTtl{width:100%;margin:0 0 13px;}
.sectionTtl h2{color:#111827;margin:0;font-weight:700;font-size:1.5rem;}

.pageTitle{width:100%;margin:0 0 12px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.pageTitle h2{color:#111827;margin:0;font-weight:700;font-size:1.5rem;}
.pageTitle .addCta a,
.pageTitle .addCta .btn{color:#ffffff;background-color:#2B78E4;outline:0;font-size:1.2rem;text-transform:capitalize;font-weight:500;padding:8px 16px;border-radius:6px;box-shadow:none;border:0;}

/*----- from here move to react css -------*/
.bredcrumbsWrap{width:100%;margin:0 0 20px;}
.bredcrumbsWrap ul{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;}
.bredcrumbsWrap ul li{color:#2B78E4;font-size:1.3rem;font-weight:500;}
.bredcrumbsWrap ul li span{color:#9CA3AF;display:inline-block;margin:0 6px 0 3px;font-size:1.3rem;}
.bredcrumbsWrap ul li a{color:#9CA3AF;}

.checkbox input,
.checkbox-inline input,
.radio input,
.radio-inline input{opacity:0;position:absolute;}
.checkbox label,
.radio label{margin-top:5px;margin-bottom:5px;}
.checkbox .indicator,
.checkbox-inline .indicator,
.radio .indicator,
.radio-inline .indicator{position:relative;}
.checkbox .indicator:before,
.checkbox-inline .indicator:before,
.radio .indicator:before,
.radio-inline .indicator:before{content:'';border:2px solid #6B7280;display:inline-block;vertical-align:middle;width:18px;height:18px;padding:2px;margin-top:-5px;margin-right:10px;text-align:center;}
.checkbox input:checked + .indicator:before,
.checkbox-inline input:checked + .indicator:before{border:none;background-image:url(../img/ImgCheck.png);background-repeat:no-repeat;background-size:cover;}
.checkbox input:disabled + .indicator:before,
.checkbox-inline input:disabled + .indicator:before{border-color:#2B78E4;box-shadow:inset 0px 0px 0px 4px #fff;}
.checkbox input:checked:disabled + .indicator:before,
.checkbox-inline input:checked:disabled + .indicator:before{border:none;background-image:url(../img/ImgCheck.png);background-repeat:no-repeat;background-size:cover;}
.checkbox .indicator:before,
.checkbox-inline .indicator:before{border:1px solid #6B7280;border-radius:4px;}
.radio input + .indicator:before,
.radio-inline input + .indicator:before{border-radius:100%;}
.radio input:checked + .indicator:before,
.radio-inline input:checked + .indicator:before{border-color:#2B78E4;background-color:#2B78E4;box-shadow:inset 0px 0px 0px 3px #ffffff;}
.radio input:disabled + .indicator:before,
.radio-inline input:disabled + .indicator:before{border-color:#cccccc;box-shadow:inset 0px 0px 0px 5px #ffffff;}
.radio input:checked:disabled + .indicator:before,
.radio-inline input:checked:disabled + .indicator:before{border-color:#cccccc;background:#cccccc;box-shadow:inset 0px 0px 0px 3px #ffffff;}
.checkbox input:focus + .indicator,
.checkbox-inline input:focus + .indicator,
.radio input:focus + .indicator,
.radio-inline input:focus + .indicator{outline:0px solid #dddddd;}
.radio input:checked + span,
.checkbox input:checked + span{color:#2B78E4;}


input[class*="pickadate"],
input[class*="pickatime"],
input[class*="birthdate"]{background-color:transparent!important; }
.picker--opened .picker__holder{border-radius:0.35rem;margin-top:0.5rem;box-shadow:-8px 8px 14px 0 rgba(25, 42, 70, 0.11);}
.input-group > .input-group-prepend ~ .form-control.picker__input{border-top-right-radius:.35rem;border-bottom-right-radius:.35rem;}
.picker__day{border-radius:0.35rem;font-size:1.2rem;font-weight:500;}
.picker__day--highlighted,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted{background-color:#e80514!important;border-radius:0.35rem; }
.picker__day--today:before{top:4px;right:4px;border-top-color:#e80514;}
.picker__day--highlighted:before{border-top-color:#ffffff;}
.picker__button--today:before{border-top-color:#e80514;}
.picker__list-item--highlighted,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted{background-color:#e80514!important;}
.picker__footer button{font-size:1.2rem;}
.picker__weekday{font-size:1.2rem;color:#2B78E4!important;font-weight:500;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .picker{left:0;}
}

.formWrapper{width:100%;padding:22px;}
ul.formList{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;}
ul.formList li{width:100%;margin:0 0 22px;}
ul.formList li.half{width:49%;}
ul.formList li .formGroup{position:relative;}
ul.formList li .formGroup label{width:100%;font-size:1.4rem;font-weight:500;margin:0 0 8px;color:#111827;}
ul.formList li .formGroup input,
ul.formList li .formGroup select,
ul.formList li .formGroup .custom-file,
ul.formList li .formGroup textarea{width:100%;border:1px solid #E0E0E0;height:44px;outline:0;border-radius:6px;box-shadow:none;padding:6px 10px;font-size:1.4rem;color:#111827;}
ul.formList li .formGroup .custom-file .custom-file-label::after{background-color:#e80514!important;color:#ffffff;font-size:1.2rem;height:44px;border-radius:0 6px 6px 0;display:flex;align-items:center;
justify-content:center;top:-1px;border:1px solid #e80514;padding:6px 14px;letter-spacing:0.2px;font-weight:500;}
ul.formList li .formGroup .custom-file input{padding:0;border:0;}
ul.formList li .formGroup .custom-file label{padding:6px 10px;margin:0;border:0;height:100%;border-radius:6px;display:flex;align-items:center;width:100%;outline:none;box-shadow:none;}
ul.formList li .formGroup textarea{height:120px;resize:none;}
ul.formList li .ctaWrap{text-align:right;}
ul.formList li .ctaWrap .btn{outline:0;box-shadow:none;border-radius:8px;padding:10px 30px;font-size:1.4rem;margin:0 0 0 8px;text-transform:capitalize;letter-spacing:0.2px;font-weight:500;border:0;}
ul.formList li .ctaWrap .btnSubmit{background-color:#2B78E4;color:#ffffff;}
ul.formList li .ctaWrap .btnCancel{background-color:#f2f2f2;}


.filterWrap{width:100%;padding:20px;margin:0 auto 20px;}
.filterWrap ul.formList{align-items:flex-end;}
.filterWrap ul.formList li{width:17%;margin:0;}
.filterWrap ul.formList li:last-child{width:100px;}
.filterWrap ul.formList li label{font-size:1.28rem;margin:0 0 3px;}
.filterWrap ul.formList li input,
.filterWrap ul.formList li select{height:32px;font-size:1.3rem;}
.filterWrap ul.formList li .ctaWrap .btn{margin:0;width:100%;display:flex;align-items:center;justify-content:center;background-color:#e80514;color:#ffffff;height:32px;font-size:1.3rem;}

.tableListWrap{width:100%;padding:20px;}
.tableListWrap table.dataTable thead .sorting:after,
.tableListWrap table.dataTable thead .sorting_asc:after,
.tableListWrap table.dataTable thead .sorting_desc:after,
.tableListWrap table.dataTable thead>tr>th.sorting:before,
.tableListWrap table.dataTable thead>tr>th.sorting_asc:before{display:none;}
.tableListWrap .dataTables_wrapper .table th,
.tableListWrap .dataTables_wrapper .table td{padding:10px 8px!important;}
.tableListWrap .dataTables_wrapper .table th{color:#221F20;font-weight:600;text-align:left;border:0;    font-size:1.4rem;text-transform:capitalize;}
/*.tableListWrap .dataTables_wrapper .table td{color:rgba(34, 31, 32, 0.6);font-size:1.4rem;vertical-align:middle;text-align:center;border-bottom:1px solid #fafafa;}*/
.tableListWrap .dataTables_wrapper .table td{color:rgba(34, 31, 32, 0.6);font-size:1.4rem;vertical-align:middle;border-bottom:1px solid #fafafa;}
/*.tableListWrap .dataTables_wrapper .table th:nth-child(3),*/
/*.tableListWrap .dataTables_wrapper .table td:nth-child(3),*/
/*.tableListWrap .dataTables_wrapper .table th:nth-child(4),*/
/*.tableListWrap .dataTables_wrapper .table td:nth-child(4){text-align:left;}*/
.tableListWrap div.dataTables_wrapper div.dataTables_info{font-size:1.2rem;font-weight:500;color:#8f8f8f;letter-spacing:0.2px;}
.tableListWrap .dataTables_wrapper div.dataTables_paginate{display:flex;justify-content:flex-end;align-items:center;margin-top:10px;}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button{border-radius:4px;padding:0;margin:0 5px;cursor:pointer;}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.previous a,
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.next a{position:relative;color:transparent;width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #E4E3E4!important;border-radius:4px!important;}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.previous.active a,
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.next.active a{background-color:#EAEEF9;}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.previous a:before{content:"";background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');width:12px;height:12px;position:absolute;background-size:contain;background-position:center;}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.next a:before{content:"";background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');width:12px;height:12px;position:absolute;background-size:contain;background-position:center;transform:rotate(-120);}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.previous.disabled a:before{background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" fill="%23E4E3E4"/></svg>');}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.previous.active a:before{background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" fill="%23221F20"/></svg>');}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.next.disabled a:before{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" fill="%23E4E3E4"/></svg>');}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.next.active a:before{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" fill="%23221F20"/></svg>');}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button .page-link{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:500;border-radius:4px;background-color:transparent;color:#787878;border:1px solid #dee2e6;box-shadow:none!important;}
.tableListWrap .dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item.active  .page-link{background-color:#e80514;border:1px solid #e80514;color:#ffffff;}
.tableListWrap div.dataTables_wrapper div.dataTables_filter label,
.tableListWrap div.dataTables_wrapper div.dataTables_length label{font-size:1.3rem;font-weight:500;color:#111827;}
.tableListWrap div.dataTables_wrapper div.dataTables_filter input{height:30px;border-radius:4px;width:160px;box-shadow:none!important;font-size:1.3rem;font-weight:500;color:#111827;}
.tableListWrap div.dataTables_wrapper div.dataTables_length select{border:1px solid #dee2e6;border-radius:4px;height:24px;font-size:1.2rem!important;font-weight:500;}
/*.tableReport .dataTables_wrapper .table th:nth-child(4),*/
/*.tableReport .dataTables_wrapper .table td:nth-child(4),*/
/*.tableReport .dataTables_wrapper .table th:nth-child(9),*/
/*.tableReport .dataTables_wrapper .table td:nth-child(9){text-align:center;}*/
/*.tableReport .dataTables_wrapper .table th:nth-child(2),*/
/*.tableReport .dataTables_wrapper .table td:nth-child(2),*/
/*.tableReport .dataTables_wrapper .table th:nth-child(3),*/
/*.tableReport .dataTables_wrapper .table td:nth-child(3),*/
/*.tableReport .dataTables_wrapper .table th:nth-child(5),*/
/*.tableReport .dataTables_wrapper .table td:nth-child(5){text-align:left;}*/
.FuelTbl .table th,
.FuelTbl .table td,
.tablCenter .table th,
.tablCenter .table td{text-align:center!important;}
.ctaActionWrap{display:flex;flex-flow:row wrap;align-items:center;justify-content: flex-start; width: 150px !important;}
.ctaActions{width:120px;}
.ctaActionWrap a,
.ctaActionWrap .btnDnld, .btnApprove, .btnReject, .btnApproved, .btnRejected {width:22px;height:22px;border-radius:4px;margin:0 0 0 6px;display:flex;align-items:center;justify-content:center;}
.ctaActionWrap a.btnDelete{background-color:#e805142e;}
.ctaActionWrap a.btnDelete svg path{fill:#e80514;}
.ctaActionWrap a.btnEdit{background-color:#0165fe26;}
.ctaActionWrap a.btnEdit svg path{fill:#0165fe;}
.ctaActionWrap a.btnView{background-color:#ffd70029;}
.ctaActionWrap a.btnView svg path,
.ctaActionWrap a.btnView svg circle{fill:#ffd700;}
.ctaActionWrap .btnDnld{border:0;padding:0;outline:0;background-color:#ff900024;box-shadow:none;}
.ctaActionWrap .btnDnld svg path{fill:#ff9000;}
.btnApprove, .btnApproved{
    background-color: #2488002e;
}
.ctaActionWrap .btnApprove svg path{
    fill:#248800;
}
.btnReject, .btnRejected{
    background-color: #ff00003d;
    color: #ff0000;
}
.btnApproved , .btnRejected{
    width: 55px;
}
.btnApproved span , .btnRejected span{
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #248800;
}
.btnRejected span{
    color: #ff0000;
}

.deliveryNoteWrap{width:100%;padding:12px;position:relative;}
.deliveryDataWrap{border:1px solid #dddddd;border-radius:6px;padding:16px;}
.deliveryNoteWrap .topWrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;    border-bottom:1px dashed #dddddd;padding:0 0 12px;}
.deliveryNoteWrap .topWrapper .logoWrap{width:80px;margin:0;}
.deliveryNoteWrap .topWrapper .cenDataWrap {width: calc(100% - 90px); text-align: center;}
.deliveryNoteWrap .topWrapper .dataWrap h2{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:0.4px;}
.deliveryNoteWrap .topMiddleData .titleWrap{padding:20px 0;text-align:center;}
.deliveryNoteWrap .topMiddleData .titleWrap h2{margin:0 auto;font-size:1.6rem;font-weight:700;letter-spacing:0.2px;}
.deliveryNoteWrap .noteDateWrap{text-align:right;}
.deliveryNoteWrap .noteDateWrap p{font-size:1.4rem;margin:0 0 2px;color:#696969;}
.deliveryNoteWrap .topMiddleData ul{display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;padding:10px 0;border-top:1px dashed #dddddd;border-bottom:1px dashed #dddddd;margin:10px 0;}
.deliveryNoteWrap .topMiddleData ul li{width:49%;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;margin:0 0 10px;}
.deliveryNoteWrap .topMiddleData ul li h4{width:170px;margin:0;font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;}
.deliveryNoteWrap .topMiddleData ul li p{width:calc(100% - 170px);font-size:1.4rem;color:#696969;}
.deliveryNoteWrap .delTableWrap table{width:100%;}
.deliveryNoteWrap .delTableWrap table tr th,
.deliveryNoteWrap .delTableWrap table tr td{padding:8px;border:1px solid #f0f0f0;}
.deliveryNoteWrap .delTableWrap table tr th{text-align:center;font-size:1.2rem;letter-spacing:0.4px;color:#111827;text-transform:uppercase;}
.deliveryNoteWrap .delTableWrap table tr td{font-size:1.4rem;color:#696969;}
.deliveryNoteWrap .delMidBottomWrap ul{display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;padding:20px 0;}
.deliveryNoteWrap .delMidBottomWrap ul li{width:49%;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;margin:0 0 10px;}
.deliveryNoteWrap .delMidBottomWrap ul li h4{font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;margin:0;}
.deliveryNoteWrap .delMidBottomWrap ul li p{font-size:1.4rem;color:#696969;}
.deliveryNoteWrap .delBtmWrap{border-top:1px dashed #dddddd;padding:20px 0 0;}
.deliveryNoteWrap .delBtmWrap ul{display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;}
.deliveryNoteWrap .delBtmWrap ul li{width:100%;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;margin:0 0 20px;}
.deliveryNoteWrap .delBtmWrap ul li.half{width:49%;}
.deliveryNoteWrap .delBtmWrap ul li h4{font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;margin:0;position:relative;}
.deliveryNoteWrap .delBtmWrap ul li h4:after{content:"";height:1px;width:160px;background-color:#111827;position:absolute;bottom:0;}
.deliveryNoteWrap .delBtmWrap ul li p{font-size:1.4rem;color:#696969;}


.masterTbls .dataTables_wrapper .table th,
.masterTbls .dataTables_wrapper .table td{text-align:left!important;}
.masterTbls .dataTables_wrapper .table td .ctaActionWrap{justify-content:flex-start;}


.addMastersFrm{width:100%;padding:20px;margin:0 auto 20px;}
.addMastersFrm ul.formList{align-items:flex-end;justify-content:flex-start;}
.addMastersFrm ul.formList li{width:100%;margin:16px 0 0;}
.masterAddMulti.addMastersFrm ul.formList li{width:33.33%;margin:0 16px 0 0;}
.masterAddMulti.addMastersFrm ul.formList li:nth-child(2),
.masterAddMulti.addMastersFrm ul.formList li:last-child{margin:0;}
.addMastersFrm ul.formList li:last-child{justify-content:flex-end;display:flex;width:100%;}
.addMastersFrm ul.formList li label{font-size:1.28rem;margin:0 0 3px;}
.addMastersFrm ul.formList li input,
.addMastersFrm ul.formList li select{height:40px;font-size:1.3rem;}
.addMastersFrm ul.formList li .ctaWrap{margin:0;text-align:right;}
.addMastersFrm ul.formList li .ctaWrap .btn{margin:0;width:100%;display:flex;align-items:center;justify-content:center;background-color:#e80514;color:#ffffff;height:40px;font-size:1.3rem;}
.masterAddTextarea ul.formList{justify-content:space-between;}
.masterAddTextarea ul.formList li{width:49%;margin:0 0 16px;}
.masterAddTextarea ul.formList li.third{width:32%;margin:0 0 16px;}
.masterAddTextarea ul.formList li.half{width:49%;margin:0 0 16px;}

.masterAddTextarea ul.formList li.full{width:100%;}
.masterAddTextarea ul.formList li .formGroup textarea{height:64px;}
.masterAddTextarea ul.formList li .ctaWrap{margin:0;}

ul.property-fields__rows li.attr ul{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
ul.property-fields__rows li.groupWrap{margin:0!important;}
ul.property-fields__row{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;border-bottom:1px dashed #b0b0b0;margin:0 0 20px;}
ul.property-fields__row li{width:15.40%;}
ul.property-fields__row li.btnRemoveWrap{width: 40px;
margin: 2px 0 0;
text-align: center;}
ul.property-fields__rows li.attr{border-bottom:1px dashed #b0b0b0;margin:0 0 20px;}
ul.property-fields__rows ul.multipleRows li.attr ul li{width:15.40%;}
ul.multipleRows7 li{width:13.4%;}
ul.property-fields__rows ul.multipleRows li.attr ul li.btnRemoveWrap{width:40px;margin:2px 0 0;text-align:center;}
/*ul.property-fields__rows ul.multipleRows li.attr ul li.btnRemoveWrap .remove{border:0;height:26px;width:26px;text-align:center;line-height:10px;padding:0;border-radius:100%;margin:0;font-size:1.2rem;background-color:#e80514;outline:0;box-shadow:none;}*/
ul.property-fields__row li.btnRemoveWrap .remove {border:0;height:26px;width:26px;text-align:center;line-height:10px;padding:0;border-radius:100%;margin:0;font-size:1.2rem;background-color:#e80514;outline:0;box-shadow:none;}
.listMar0{margin:0!important;}
.actionADDDEl{margin:12px 0 22px;display:flex;align-items:center;justify-content:space-between;}
.actionADDDEl .add{border:0;height:26px;width:26px;text-align:center;line-height:10px;padding:0;border-radius:100%;margin:0;font-size:1.2rem;outline:0;box-shadow:none;background-color:#2b78e4;}
.actionADDDEl .line-item-property__actions input{border:0;height:26px;width:26px;text-align:center;line-height:10px;padding:0;border-radius:100%;margin:0 6px 0 0;font-size:1.6rem;}
.line-item-property__remark textarea{height:44px!important;}
.listMar0 h2{margin:0;font-size:1.8rem;font-weight:500;color:#2978e4;border-left:3px solid #2b78e4;padding:0 0 0 8px;}

.AppDelWrapper .topMiddle{padding:16px 0;}
.AppDelWrapper .topMiddle h2{margin:0 auto;font-size:1.6rem;font-weight:700;letter-spacing:0.2px;color:#111827;text-align:center;}
.AppDelWrapper .tableTopWrap .topNo{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;}
.AppDelWrapper .tableTopWrap .topNo p{margin:0;font-size:1.3rem;color:#111827;}
.AppDelWrapper .tableTopWrap .topNo span{width:100px;display:inline-block;}
.AppDelWrapper .tableTopWrap ul{padding:0 0 20px;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;}
.AppDelWrapper .tableTopWrap ul li{width:33.33%;display:flex;align-items:center;flex-flow:row wrap;}
.AppDelWrapper .tableTopWrap ul li h2{margin:0;font-size:1.6rem;font-weight:500;}
.AppDelWrapper .tableTopWrap ul li p{font-size:1.3rem;color:#111827;margin:0;}
.AppDelWrapper .tblAppDel table{width:100%;}
.AppDelWrapper .tblAppDel table tr th,
.AppDelWrapper .tblAppDel table tr td{border:1px solid #dfdfdf;padding:8px;text-align:center;}
.AppDelWrapper .tblAppDel table tr th{font-size:1.4rem;}
.AppDelWrapper .tblAppDel table tr td{font-size:1.3rem;color:#111827;}
.AppDelBtm ul{border:1px solid #dfdfdf;border-top:0;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;padding:30px 16px 12px;}
.AppDelBtm ul li{width:33.33%;margin:0 0 30px;display:flex;align-items:flex-start;flex-flow:row wrap;}
.AppDelBtm ul li h2{font-size:1.4rem;font-weight:500;margin:0;}
.AppDelBtm ul li p{width:100px;position:relative;}
.AppDelBtm ul li p:after{content:"";border-bottom:1px solid #111827;height:1px;width:100%;position:absolute;bottom:-16px;left:4px;}

.masterPopupWrap.modal.fade .modal-dialog{height:100%;display:flex;flex-flow:row wrap;align-items:center;margin:0 auto;}
.masterPopupWrap .modal-header{border:0;padding:0;position:relative;}
.masterPopupWrap .modal-header button,
.masterPopupWrap .modal-header button:hover,
.masterPopupWrap .modal-header button:focus{width:24px;height:24px;border-radius:0 0 0 10px;background-color:#2978e4;opacity:1!important;color:#ffffff;text-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;margin:0 auto;font-size:1rem;position:absolute;right:0;top:0;z-index:99;}
.masterPopupWrap .modal-content{border:0;border-radius:0;}

.viewWrapper{padding:22px;}
.viewFields ul{display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap;border-bottom:1px dashed #eeeeee;}
.borderBtm0 ul{border:0;}
.viewFields ul li{display:flex;align-items:center;justify-content:flex-start;flex-flow:row wrap;width:48%;margin:0 0 20px;}
.viewFields ul li h2{color:#111827;font-size:1.4rem;letter-spacing:0.1px;margin:0;}
.viewFields ul li p{color:#808080;margin:0;font-size:1.4rem;}
.viewWrapper .midTtl{margin:10px 0 16px;}
.viewWrapper .midTtl h2{margin:0;font-size:1.8rem;font-weight:500;color:#2978e4;border-left:3px solid #2b78e4;padding:0 0 0 8px;}
.viewWrapper .viewTblWrap table{width:100%;}
.viewWrapper .viewTblWrap table tr th,
.viewWrapper .viewTblWrap table tr td{padding:8px;border:1px solid #eeeeee;text-align:center;}
.viewWrapper .viewTblWrap table tr th{font-size:1.3rem;color:#111827;letter-spacing:0.4px;}
.viewWrapper .viewTblWrap table tr td{font-size:1.3rem;color:#808080;}

.viewTblWrapStock table{width:100%;}
.viewTblWrapStock table tr th,
.viewTblWrapStock table tr td{padding:8px;border:1px solid #eeeeee;text-align:center;}
.viewTblWrapStock table tr th{font-size:1.3rem;color:#111827;letter-spacing:0.4px;}
.viewTblWrapStock table tr td{font-size:1.3rem;color:#808080;}

.swal2-icon.swal2-warning,
.swal2-icon.swal2-error{color:#e80514!important;border-color:#e80514!important;}
.swal2-icon.swal2-error [class^='swal2-x-mark-line']{background-color:#e80514!important;;}
.swal2-popup .swal2-title{font-family:'Plus Jakarta Sans', sans-serif!important;color:#111827;font-size:2.6rem;font-weight:700;}
.swal2-popup .swal2-content{color:#898989;font-size:1.6rem;margin-bottom:25px;letter-spacing:0.6px;font-weight:300;}
.swal2-popup .swal2-styled,
.swal2-popup .swal2-styled:focus{outline:0!important;box-shadow:none!important;font-size:1.4rem!important;font-weight:500!important;letter-spacing:0.2px!important;}
.swal2-confirm{background-color:#2b78e4!important;}

.profilePic{margin:0 0 32px;}
.profilePic .imgWrap{border:2px solid #e80514;outline:0!important;border-radius:100%;width:120px;height:120px;position:relative;margin:0;}
.profilePic .imgWrap:before{content:"";box-shadow:inset 0px 3px 10px #4E53ECD1, 0px 3px 10px #0000005E;width:120px;height:120px;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.profilePic .imgWrap img{width:100%;height:100%;border-radius:100%;object-fit:cover;}
.profilePic .ctaWrap{margin:16px 0 0;}
.profilePic .ctaWrap .btnUpload{background-color:#eaeaea;font-size:1.2rem;font-weight:500;padding:4px 20px;}
.profilePic .ctaWrap .btnEdit{margin:0 4px 0 0;font-weight:500;padding:4px 10px;background-color:#eaeaea;}

.btn-group{width:100%;}
.btn-group .multiselect.dropdown-toggle{width:100%;text-align:left!important;height:44px;border-radius:6px;border:1px solid #E0E0E0;outline:0;box-shadow:none;}
.btn-group .dropdown-menu.show{width:100%!important;}
.form-check-input{width:auto!important;height:auto!important;}
.form-check-label{display:inline-block;margin:0 0 0 4px!important;}

/*.tableListWrap table th:nth-child(2) {*/
/*    width: 260px;*/
/*}*/
.checkBoxTblWrap {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.checkBoxField {
    width: 33.33%;
    padding: 2px 10px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.checkBoxField input {
    margin: 7px 0 0 0;
}
.checkBoxField label {
    width: calc(100% - 20px);
    padding: 0 0 0 6px;
}
.filterPrivilege ul.formList li {
    width: 40%;
}
.filterPrivilege ul.formList li .formGroup{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.filterPrivilege ul.formList li .formGroup label{
    width:60px;
}
.filterPrivilege ul.formList li .formGroup .custom-select{
    width: calc(100% - 70px);
}
.editSomeWrap ul.formList li .formGroup {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}
.editSomeWrap ul.formList li .formGroup label {
    width: auto;
    margin: 0;
}
.editSomeWrap ul.formList li .formGroup p {
    color: #808080;
    margin: 0;
    font-size: 1.4rem;
    width: auto;
}
ul.widgetList{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-flow:row wrap;
}
ul.widgetList li{
    width:32%;
    margin:0 0 22px;
}
ul.widgetList li .itemWrap{
    padding:22px 20px;
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    justify-content:space-between;
    box-shadow:0px 4px 10px rgba(0, 0, 0, 0.04);
    border-radius:6px;
    background-color:#ffffff;
}
ul.widgetList li .iconWrap{
    width:48px;
    height:48px;
    border-radius:12px;
    margin:0 10px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#2B78E4;
}
ul.widgetList li .dataWrap{
    width:calc(100% - 58px);
}
ul.widgetList li .dataWrap h2{
    margin:0 0 4px;
    color:#2B78E4;
    font-size:2rem;
    font-weight:700;
}
ul.widgetList li .dataWrap p{
    margin:0;
    color:#4B5563;
    font-weight:500;
}
/*.tableListWrap table th:nth-child(2){width:260px;}*/
.checkBoxTblWrap{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;}
.checkBoxField{width:33.33%;padding:2px 10px;display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;}
.checkBoxField input{margin:7px 0 0 0;}
.checkBoxField label{width:calc(100% - 20px);padding:0 0 0 6px;}
.filterPrivilege ul.formList li{width:40%;}
.filterPrivilege ul.formList li .formGroup{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;}
.filterPrivilege ul.formList li .formGroup label{width:60px;}
.filterPrivilege ul.formList li .formGroup .custom-select{width:calc(100% - 70px);}
.editSomeWrap ul.formList li .formGroup{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;}
.editSomeWrap ul.formList li .formGroup label{width:auto;margin:0;}
.editSomeWrap ul.formList li .formGroup p{color:#808080;margin:0;font-size:1.4rem;width:auto;}
ul.widgetList{display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap;}
ul.widgetList li{width:32%;margin:0 0 22px;}
ul.widgetList li .itemWrap{padding:22px 20px;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;box-shadow:0px 4px 10px rgba(0, 0, 0, 0.04);border-radius:6px;background-color:#ffffff;}
ul.widgetList li .iconWrap{width:48px;height:48px;border-radius:12px;margin:0 10px 0 0;display:flex;align-items:center;justify-content:center;background-color:#2B78E4;}
ul.widgetList li .dataWrap{width:calc(100% - 58px);}
ul.widgetList li .dataWrap h2{margin:0 0 4px;color:#2B78E4;font-size:2rem;font-weight:700;}
ul.widgetList li .dataWrap p{margin:0;color:#4B5563;font-weight:500;}

.satWrap{width:100%;padding:12px;position:relative;}
.satDataWrap{border:1px solid #dddddd;border-radius:6px;padding:16px;}
/*.satWrap .topWrapper{display:flex;flex-flow:column;justify-content:center;align-items:center;border-bottom:1px dashed #dddddd;padding:0 0 12px;}*/
/*.satWrap .topWrapper .logoWrap{width:80px;margin:16px auto 0;}*/
/*.satWrap .topWrapper .dataWrap h2{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:0.4px;}*/
.satWrap .topMiddleData .titleWrap{padding:20px 0;text-align:center;}
.satWrap .topMiddleData .titleWrap h2{margin:0 auto;font-size:1.6rem;font-weight:700;letter-spacing:0.2px;text-transform:uppercase;}
.satWrap .topMiddleData ul{display:flex;align-items:flex-start;flex-flow:column;justify-content:flex-start;padding:10px 0;border-top:1px dashed #dddddd;border-bottom:1px dashed #dddddd;margin:10px 0;}
.satWrap .topMiddleData ul li{width:100%;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:flex-start;margin:0 0 10px;}
.satWrap .topMiddleData ul li h4{margin:0;font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;display:inline-block;padding:0 6px 0 0;}
.satWrap .topMiddleData ul li p{font-size:1.4rem;color:#696969;margin:0;}
.satWrap .delTableWrap p span{text-decoration:line-through;}
.satWrap .delTableWrap .dateWrapper{width:100%;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:flex-start;margin:0 0 10px;}
.satWrap .delTableWrap .dateWrapper h4{margin:0;font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;display:inline-block;padding:0 6px 0 0;}
.satWrap .delTableWrap .dateWrapper p{font-size:1.4rem;color:#696969;margin:0;position:relative;}
.satWrap .delTableWrap .dateWrapper p:after{content:"";width:200px;height:1px;border-bottom:1px dotted #696969;position:absolute;left:0;bottom:-2px;}
.satWrap .delTableWrap table{width:100%;margin:16px auto;}
.satWrap .delTableWrap table tr th{text-align:left;font-size:1.2rem;letter-spacing:0.4px;color:#111827;text-transform:uppercase;}
.satWrap .delTableWrap table tr td{font-size:1.4rem;color:#696969;}
.satWrap .delTableWrap table tr th,
.satWrap .delTableWrap table tr td{padding:8px;border:1px solid #f0f0f0;}
.satWrap .delMidBottomWrap p{font-size:1.4rem;color:#696969;margin:0;}
.satWrap .delMidBottomWrap .RemWrapper{width:100%;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:flex-start;margin:0 0 10px;}
.satWrap .delMidBottomWrap .RemWrapper h4{margin:0;font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;display:inline-block;padding:0 6px 0 0;}
.satWrap .delMidBottomWrap .RemWrapper p{font-size:1.4rem;color:#696969;margin:0;}
.satWrap .delMidBottomWrap table{width:100%;}
.satWrap .delMidBottomWrap table tr td:nth-child(1){width:30px;}
.satWrap .delMidBottomWrap table tr td{padding:8px;}
.satWrap .delMidBottomWrap table tr td h4{font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;display:inline-block;padding:0 6px 0 0;}
.satWrap .delMidBottomWrap table tr td p{font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;display:inline-block;position:relative;}
.satWrap .delMidBottomWrap table tr td p:after{content:"";width:200px;height:1px;border-bottom:1px dotted #696969;position:absolute;left:0;bottom:-2px;}
.satReport{font-size:0.8rem;background-color:#23810047;color:#238100;font-weight:700;}

.filterWrap.filterWrap3Item ul.formList li{width:29%;}
.filterWrap.filterWrap3Item ul.formList li:last-child{width:100px;}

.tableReportVeh table tr th,
.tableReportVeh table tr td,
.tableReportvehMonth table tr th,
.tableReportvehMonth table tr td{border:1px solid #f0f0f0;}
.tableReportVeh table tr th,
.tableReportvehMonth table tr th{font-size:1.2rem!important;line-height:20px;text-align:center!important;}
.tableReportVeh table tr td,
.tableReportvehMonth table tr td{font-size:1.3rem!important;line-height:20px;}
.tableReportVeh table tr:last-child td{background-color:#d2d2d2;color:#000000!important;font-weight:500;}

.tableReportvehMonth table tr th,
.tableReportvehMonth table tr td{text-align:center;}
.tableReportvehMonth table tr th{background-color:#f8f8f8;}
.tableReportvehMonth table tr td.vcenter{vertical-align:middle;background-color:#ededed;font-weight:600;}
.tableReportvehMonth table tr:last-child td,
.tableReportvehMonth table tr td:last-child{background-color:#f8f8f8;font-weight:600;}
.tableReportvehMonth table tr td.bgClrTd{background-color:#f8f8f8;}

ul.formList li .formGroup.btnAddIn{display:flex;align-items:flex-end;justify-content:space-between;flex-flow:row wrap;}
ul.formList li .formGroup.btnAddIn .selectWrap{width:calc(100% - 35px);}
/*ul.formList li .formGroup.btnAddIn .selectWrap select{border-radius:6px 0 0 6px;border-right:0;}*/
ul.formList li .formGroup.btnAddIn .btn{height: 26px;width: 26px;background-color:#2b78e4!important;color:#ffffff;font-size:1.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;top:-1px;border:1px solid #2b78e4;padding:6px 8px;letter-spacing:0.2px;font-weight:500;margin-bottom: 10px;}

/* Leave Application Repor file name:leaveAppReport.html */
.leaveReportWrap{width:100%;padding:12px;position:relative;}
.deliveryDataWrap{border:1px solid #dddddd;border-radius:6px;padding:16px;}
.leaveReportWrap .topWrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;    border-bottom:1px dashed #dddddd;padding:0 0 12px;}
.leaveReportWrap .topWrapper .logoWrap{width:80px;margin:0;}
.leaveReportWrap .topWrapper .dataWrap h2{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:0.4px;}
.leaveReportWrap .topMiddleData .titleWrap{padding:20px 0;text-align:center;}
.leaveReportWrap .topMiddleData .titleWrap h2{margin:0 auto;font-size:1.6rem;font-weight:700;letter-spacing:0.2px;}
.leaveReportWrap .noteDateWrap{text-align:right;}
.leaveReportWrap .noteDateWrap p{font-size:1.4rem;margin:0 0 2px;color:#696969;}
.leaveReportWrap .topMiddleData ul{display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;padding:10px 0;border-top:1px dashed #dddddd;}
.leaveReportWrap .topMiddleData ul li{width:49%;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;margin:0 0 10px;}
.leaveReportWrap .topMiddleData ul li h4{width:170px;margin:0;font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;}
.leaveReportWrap .topMiddleData ul li p{width:calc(100% - 170px);font-size:1.4rem;color:#696969;}
.leaveReportWrap .delBtmWrap{border-top:1px dashed #dddddd;padding:20px 0 0;}
.leaveReportWrap .delBtmWrap ul{display:flex;align-items:flex-start;justify-content:space-between; margin-bottom: 20px;}
.leaveReportWrap .delBtmWrap ul li{width:100%;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;margin:0 0 20px;}
.leaveReportWrap .delBtmWrap ul li.half{width:49%;}
.leaveReportWrap .delBtmWrap ul li h4{font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;margin:0;position:relative;}
.leaveReportWrap .delBtmWrap ul li h4:after{content:"";height:1px;width:160px;background-color:#111827;position:absolute;bottom:0;}
.leaveReportWrap .delBtmWrap ul li p{font-size:1.4rem;color:#696969;}
.leaveReportWrap .delTableWrap table{width:100%;}
.leaveReportWrap .delTableWrap table tr th,
.leaveReportWrap .delTableWrap table tr td{padding:8px;border:1px solid #f0f0f0;}
.leaveReportWrap .delTableWrap table tr th{text-align:center;font-size:1.2rem;letter-spacing:0.4px;color:#111827;text-transform:uppercase;}
.leaveReportWrap .delTableWrap table tr td{font-size:1.4rem;color:#696969;}
.filterDateRepo ul.formList{justify-content:flex-start;}
.filterDateRepo ul.formList li{width:17%;margin:0 12px 12px 0;}
.filterDateRepo ul.formList li:last-child{width:auto;margin:0 0 12px 0;}
.filterDateRepo .ctaWrap{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;}
.filterDateRepo .ctaWrap .btn{width:auto!important;}
.filterDateRepo .ctaWrap a{margin:0 0 0 10px;width:auto;display:flex;align-items:center;justify-content:center;background-color:#e80514;color:#ffffff;height:32px;font-size:1.3rem;padding:10px 30px;border-radius:8px;}

/* Individual view for work handover file name:ViewWorkHandover.html  */
.ViewWorkHandoverReportWrap{width:100%;padding:12px;position:relative;}
.ViewWorkHandoverReportWrap .delBtmWrap{border-top:1px dashed #dddddd;padding:20px 0 0;}
.ViewWorkHandoverReportWrap .delBtmWrap ul{display:flex;align-items:flex-start;justify-content:space-between; margin-bottom: 20px;}
.ViewWorkHandoverReportWrap .delBtmWrap ul li{width:100%;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:space-between;margin:0 0 20px;}
.ViewWorkHandoverReportWrap .delBtmWrap ul li.half{width:49%;}
.ViewWorkHandoverReportWrap .delBtmWrap ul li h4{font-size:1.4rem;line-height:22px;letter-spacing:0.2px;color:#111827;margin:0;position:relative;}
.ViewWorkHandoverReportWrap .delBtmWrap ul li h4:after{content:"";height:1px;width:160px;background-color:#111827;position:absolute;bottom:0;}
.ViewWorkHandoverReportWrap .delBtmWrap ul li p{font-size:1.4rem;color:#696969;}

.CustUl {
    display: flex;
    flex-flow: initial;
    justify-content: space-between;
    align-items: center;
}
ul.formList li .formGroup .picker__header{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}
ul.formList li .formGroup .picker__header .picker__select--year,
ul.formList li .formGroup .picker__header .picker__select--month{padding:2px 4px;font-size:1.1rem;font-weight:600;width:36%;height:30px;margin:0 1px;}


.mainContentWrap{width:100%;padding:20px 5px;margin:0;}
.cardWrap{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.04);border-radius:6px;background-color:#ffffff;margin:0 0 30px;}
.projectstartWrap{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;}
.projectstartWrap .formWrapper{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.04);border-radius:6px;background-color:#ffffff;padding:0;}
.projectstartWrap .formWrapper h2{font-size:2rem;font-weight:700;border-bottom:1px solid #eeeeee;padding:20px 20px 10px;margin:0 0 20px;}
.projectstartWrap .formWrapper form{padding:10px 20px 20px;}

.projectDashboardWrap .projectScopeTabs ul.nav-tabs{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #E4E3E4;}
.projectDashboardWrap .projectScopeTabs ul.nav-tabs li{text-align:center;margin:0;} 
.projectDashboardWrap .projectScopeTabs ul.nav-tabs li a{border:0;padding:10px;color:#000000;} 
.projectDashboardWrap .projectScopeTabs ul.nav-tabs li a.active{border-bottom:1px solid #2B78E4;color:#2B78E4;}
.projectDashboardWrap .projectScopeTabs .tab-contentNew{min-height:300px;display:flex;align-items:center;justify-content:center;}
.projectDashboardWrap .projectScopeTabs .tab-content .ctaAddWrap{text-align:center;}
.projectDashboardWrap .projectScopeTabs .tab-content .ctaAddWrap .btn{outline:0;box-shadow:none;border-radius:8px;padding:10px 30px;font-size:1.4rem;margin:0 0 0 8px;text-transform:capitalize;letter-spacing:0.2px;font-weight:500;border:0;background-color:#2B78E4;color:#ffffff;}
.projectDashboardWrap .projectScopeTabs .tab-content{padding:16px 16px;min-height:300px;}
.projectDashboardWrap .projectScopeTabs .tab-content table{width:100%;}
.projectDashboardWrap .projectScopeTabs .tab-content table th,
.projectDashboardWrap .projectScopeTabs .tab-content table td{padding:8px 4px;text-align:center;font-size:1.4rem;}
.projectDashboardWrap .projectScopeTabs .tab-content table th{border-bottom:1px solid #efefef;color:#000000;font-weight:500;}
.projectDashboardWrap .projectScopeTabs .tab-content table td{color:#666666;font-weight:400;}
.projectDashboardWrap .projectScopeTabs .commonMultiTd .ctaAddWrap{text-align:right;}
.projectDashboardWrap .projectScopeTabs .tab-content .commonMultiTd .ctaAddWrap .btn{border-radius:4px;padding:6px 20px;font-size:1.2rem;margin:0 0 16px;}
.projectDashboardWrap .projectScopeTabs .tab-content .commonMultiTd table th,
.projectDashboardWrap .projectScopeTabs .tab-content .commonMultiTd table td{border-bottom:1px solid #efefef;}

.projectSPopupWrap.modal.fade .modal-dialog{height:100%;display:flex;flex-flow:row wrap;align-items:center;margin:0 auto;max-width:620px;}
.projectSPopupWrap .modal-header{border:0;padding:0;position:relative;}
.projectSPopupWrap .modal-header button,
.projectSPopupWrap .modal-header button:hover,
.projectSPopupWrap .modal-header button:focus{width:24px;height:24px;border-radius:0 0 0 10px;background-color:#2978e4;opacity:1!important;color:#ffffff;text-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;margin:0 auto;font-size:1rem;position:absolute;right:0;top:0;z-index:99;}
.projectSPopupWrap .modal-content{border:0;border-radius:0;}
.projectSPopupWrap .modal-content .modal-body{padding:30px;}

.projectDashboardWrap .scopeEstimate .tabel-responsive{padding:10px 20px 20px;}
.projectDashboardWrap .scopeEstimate table{width:100%;}
.projectDashboardWrap .scopeEstimate table th,
.projectDashboardWrap .scopeEstimate table td{padding:8px 4px;text-align:center;font-size:1.4rem;border-bottom:1px solid #efefef;}
.projectDashboardWrap .scopeEstimate table th{color:#000000;font-weight:500;}
.projectDashboardWrap .scopeEstimate table td{color:#666666;font-weight:400;}
.projectDashboardWrap .scopeEstimate .topTTl{padding:20px 20px 10px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #E4E3E4;}
.projectDashboardWrap .scopeEstimate .topTTl h2{margin:0;font-size:1.8rem;color:#000000;font-weight:600;}
.projectDashboardWrap .scopeEstimate .ctaWrap{text-align:right;display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;}
.projectDashboardWrap .scopeEstimate .ctaWrap .searchWrap input{width:100%;border:1px solid #E0E0E0;height:32px;outline:0;border-radius:6px;box-shadow:none;padding:2px 6px;font-size:1.2rem;color:#111827;font-weight:500;}
.projectDashboardWrap .scopeEstimate .ctaWrap .btn{outline:0;box-shadow:none;border-radius:4px;padding:6px 10px;font-size:1.1rem;margin:0 0 0 8px;text-transform:capitalize;letter-spacing:0.2px;font-weight:500;border:0;background-color:#2B78E4;color:#ffffff;}

.projectDashboardWrap .scopeActual .tabel-responsive{padding:10px 20px 20px;}
.projectDashboardWrap .scopeActual table{width:100%;}
.projectDashboardWrap .scopeActual table th,
.projectDashboardWrap .scopeActual table td{padding:8px 4px;text-align:center;font-size:1.4rem;border-bottom:1px solid #efefef;}
.projectDashboardWrap .scopeActual table th{color:#000000;font-weight:500;}
.projectDashboardWrap .scopeActual table td{color:#666666;font-weight:400;}
.projectDashboardWrap .scopeActual .topTTl{padding:20px 20px 10px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #E4E3E4;}
.projectDashboardWrap .scopeActual .topTTl h2{margin:0;font-size:1.8rem;color:#000000;font-weight:600;}
.projectDashboardWrap .scopeActual .ctaWrap{text-align:right;display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;}
.projectDashboardWrap .scopeActual .ctaWrap .searchWrap input{width:100%;border:1px solid #E0E0E0;height:32px;outline:0;border-radius:6px;box-shadow:none;padding:2px 6px;font-size:1.2rem;color:#111827;font-weight:500;}
.projectDashboardWrap .scopeActual .ctaWrap .btn{outline:0;box-shadow:none;border-radius:4px;padding:6px 10px;font-size:1.1rem;margin:0 0 0 8px;text-transform:capitalize;letter-spacing:0.2px;font-weight:500;border:0;background-color:#2B78E4;color:#ffffff;}

.ctaActionWrap{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}
.ctaActions{width:120px;}
.ctaActionWrap a,
.ctaActionWrap .btnDnld{width:22px;height:22px;border-radius:4px;margin:0 0 0 6px;display:flex;align-items:center;justify-content:center;}
.ctaActionWrap a.btnDelete{background-color:#e805142e;}
.ctaActionWrap a.btnDelete svg path{fill:#e80514;}
.ctaActionWrap a.btnEdit{background-color:#0165fe26;}
.ctaActionWrap a.btnEdit svg path{fill:#0165fe;}
.ctaActionWrap a.btnView{background-color:#ffd70029;}
.ctaActionWrap a.btnView svg path,
.ctaActionWrap a.btnView svg circle{fill:#ffd700;}
.ctaActionWrap .btnDnld{border:0;padding:0;outline:0;background-color:#ff900024;box-shadow:none;}
.ctaActionWrap .btnDnld svg path{fill:#ff9000;}

.projectDashboardWrap .projectStatusWrap{min-height:340px;}
.projectDashboardWrap .projectStatusWrap .topTtl{text-align:left;border-bottom:1px solid #efefef;padding:20px 20px 10px;}
.projectDashboardWrap .projectStatusWrap .topTtl h2{margin:0;font-size:1.8rem;color:#000000;font-weight:600;}
.projectDashboardWrap .projectStatusWrap .progressBarWrap{padding:16px 20px 20px;text-align:center;display:flex;justify-content:center;align-items:center;}
@keyframes growProgressBar{
    0%,
    33%{--pgPercentage:0;}
    100%{--pgPercentage:var(--value);}
}
@property --pgPercentage{syntax:"<number>";inherits:false;initial-value:0;}
div[role="progressbar"]{--size:12rem;--fg:#2B78E4;--bg:#def;--pgPercentage:var(--value);animation:growProgressBar 3s 1 forwards;width:var(--size);height:var(--size);border-radius:100%;display:grid;place-items:center;background:radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);font-size:calc(var(--size) / 5);color:var(--fg);}
div[role="progressbar"]::before{counter-reset:percentage var(--value);content:counter(percentage) "%";}
  
.projectDashboardWrap .statusActivityWrap{min-height:340px;}
.projectDashboardWrap .statusActivityWrap .topTtl{text-align:left;border-bottom:1px solid #efefef;padding:20px 20px 10px;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;}
.projectDashboardWrap .statusActivityWrap .topTtl h2{margin:0;font-size:1.8rem;color:#000000;font-weight:600;}
.projectDashboardWrap .statusActivityWrap .topTtl .searchWrap input{width:100%;border:1px solid #E0E0E0;height:32px;outline:0;border-radius:6px;box-shadow:none;padding:2px 6px;font-size:1.2rem;color:#111827;font-weight:500;} 
.statusActivityWrap .horizontal{padding:16px 20px 0;}
.statusActivityWrap .horizontal .progress-bar{width:100%;padding:0;}
.statusActivityWrap .horizontal ul li{margin:0 0 15px;}
.statusActivityWrap .horizontal ul li:last-child{margin:0;}
.statusActivityWrap .horizontal ul li p{font-size:1.3rem;font-weight:500;letter-spacing:0.2px;margin:0 0 4px;color:#414141;}
.statusActivityWrap .horizontal .progress-track{background:#ddefff;}
.statusActivityWrap .horizontal .progress-fill {background:#2b78e4;height:16px;color:#ffffff;text-align:center;font-size:1rem;line-height:16px;font-weight:700;}