@import url("https://fonts.googleapis.com/css2?family=Sora:ital,wght@0,400..700;1,400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sora:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");*{padding:0;margin:0;box-sizing:border-box;font-family:Sora,sans-serif!important;font-size:14px}body{overflow-x:hidden}:root{--primary-color:#20517a}b,strong{font-weight:bolder;font-size:1.2rem!important}.left-img{width:80%}.year-dropdown{padding:10px;border-radius:10px}.year-dropdown,.year-dropdown select{background-color:#20517a;cursor:pointer}.year-dropdown select{width:100%;color:#fff}.year-dropdown select,.year-dropdown select:focus{border:none;outline:none}.mai{background-color:#fff}.breadcrumb{background-color:#d0f8d3!important;padding:10px;width:400px}.search-box{display:flex;gap:5px;width:350px;align-items:center;padding:10px;background-color:#fff}.search-box input{width:80%;border:none}.search-box input:focus{border:none;outline:none}.active-module{background-color:#212121;color:#fff;padding:10px;border-bottom:1px solid #fff}.main{background-color:#f9f9f9}.m-110{margin-left:80px}.action-bg{background-color:var(--primary-color);padding:4px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.action-bg .tooltip{visibility:hidden;width:max-content;background:#000;color:#fff;text-align:center;padding:4px 8px;border-radius:6px;position:absolute;z-index:100;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .2s;font-size:12px}.action-bg:hover .tooltip{visibility:visible;opacity:1}.action-bgg{position:relative}.action-bgg .tooltip{visibility:hidden;width:max-content;background:#000;color:#fff;text-align:center;padding:4px 8px;border-radius:6px;position:absolute;z-index:100;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .2s;font-size:12px}.action-bgg:hover .tooltip{visibility:visible;opacity:1}.special{min-width:68px;text-align:center}.detail-pending-bg{background-image:url(/images/pending-back.png)}.detail-countered-bg,.detail-pending-bg{width:100%;height:60px;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.detail-countered-bg{background-image:url(/images/countered-bg.png)}.detail-completed-bg{background-image:url(/images/complete-back.png)}.detail-completed-bg,.detail-reject-bg{width:100%;height:60px;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.detail-reject-bg{background-image:url(/images/reject-bg.png)}.detail-font,.detail-font-pending{font-size:1.3rem;font-weight:700}.detail-font-pending{color:#f58a1f}.detail-font-completed{font-size:1.3rem;color:#20517a;font-weight:700}.detail-font-rejected{font-size:1.3rem;color:red;font-weight:700}.detail-font-countered{font-size:1.3rem;color:blue;font-weight:700}.detail-font-accepted{font-size:1.3rem;color:#20517a;font-weight:700}@media (max-width:575px){.left-img{width:70%;height:250px}}@media (max-width:768px){.left-img{width:50%;height:200px}}@media (min-width:768px) and (max-width:992px){.left-img{width:80%;height:400px}}td,th{white-space:nowrap;vertical-align:middle}.offcanvas-body{flex-grow:1;padding:0!important;overflow-y:auto}.display{display:none}a{text-decoration:none!important}.input-wrapper{position:relative;margin:20px 0;width:100%}.input-wrapper input{width:100%;padding:16px 12px 8px;font-size:16px;border:1px solid gray;border-radius:6px;outline:none}.input-error{border:1px solid red!important}.input-wrapper label{position:absolute;left:12px;top:16px;background:white;color:#666;transition:.2s ease;padding:0 4px;pointer-events:none;font-size:14px}.input-wrapper input:focus{border-color:#20517a;box-shadow:0 0 0 3px rgba(0,177,63,.2)}.input-wrapper input:focus+label,.input-wrapper input:not(:placeholder-shown)+label{top:-12px;left:8px;font-size:1rem;color:#212121}.gray-text{color:#666}.dot-loader{display:flex;align-items:center;justify-content:center;height:24px;gap:6px}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0!important;margin-bottom:0!important;padding-left:48px;margin-left:0;background:#ffffff;border:none!important;border-radius:5px;line-height:25px;height:35px;width:100%!important;outline:none}.ReactTags__remove{background-color:#212121!important;border:none!important;color:#20517a!important;border-radius:10px!important}.tag-wrapper{background-color:#20517a!important;color:#fff!important;padding:10px!important;display:flex;justify-content:space-between}.ReactTags__tag{margin-left:20px!important}.react-tel-input{font-family:Roboto,sans-serif;font-size:15px;position:relative;width:100%;border-radius:5px!important}.dot-loader span{width:8px;height:8px;background-color:white;border-radius:50%;animation:bounce 1s ease-in-out infinite}.dot-loader span:nth-child(2){animation-delay:.2s}.dot-loader span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(1);opacity:.5}40%{transform:scale(1.5);opacity:1}}.mai{background-color:#f9f9f9}.cancel-btn{background-color:lightgray;color:#212121}.cancel-btn,.primary-btn{border:none;padding:10px;border-radius:6px}.primary-btn{background-color:var(--primary-color);color:#fff}.primary-btn:hover{background-color:#20517a}.password-toggle{position:absolute;top:10px;right:5px}.img-profile{border-radius:50%;object-fit:cover}.s-100{padding-top:75px}.p-100{padding-top:20px;margin-left:220px}.main-nav{padding:5px 15px;background-color:#f2f2f0;position:fixed;width:100%;z-index:999}.font-bold{font-weight:700}.theme-color{color:var(--primary-color)}.black-col{color:#212121!important;text-decoration:none!important}.sidebar{background-color:#20517a;color:#fff;height:100vh;position:fixed}.non-active{padding:10px}.active-tab{background-color:var(--primary-color);color:#fff}.active-tab,.inactive-tab{padding:10px;border-radius:5px;border:none}.inactive-tab{background-color:#f2f2f0;color:#212121;font-weight:600}.custom-thead,th{background-color:#20517a!important;color:white!important}.main{background-color:#ffffff;overflow-x:hidden}.reupload-btn{padding:6px;border:none;background-color:#f58a1f;color:#fff;border-radius:5px}.message-bg{background-color:#f0f0f0;padding:10px;border-radius:20px}.approve-btn{background-color:var(--primary-color)}.approve-btn,.reject-btn{padding:6px;border:none;color:#fff;border-radius:5px}.reject-btn{background-color:#f44336}.white-bg{background-color:#fff;padding:10px;border-radius:10px}.m-110{margin-left:51px}.m-110,.m-120{padding-top:10px}.m-120{margin-left:70px}.sidebar-collapse{position:absolute;top:10px;right:-14px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.css-1p3m7a8-multiValue{min-width:0;background-color:#20517a!important;margin:2px;padding:10px!important}.css-1p3m7a8-multiValue,.css-9jq23d{border-radius:2px;box-sizing:border-box;color:#fff!important}.css-9jq23d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:85%;padding:3px 3px 3px 6px}.roles{text-transform:capitalize}.roles,.roles-border-white{background-color:var(--primary-color);padding:8px;color:#fff;border-radius:20px}.roles-border-white{border:4px solid #fff}.roles-white{padding:8px;color:#20517a;border-radius:20px;border:4px solid #fff;text-transform:capitalize}.white-dash{width:16px;height:12px;background-color:#fff;border-radius:1px}.special{background-color:#d0f8d3;padding:8px;color:#212121;border-radius:20px;text-transform:capitalize}.css-1jqq78o-placeholder{grid-area:1/1/2/3;color:hsl(0,0%,50%);margin-left:8px!important;margin-right:2px;box-sizing:border-box}.special-dark{background-color:#8bd9a7;padding:8px;color:#20517a;border-radius:20px;font-weight:600}.pagination{display:flex;justify-content:center;gap:6px;list-style:none;padding:0;margin-top:20px}.page-num{padding:8px 12px;border:1px solid #ccc;cursor:pointer;border-radius:4px}.page-num:hover{background-color:var(--primary-color)}.sidebar a{color:#fff!important}.active{background-color:var(--primary-color);color:white!important;border-color:var(--primary-color)}a{color:#20517a!important}.hidden-checkbox{display:none}.custom-checkbox{width:18px;height:18px;border:2px solid #20517a;border-radius:4px;display:inline-block;position:relative;cursor:pointer;transition:all .2s ease}.custom-checkbox.checked{background-color:#20517a;border-color:#20517a}.custom-checkbox.checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.worker-counts{background-color:#fff;padding:8px;border-radius:30px}.active-tab-green{background-color:var(--primary-color);color:#fff}.active-tab-green,.active-tab-light{padding:8px;border-radius:5px;border:none}.active-tab-light{background-color:#d0f8d3;color:#212121}.active-module a,.non-active a{color:#fff;text-decoration:none}.input-span{border:1px solid lightgray;padding:10px;border-radius:10px;width:100%;color:grey}.btn-cancel{border:2px solid #f44336;color:#f44336;background-color:#fff;padding:10px;border-radius:10px;font-weight:700}.dotted-hr{border:none;border-top:2px dotted #212121;margin-bottom:10px;padding:10px}.btn-yes{border:2px solid #f44336;color:#fff;background-color:#f44336;border-radius:10px;padding:10px}.sidebar-text{display:none}.dropdown-container{position:relative;display:inline-block;cursor:pointer}.dropdown{display:none;position:absolute!important;top:calc(100%);right:0;background-color:white;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:10px;border-radius:8px;z-index:9999}.dropdown-container:hover .dropdown{display:block}.location-card{padding:10px;border:1px solid lightgray;border-top:2px solid var(--primary-color)}.location-head{background-color:var(--primary-color);color:#fff;padding:10px;border-radius:20px 20px 0 0;font-weight:700}.add-location-btn{padding:15px;border:2px dashed gray;border-radius:30px;font-weight:700;cursor:pointer}.add-loaction{border:2px dashed lightgray;padding:20px;border-radius:20px}.add-loaction,.cursor-pointer{cursor:pointer}.form-input{background-color:#f0f0f0;padding:5px;border-radius:10px}.form-input input{border:none;width:100%;background-color:#f0f0f0!important;border-radius:10px;padding:6px}.form-input input:focus{border:none;outline:none}.form-input textarea{border:none;width:100%;background-color:#f0f0f0!important;border-radius:10px;padding:6px}.form-input textarea:focus{border:none;outline:none}.custom-radio{width:20px;height:20px;border:2px solid #20517a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.img-uploader input{display:none}.custom-radio:after{content:"";width:10px;height:10px;background-color:#20517a;border-radius:50%;display:none}input[type=radio]{display:none}input[type=radio]:checked+.custom-radio:after{display:block}.detail-head{background:#20517a;color:#fff;padding:10px}.count-card{background-color:#c7ccf4;border-radius:20px;padding:20px}.logo-text{font-size:1.5rem;font-weight:700}.logo-text2{font-size:2.2rem;font-weight:700}.count-card2{background-color:#dfe1f8;border-radius:20px;padding:20px}.count-icon{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:6px;border-radius:50%;position:absolute;top:5%;right:20px}.tab1-active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);font-weight:700}.tab1{color:gray;cursor:pointer}.worker-count{background-color:#20517a;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:10px}.s-tab{background-color:#f0f0f0;padding:8px 20px;font-weight:700;border-radius:30px}.setting-tabs-active{background-color:#20517a;border-radius:20px;padding:8px;color:#fff;text-align:center}.logout-btn{background-color:#212121;color:#fff;padding:5px;border-radius:10px;cursor:pointer}.setting-tabs{text-align:center}.logout{left:44px}.logout,.logout-off{position:fixed;bottom:30px}.logout-off{left:2px}@media (max-width:575px){.left-img{display:none}.display{display:block}}@media (max-width:768px){.left-img{display:none}.display{display:block}.logo{width:120px;height:44px}.m-110,.m-120{margin-left:5px;padding-top:70px}.w-75{width:100%!important}.setting-tabs-active{background-color:#20517a;border-radius:20px;padding:8px;color:#fff}.setting-tabs,.setting-tabs-active{text-align:center;font-size:10px!important}}