:root{--primary-color:#fbc531;--secondary-color:#000;--primary-color-m:#fff;--header-background-color:#fff;--border-color-header:#fbc531;--font-primary-color:#000;--font-secondary-color:#fff;--left-side-menu-block:#000;--after-hover-light-color:#fff;--after-hover-dark-color:#000;--form-page-background:#e4e4e4;--form-container-background:#fff}@tailwind base;@tailwind components;@tailwind utilities;*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Open Sans Condensed"}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none;color:#000}:root{--blue:#ffbf28;--blue2:#f3f312;--white:#fff;--grey:#f5f5f5;--black1:#222;--black2:#999;--orange:#ff7b25;--green:#099104}.root-container{display:flex}.active-header-button{background-color:var(--primary-color)}@media only screen and (max-width:1200px){body{background-color:#fff}}::-webkit-scrollbar{width:5px}@keyframes welcome{0%{opacity:0}to{opacity:1}}.gradient-background{background:linear-gradient(300deg,#00bfff,#fff,#9400d3,#00f,#fff,#32d60f,#0fd6bb,#fff,#c7d60f);background-size:420% 420%;animation:gradient-animation 12s ease infinite}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.home_wrapper{display:flex;height:100vh;flex-direction:column;justify-content:center;align-items:center}.home_wrapper .home_header{position:fixed;top:0;width:100vw;height:10px}.home_wrapper h1,.home_wrapper h2{font-size:10rem;font-family:"Work Sans",sans-serif;font-weight:200}.home_wrapper h2{font-weight:300;font-size:3rem}.home_wrapper img{width:15rem;opacity:1;animation-name:welcome;animation-duration:4s}.home_wrapper .button_wrapper{margin:2rem}.home_wrapper .home_footer{position:fixed;bottom:0;width:100vw;height:10px}@media only screen and (max-width:729px){.home_wrapper .button_wrapper{display:flex;flex-wrap:wrap;justify-content:center}.home_wrapper h1,.home_wrapper h2{font-size:5em}.home_wrapper h2{font-weight:300;font-size:3rem}}.custom-btn-home{color:#fff;border-radius:5px;padding:10px 25px;font-family:"Lato",sans-serif;font-weight:500;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);outline:none;margin:2rem}.custom-btn-home a{text-decoration:none;color:inherit}.btn-5{width:150px;height:40px;line-height:42px;padding:0;border:none;background:#ff1b00;background:linear-gradient(0deg,#ff1b00,#fb4b02)}.btn-5:hover{color:#f0094a;background:transparent;box-shadow:none}.btn-5:after,.btn-5:before{content:"";position:absolute;top:0;right:0;height:2px;width:0;background:#f0094a;box-shadow:-1px -1px 5px 0 #fff,7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.13333333333333333);transition:all .4s ease}.btn-5:after{right:inherit;top:inherit;left:0;bottom:0}.btn-5:hover:after,.btn-5:hover:before{width:100%;transition:all .8s ease}*{margin:0;padding:0;box-sizing:border-box}::selection{background:#fff}header .navbar{width:90%;display:flex;margin:20px auto 0;align-items:center;justify-content:space-between}header .navbar .logo{height:4vw}header .navbar .logo img{height:100%;width:100%;object-fit:contain}header .navbar .menu{margin:0;display:flex;justify-content:center;align-items:center}header .navbar .menu li{list-style:none}header .navbar .menu a{color:#020100;font-size:17px;font-weight:500;text-decoration:none;padding:10px 20px;transition:all .3s ease}header .navbar .menu a:hover{background-color:#ff7300}.custom-button-portfolio{border-radius:5px;padding:10px 25px;font-family:"Lato",sans-serif;font-weight:500;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);outline:none;margin:2rem}.content{display:flex;justify-content:space-between}.content .text-content{display:flex;flex-direction:column;justify-content:center;margin-left:5vw}.content .text-content .text{font-size:2rem}.content .text-content .name{font-size:5rem;font-weight:100}.content .text-content .name span{color:#e00505}.animated-text{font-size:34px;font-weight:600;min-width:280px}.animated-text span{position:relative}.animated-text span:before{content:"Youtuber";color:#fe4400;animation:words 20s infinite}.animated-text span:after{content:"";position:absolute;width:calc(100% + 8px);height:100%;background-color:#fff;border-left:2px solid #f04000;right:-8px;animation:cursor .8s infinite,typing 20s steps(14) infinite}@keyframes cursor{to{border-left:2px solid rgba(255,127,80,0)}}@keyframes words{0%,20%{content:"Youtuber"}21%,40%{content:"Blogger"}41%,60%{content:"Developer"}61%,80%{content:"Designer"}81%,to{content:"Gamer"}}@keyframes typing{10%,15%,30%,35%,50%,55%,70%,75%,90%,95%{width:0}5%,20%,25%,40%,45%,60%,65%,80%,85%{width:calc(100% + 8px)}}@media only screen and (max-width:1200px){header .navbar .menu{display:none}header .navbar .logo{height:10vw}}.ritesh-image-box{background-color:#fff;display:flex;margin-right:15vw;height:90vh;position:relative}.ritesh-image-box img{height:75vh;align-self:flex-end;z-index:1}.ritesh-image-box .circle{height:200px;width:200px;position:absolute;border-radius:50%}.circle-1{background-color:rgba(0,227,19,.2);top:150px;left:120px}.circle-2{background-color:rgba(25,78,253,.2);top:65px}.circle-3{background-color:rgba(241,53,25,.2);top:150px;left:-120px}.about-me,.contact,.projects,.services{padding:2rem;text-align:center}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.project-card{background:#f9f9f9;padding:1rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}footer{background:#333;color:#fff;padding:1rem;text-align:center}.social-links a{margin:0 .5rem;color:#fff;text-decoration:none}.menu-item{min-width:30vw;height:27vh;flex:1 1 auto;display:flex;align-items:center;justify-content:center;border:1px solid #000;margin:0 7.5px 15px;overflow:hidden}.menu-item:hover{cursor:pointer}.menu-item:hover .background-image{transform:scale(1.1);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.menu-item:hover .content{opacity:.9}.menu-item.large{height:380px}.menu-item:first-child{margin-right:7.5px}.menu-item:last-child{margin-left:7.5px}.menu-item .background-image{width:100%;height:100%;background-position:50%;background-size:cover}.menu-item .content{height:calc(15px + 7vh);padding:0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;background-color:#fff;opacity:.7;position:absolute}.menu-item .content .title{font-weight:700;margin-bottom:6px;font-size:calc(3px + 1vw);color:#4a4a4a}.menu-item .content .subtitle{font-weight:lighter;font-size:calc(3px + .8vw)}@media only screen and (max-width:1081px){.menu-item{height:150px;display:flex;align-items:center;justify-content:center;border:1px solid #000;margin:0 7.5px 15px;overflow:hidden}.menu-item:hover{cursor:pointer}.menu-item:hover .background-image{transform:scale(1.1);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.menu-item:hover .content{opacity:.9}.menu-item.large{height:380px}.menu-item:first-child{margin-right:7.5px}.menu-item:last-child{margin-left:7.5px}.menu-item .background-image{width:100%;height:100%;background-position:50%;background-size:cover}.menu-item .content{height:calc(15px + 7vh);padding:0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;background-color:#fff;opacity:.7;position:absolute}.menu-item .content .title{font-weight:700;margin-bottom:6px;font-size:calc(4px + 3vw);color:#4a4a4a}.menu-item .content .subtitle{font-weight:lighter;font-size:calc(4px + 2vw)}}@media only screen and (max-width:700px){.menu-item{height:200px;display:flex;align-items:center;justify-content:center;border:1px solid #000;margin:0 7.5px 15px;overflow:hidden}.menu-item:hover{cursor:pointer}.menu-item:hover .background-image{transform:scale(1.1);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.menu-item:hover .content{opacity:.9}.menu-item.large{height:380px}.menu-item:first-child{margin-right:7.5px}.menu-item:last-child{margin-left:7.5px}.menu-item .background-image{width:100%;height:100%;background-position:50%;background-size:cover}.menu-item .content{height:calc(25px + 10vh);padding:0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;background-color:#fff;opacity:.7;position:absolute}.menu-item .content .title{font-weight:700;margin-bottom:6px;font-size:calc(8px + 4vw);color:#4a4a4a}.menu-item .content .subtitle{font-weight:lighter;font-size:calc(8px + 3vw)}}.directory-menu{display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width:1081px){.directory-menu{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}}.group{position:relative}.group .form-input{background:none;background-color:hsla(0,0%,100%,0);color:#000;font-size:16px;padding:.8rem;display:block;width:16rem;border-radius:0;border:none;border-bottom:1px solid #000;margin:.4rem 6rem .4rem 0}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{top:-5px;font-size:12px;color:#000}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:#000;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:.5rem;top:1.4rem;transition:all .3s ease}.group .form-input-label.shrink{top:-5px;font-size:12px;color:#000}.group input[type=date]{color:transparent}.group .date-picker-after,.group input[type=date].date-picker,.group input[type=date]:focus{color:#000}@media only screen and (max-width:1200px){.group .form-input{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.group .date-picker,.group .date-picker-after{width:100%}}.custom-button{min-width:10rem;width:auto;height:3rem;letter-spacing:.5px;line-height:2.8rem;padding:0 35px;font-size:15px;background-color:var(--primary-color);color:#000;text-transform:uppercase;font-family:"Open Sans Condensed";font-weight:bolder;border:none;cursor:pointer;display:flex;justify-content:center;border-radius:10px;margin-top:.5rem;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2)}.custom-button:hover{background-color:#fff;color:var(--font-primary-color)}.custom-button.google-sign-in{background-color:#4285f4;color:#fff}.custom-button.google-sign-in:hover{background-color:#357ae8;border:none}.custom-button.btn-default{width:10rem}.custom-button.inverted{background-color:var(--after-hover-light-color);color:var(--font-primary-color)}.custom-button.inverted:hover{background-color:var(--primary-color);color:var(--after-hover-light-color)}.sign-up{display:flex;flex-direction:column;padding:.5rem}.sign-up .title{margin:10px 0}.sign-up .sign-up-form .radio-container{margin:.5rem 0;width:20vw}.sign-up .sign-up-form .radio-container .radio{display:flex;justify-content:flex-start}.sign-up .sign-up-form .radio-container .radio label{margin-right:1rem;margin-top:.5rem;cursor:pointer}.sign-up .sign-up-form .radio-container .radio input{cursor:pointer}.sign-in-and-sign-up{width:850px;display:flex;justify-content:space-between;margin:30px auto}@media only screen and (max-width:1200px){.sign-in-and-sign-up{flex-direction:column;margin-left:15%;width:100vw}}.form-page{display:flex;background-color:var(--form-page-background);height:87vh}.form-page .leftside-menu-block{background-color:var(--left-side-menu-block);position:-webkit-sticky;position:sticky;top:0;left:0;z-index:10;padding:2vh 1vw;height:87vh}.form-page .right-side-main-section{display:flex;flex:1 1 auto;flex-direction:column;padding:0 2rem;justify-content:flex-start}.form-page .right-side-main-section .section-title{padding:.5rem 1rem}.form-page .right-side-main-section .section-subtitle{padding:0 1rem}.form-page .right-side-main-section .form-table-container{display:flex;flex-direction:row;padding:1.6vh 2vw;width:100%;background-color:var(--primary-color-m);margin-top:1vw}.form-page .right-side-main-section .form-table-container .table-container{max-width:63vw}.form-page .right-side-main-section .form-container{display:flex;flex-direction:column;padding:1.6vh 2vw;width:100%;background-color:var(--primary-color-m);margin-top:1vw}.form-page .right-side-main-section .form-container .bloc-tabs{display:flex;background:#fff}.form-page .right-side-main-section .form-container .bloc-tabs .tabs{padding:5px;text-align:center;width:100%;background:#000;cursor:pointer;border-bottom:5px solid hsla(0,0%,94.1%,.555);color:var(--primary-color-m);outline:none}.form-page .right-side-main-section .form-container .bloc-tabs .tabs:not(:last-child){border-right:2px solid var(--primary-color-m)}.form-page .right-side-main-section .form-container .bloc-tabs .active-tabs{background:var(--primary-color-m);border-bottom:1px solid transparent;border-left:1px solid #000;border-right:1px solid #000;color:#000}.form-page .right-side-main-section .form-container .content-tabs .content{background:var(--primary-color-m);padding:0 10px;display:none;flex-direction:column}.form-page .right-side-main-section .form-container .content-tabs .content .tab-title{align-self:center}.form-page .right-side-main-section .form-container .content-tabs .active-content{display:flex}.form-page .right-side-main-section .form-container .status{font-size:.8rem;background-color:var(--secondary-color);color:var(--primary-color-m);text-align:center}.form-page .right-side-main-section .form-container .button-upload{align-self:center;padding:5px;width:60%;margin:5px;border-radius:.5rem;text-align:center;font-size:.8rem;background-color:var(--primary-color);color:#000;text-transform:uppercase;font-family:"Open Sans Condensed";font-weight:bolder;border:none;cursor:pointer;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2)}.form-page .right-side-main-section .form-container .tab-container{display:flex;flex-direction:column;flex-wrap:wrap;height:50vh;width:80%;align-content:flex-start;background-color:var(--primary-color-m)}.form-page .right-side-main-section .form-container .image-form-page{display:flex;background-color:var(--primary-color-m)}.form-page .right-side-main-section .form-container .image-form-page .image-container{width:12vw;display:flex;flex-direction:column;margin-right:1rem}.form-page .right-side-main-section .form-container .image-form-page .image-container input{font-size:.7rem}.form-page .right-side-main-section .form-container .image-form-page .image-container .imgPreview{align-content:center;background-color:var(--primary-color-m)}.form-page .right-side-main-section .form-container .image-form-page .image-container .imgPreview img{margin-left:auto;margin-right:auto;display:block;width:150px;height:150px;object-fit:cover}@media only screen and (max-width:1200px){.form-page{height:auto}.form-page .leftside-menu-block{height:93vh}.form-page .right-side-main-section{display:flex;overflow:hidden;flex-direction:column;padding:0;justify-content:flex-start}.form-page .right-side-main-section .section-title{padding:1rem 0}.form-page .right-side-main-section .section-subtitle{padding:0 1rem}.form-page .right-side-main-section .form-container{display:flex;flex-direction:column;padding:1.6vh 2vw;width:100%;background-color:var(--primary-color-m);margin-top:1vw}.form-page .right-side-main-section .form-container .bloc-tabs{display:flex;background:#fff}.form-page .right-side-main-section .form-container .bloc-tabs .tabs{padding:5px;text-align:center;width:100%;background:#000;cursor:pointer;border-bottom:5px solid hsla(0,0%,94.1%,.555);color:var(--primary-color-m);outline:none}.form-page .right-side-main-section .form-container .bloc-tabs .tabs:not(:last-child){border-right:2px solid var(--primary-color-m)}.form-page .right-side-main-section .form-container .bloc-tabs .active-tabs{background:var(--primary-color-m);border-bottom:1px solid transparent;border-left:1px solid #000;border-right:1px solid #000;color:#000}.form-page .right-side-main-section .form-container .content-tabs .content{background:var(--primary-color-m);padding:0 10px;display:none;flex-direction:column}.form-page .right-side-main-section .form-container .content-tabs .content .tab-title{align-self:center}.form-page .right-side-main-section .form-container .content-tabs .active-content{display:flex}.form-page .right-side-main-section .form-container .status{font-size:.8rem;background-color:var(--secondary-color);color:var(--primary-color-m);text-align:center}.form-page .right-side-main-section .form-container .button-upload{align-self:center;padding:5px;width:60%;margin:5px;border-radius:.5rem;text-align:center;font-size:.8rem;background-color:var(--primary-color);color:#000;text-transform:uppercase;font-family:"Open Sans Condensed";font-weight:bolder;border:none;cursor:pointer;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2)}.form-page .right-side-main-section .form-container .tab-container{display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;width:100%;align-content:flex-start;background-color:var(--primary-color-m)}.form-page .right-side-main-section .form-container .image-form-page{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--primary-color-m)}.form-page .right-side-main-section .form-container .image-form-page .image-container{width:100%;display:flex;flex-direction:column;margin-right:0}.form-page .right-side-main-section .form-container .image-form-page .image-container input{font-size:.7rem}.form-page .right-side-main-section .form-container .image-form-page .image-container .imgPreview{align-content:center;background-color:var(--primary-color-m)}.form-page .right-side-main-section .form-container .image-form-page .image-container .imgPreview img{margin-left:auto;margin-right:auto;display:block;width:150px;height:150px;object-fit:cover}}.leftside-menu-block{display:flex;flex-direction:column;justify-content:space-between;border-radius:0 15px 15px 0}.leftside-menu-block .side-menu-text-block .sidebar-menu{z-index:5;cursor:pointer;border-radius:5px}.leftside-menu-block .side-menu-text-block .sidebar-menu:hover{background-color:var(--primary-color);color:var(--secondary-color)}.leftside-menu-block .side-menu-text-block .sidebar-menu .icon-container{padding:0 .2rem}.leftside-menu-block .side-menu-text-block .sidebar-menu .side-menu-text{white-space:nowrap;font-size:calc(.5rem + 1vh);margin-right:.8rem}.leftside-menu-block .side-menu-text-block .sidebar-menu .close{display:none}.leftside-menu-block .side-menu-text-block .sidebar-menu .form-side-list{display:flex;color:var(--primary-color-m);align-items:center}.leftside-menu-block .side-menu-text-block .sidebar-menu .form-side-list:hover{color:var(--secondary-color)}.leftside-menu-block .side-menu-text-block .sidebar-menu .form-side-list .icon-container svg{width:2em;height:2em;margin:.3em}.leftside-menu-block .side-menu-text-block .side-active{background-color:var(--primary-color)}.leftside-menu-block .side-menu-text-block .side-active .form-side-list{color:var(--secondary-color)}.leftside-menu-block .sidebar-close-button{cursor:pointer;position:-webkit-sticky;position:sticky;bottom:5vh;align-self:center}.leftside-menu-block .sidebar-close-button .right-button{height:2.5rem;width:2.5rem;background-color:var(--primary-color-m);border-radius:50%;transform:rotate(180deg);transition:transform 2s}.leftside-menu-block .close .right-button{transform:rotate(5turn);transition:transform 2s}.cards{display:flex;text-align:center;flex-wrap:wrap;justify-content:center}.card{width:8rem;background-image:linear-gradient(135deg,#fccf31 10%,#f55555);margin:1rem;display:flex;flex-direction:column;border-radius:20px 20px 0 0;box-shadow:13px 17px 10px -5px rgba(20,18,18,.68);-webkit-box-shadow:13px 17px 10px -5px rgba(20,18,18,.68);-moz-box-shadow:13px 17px 10px -5px rgba(20,18,18,.68);transition:transform .2s;cursor:pointer}.card .card-content{flex:1 1 auto;font-size:3rem;color:#000}.card .cardfooter{background-image:linear-gradient(135deg,#171635 10%,#2e13c9);color:#fdfbfb;font-size:1rem;font-weight:700}.card:hover{transform:scale(1.5)}.table-page-formasterpage{border-collapse:collapse;margin-top:1.6rem;background-color:var(--primary-color-m);box-shadow:13px 17px 10px -5px rgba(20,18,18,.68);-webkit-box-shadow:13px 17px 10px -5px rgba(20,18,18,.68);-moz-box-shadow:13px 17px 10px -5px rgba(20,18,18,.68)}.table-page-formasterpage .table-header-formasterpage{border:.07rem solid var(--primary-color);background-color:var(--primary-color)}.table-page-formasterpage .table-header-formasterpage th{border:.07rem solid var(--primary-color-m)}.table-page-formasterpage .table-header-formasterpage .th1,.table-page-formasterpage .table-header-formasterpage .th2{width:2rem}.table-page-formasterpage tbody .table-data-row-formasterpage td{border:.1rem solid var(--primary-color)}.table-page-formasterpage tbody .table-data-row-formasterpage td,.table-page-formasterpage tbody .table-data-row-formasterpage th{padding:0 1.5vw;white-space:nowrap}.table-page-formasterpage tbody .table-data-row-formasterpage .emp-code-formasterpage{text-align:center}.table-page-formasterpage tbody .table-data-row-formasterpage .table-image-container-formasterpage img{object-fit:cover;width:2rem;height:2rem;border-radius:50%}.table-page-formasterpage tbody .table-data-row-formasterpage:hover{background-color:var(--primary-color)}.custom-table .table-export-button{align-self:center;padding:5px;width:80px;margin:5px;border-radius:.5rem;text-align:center;font-size:.8rem;background-color:var(--primary-color);color:#000;text-transform:uppercase;font-family:"Open Sans Condensed";font-weight:bolder;border:none}.btn-formasterpage,.custom-table .table-export-button{cursor:pointer;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2)}.btn-formasterpage{width:4rem;height:1.5rem;border-radius:.3rem;margin:0 .2rem}.btn-edit-formasterpage{background-color:#fdd805;color:#050404}.btn-delete-formasterpage{background-color:red;color:#fff}.MuiTableRow-root-formasterpage:hover{background-color:var(--primary-color)}.custom-table-formasterpage{margin-top:2vh;z-index:1;box-shadow:13px 17px 10px -5px rgba(20,18,18,.68);-webkit-box-shadow:13px 17px 10px -5px rgba(20,18,18,.68);-moz-box-shadow:13px 17px 10px -5px rgba(20,18,18,.68)}#cover-spin{position:fixed;width:100%;left:0;right:0;top:0;bottom:0;background-color:hsla(0,0%,100%,.7);z-index:9999}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#cover-spin:after{content:"";display:block;position:absolute;left:48%;top:40%;width:40px;height:40px;border:4px solid #fc9700;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.selection-menu{justify-content:space-evenly;width:60vw}.base-form,.selection-menu{display:flex;margin-top:.5rem}.base-form{background-color:var(--form-container-background);flex-direction:column;height:68%}.base-form-wrap{flex-wrap:wrap}.card-for-image-text{display:flex;margin:1rem 0;border:.5px solid var(--primary-color);border-radius:5px;padding:2px}.card-for-image-text .header-image{margin-right:10px;border:2px solid #bd1e1e;border-radius:50%;width:80px;height:80px;background-color:#fff}.card-for-image-text .card-for-header{display:flex;width:100%;flex-wrap:wrap;background-color:var(--primary-color-m)}.card-for-image-text .card-for-header .header-text{width:25%;padding:5px}.card-for-add-ded{display:flex;width:100%;flex-wrap:wrap;background-color:var(--primary-color);margin-bottom:24px}.card-for-add-ded .header-text{width:15%;padding:5px}.payslip-container{margin:20px auto;padding:20px;max-width:1200px;font-family:Arial,sans-serif}.title{text-align:center;font-size:24px;font-weight:700;margin-bottom:20px}.payslip-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.payslip-card{border:1px solid #ccc;border-radius:8px;padding:20px;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;page-break-inside:avoid;height:300px}.payslip-header{display:flex;align-items:center;margin-bottom:20px}.company-logo{width:100px;height:auto;margin-right:20px}.company-name{font-size:18px;font-weight:700;margin:0}.company-info{font-size:14px;color:#666;margin:2px 0}.payslip-details{margin-bottom:10px}.payslip-details p{margin:5px 0}.payslip-footer{text-align:right;font-size:12px;color:#666}.print-button-container{text-align:center;margin-top:20px}.print-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.print-button:hover{background-color:#0056b3}@media print{.payslip-grid{grid-template-columns:1fr;grid-gap:0;gap:0}.payslip-card{border:none;box-shadow:none;margin-bottom:20px}.print-button-container{display:none}}@media only screen and (max-width:700px){.deduction-dropdown-with-header .selection-menu{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-for-image-text{display:flex;flex-direction:column;align-items:center;margin:1rem 0;border:.5px solid var(--primary-color);border-radius:5px;padding:2px}.card-for-image-text .header-image{margin-right:10px;border:2px solid #bd1e1e;border-radius:50%;width:80px;height:80px;background-color:#fff}.card-for-image-text .card-for-header{display:flex;flex-direction:column;width:95%;flex-wrap:nowrap;background-color:var(--primary-color-m)}.card-for-image-text .card-for-header .header-text{width:80%;padding:5px}.card-for-add-ded{display:flex;align-self:center;width:95%;flex-wrap:wrap;background-color:var(--primary-color);margin-bottom:24px}.card-for-add-ded .header-text{width:50%;padding:3px 0}.card-for-add-ded .header-text strong{background-color:#fff;color:#0056b3;padding:.2rem;align-self:end}.form-container .container{background-color:#0056b3}.form-container .container .content-tabs{background-color:brown;height:auto}}.right-side-main-section .payroll-report-page-title{font-size:1.6rem;font-weight:400}.right-side-main-section .selection-menu-forreportpage{display:flex;justify-content:left;grid-gap:10px;gap:10px}.right-side-main-section .selection-menu-forreportpage .button-submit-formpage{align-self:center;padding:5px;width:80px;margin:5px;border-radius:.5rem;text-align:center;font-size:.8rem;background-color:var(--primary-color);color:#000;text-transform:uppercase;font-family:"Open Sans Condensed";font-weight:bolder;border:none;cursor:pointer;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2)}.right-side-main-section .report-container-forreportpage{background-color:#fff;width:90%;display:flex;flex-direction:column;margin:1vh 2vw;padding:1vh 0 0 1vw;overflow-y:scroll}@media only screen and (max-width:1200px){.right-side-main-section .selection-menu-forreportpage{flex-direction:column;grid-gap:0;gap:0}}.form-dropdown{background:none;background-color:hsla(0,0%,100%,0);color:#000;font-size:inherit;width:16rem;margin:5px 0}.form-dropdown div{border-radius:5px;border-color:#000}.form-dropdown-center{margin-left:15%;width:25rem}.form-dropdown-fix{background:none;background-color:hsla(0,0%,100%,0);color:#000;font-size:inherit;width:16rem}.form-dropdown-fix div{border-radius:4px;border-color:#050303}.form-dropdown-fix div:hover{border-color:#f88604}@media only screen and (max-width:1200px){.form-dropdown{width:100%}}a,a:active,a:focus,a:hover{text-decoration:none;color:inherit}.page{display:flex;flex-direction:column;align-content:flex-start;width:100%}.header-button{display:flex;justify-content:space-between}.header-button .print__button{margin:10px;width:100px;height:30px;background-color:var(--blue);color:var(--white);border-radius:10px;font-weight:600;border:none;cursor:pointer}.header-button .print__button:hover{background-color:var(--blue2)}.header-button a .back{position:relative;margin:10px;width:100px;height:30px;background-color:#fff;color:var(--blue);font-weight:600;border-radius:10px;font-style:none;text-align:center;vertical-align:middle;line-height:30px}.header-button a .back:hover{background-color:#c6def3}.prescription-page{display:flex;flex-direction:column;align-items:center;background-color:hsla(0,0%,100%,.874);padding-top:20px;font-family:"Times New Roman",Georgia,serif}.prescription-page .company-title{font-size:3rem;font-family:"Brush Script MT","Brush Script Std","cursive"}.prescription-page .company-address,.prescription-page .company-address-subaddress{font-size:1.2rem}.patient-card{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:10px 30px;border-top:1px solid red;border-bottom:1px solid red;background-color:#f1f1bf}.name-group{display:flex;width:350px;height:25px;margin:2px;flex-wrap:nowrap}.name-group h3{margin-right:10px;width:150px}.name-group h3,.name-group span{font-family:"Times New Roman",Georgia,serif}.name-group span{margin:2px 5px;overflow:hidden}.search{width:300px;margin:0 10px}.search label{position:relative;width:100%}.search label input{width:100%;height:30px;border-radius:40px;outline:none;padding:5px 20px 5px 35px;font-size:1em;border:1px solid var(--secondary-color)}.search label ion-icon{position:absolute;top:0;left:10px;font-size:1.2em}.table-box{position:relative;width:100%;height:100%;padding:20px;display:grid;grid-template-columns:2fr 1fr;grid-gap:.5rem;margin-top:.2rem}.table-box .custom-table{background:var(--white);padding:1rem;box-shadow:0 7px 25px rgba(0,0,0,.192);border-radius:10px;margin:0 5px}.custom-table .cardHeader{display:flex;justify-content:space-between;align-items:center}.cardHeader h3{color:var(--primary-color)}.btn{text-decoration:none;color:var(--secondary-color);border:1px solid var(--white);border-radius:5px;padding:2px 4px;cursor:pointer}.btn,.btn:hover{background:var(--primary-color)}tbody tr td ion-icon{position:relative;top:5px;font-size:1.2rem;color:red;margin-right:3px}tbody tr:hover ion-icon{color:#fdfdfd;cursor:pointer}.table-box .custom-table table{width:100%;border-collapse:collapse;margin-top:10px;font-size:1rem}.table-box .custom-table table tbody td,.table-box .custom-table table thead th{padding:0;border-bottom:1px solid rgba(0,0,0,.1);text-align:start}.table-box .custom-table table tbody tr td:first-child{padding-left:5px}.table-box .custom-table table tbody tr{cursor:pointer;height:4vh}.table-box .custom-table table tbody tr:hover{background:var(--primary-color);color:var(--secondary-color)}.table-box .custom-table table#opd-table tr td:last-child,.table-box .custom-table table#opd-table tr th:last-child,.table-box .custom-table table tr td:last-child,.table-box .custom-table table tr th:last-child{text-align:end;position:relative;justify-content:center}.btn.edit,.btn.view{background:var(--primary-color);border:2px solid var(--secondary-color);color:var(--secondary-color);margin:0 2px}.btn.print{background:var(--green);border:2px solid var(--white);color:var(--white);margin:0 2px}.dropdown-btn{padding:6px 8px 6px 16px;text-decoration:none;font-size:20px;color:#818181;display:block;border:none;background:none;width:100%;text-align:left;cursor:pointer;outline:none}.dropdown-container{display:none;background-color:#262626;padding-left:8px}.pat-card{background:var(--white);border-radius:10px;display:flex;justify-content:flex-start;box-shadow:0 7px 25px rgba(0,0,0,.08);margin-top:15px}.pat-card .imgBx{width:60px;height:65px;border-radius:20%;overflow:hidden;margin-right:15px}.pat-card .imgBx img{top:0;left:0;width:100%;height:100%;object-fit:cover}.pat-card .nameBox{display:grid;grid-template-columns:repeat(2,1fr)}.pat-card .nameBox h4{font-size:.8rem;margin:.2rem 0}.pat-card .nameBox span{font-size:.8rem;margin:.2rem .3rem}.modal-cover{z-index:10;transform:translateZ(0);background-color:rgba(0,0,0,.8)}.modal-area,.modal-cover{position:fixed;top:0;left:0;width:100%;height:100%}.modal-area{padding:2.5em 1.5em 1.5em;background-color:#fff;box-shadow:0 0 10px 3px rgba(0,0,0,.1);overflow-y:auto;-webkit-overflow-scrolling:touch}._modal-close{position:absolute;top:0;right:0;padding:.5em;line-height:1;background:#f6f6f7;border:0;box-shadow:0;cursor:pointer}._modal-close-icon{width:25px;height:25px;fill:transparent;stroke:#000;stroke-linecap:round;stroke-width:2}.modal-body{padding-top:.25em}._hide-visual{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.scroll-lock{overflow:hidden;margin-right:17px}.form-group{display:flex;flex-direction:column}.form-group .form-control{width:15rem;height:2rem;margin:5px 0;font-size:15px;padding:2px 5px;border-radius:8px}.form-title{margin-bottom:5px;text-align:center;color:var(--primary-color)}.btn-submit{width:100px;color:var(--secondary-color);border-radius:8px;cursor:pointer;align-self:center;height:30px;margin-top:15px}.btn-submit,.btn-submit:hover{background-color:var(--primary-color)}@media screen and (min-width:500px){.modal-area{left:50%;top:50%;height:auto;transform:translate(-50%,-50%);max-width:18em;max-height:calc(100% - 1em)}}@media only screen and (max-width:1200px){.table-box{display:flex;flex-direction:column}.table-box .custom-table{overflow:auto}.table-box .custom-table .cardHeader{flex-direction:column;grid-gap:1vh;gap:1vh}.table-box .custom-table .cardHeader .search{width:100%}.table-box .custom-table .cardHeaderdate{flex-direction:column;grid-gap:1vh;gap:1vh;flex-wrap:nowrap;padding:0}.table-box .custom-table .cardHeaderdate span{text-align:center}.table-box .custom-table .cardHeaderdate input,.table-box .custom-table .cardHeaderdate label{display:inline-block}}.cardHeaderdate{background-color:hsla(0,0%,96.1%,.822);display:flex;grid-gap:30px;gap:30px;padding:10px}.patDetaildBox{position:relative;width:100%;padding:20px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px}.patDetaildBox .card{position:relative;background:var(--white);padding:30px;border-radius:10px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 7px 25px rgba(0,0,0,.08)}.patDetaildBox .card .cardName{margin:0 20px;font-size:2rem}.patDetaildBox .card:hover{background:var(--blue)}.patDetaildBox .card:hover .cardName,.patDetaildBox .card:hover .iconBox,.patDetaildBox .card:hover .numbers{color:var(--white)}.no-visit-div{display:flex;justify-content:center;align-items:center;height:50%}.no-visit-found{color:var(--blue)}#opd-table-body .selected-row{background-color:var(--blue)}.cart-icon{position:relative;display:flex;align-items:center;cursor:pointer;justify-content:center}.cart-icon .shopping-icon{width:2vw;height:2vw}.cart-icon .item-count{position:absolute;color:#000;font-size:.7rem}.cart-icon:hover .shopping-icon{width:2.2vw;height:2.2vw}.cart-icon:hover .item-count{font-size:.9rem}@media only screen and (max-width:1200px){.cart-icon{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-icon .shopping-icon{width:4vw;height:4vw}.cart-icon .item-count{position:absolute;color:#000;font-size:1rem}.cart-icon:hover .shopping-icon{width:5.2vw;height:5.2vw}.cart-icon:hover .item-count{font-size:.9rem}}@media only screen and (max-width:700px){.cart-icon{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-icon .shopping-icon{width:8vw;height:8vw}.cart-icon .item-count{position:absolute;color:#000;font-size:.7rem}.cart-icon:hover .shopping-icon{width:5.2vw;height:5.2vw}.cart-icon:hover .item-count{font-size:.6rem}}.cart-item{width:100%;display:flex;height:80px;margin-bottom:15px}.cart-item img{width:30%}.cart-item .item-details{width:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 20px}.cart-item .item-details .name{font-size:16px}@media only screen and (max-width:1081px){.cart-item{width:100%;display:flex;height:180px;margin-bottom:15px}.cart-item img{width:30%}.cart-item .item-details{width:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 20px}.cart-item .item-details .name{font-size:16px}}.cart-dropdown{position:absolute;width:240px;height:340px;display:flex;flex-direction:column;padding:20px;border:1px solid #000;background-color:#fff;top:90px;right:40px;z-index:7}.cart-dropdown .empty-message{font-size:18px;margin:50px auto}.cart-items{height:240px;display:flex;flex-direction:column;overflow:scroll}.cart-items button{margin-top:auto}@media only screen and (max-width:700px){.cart-dropdown{position:absolute;width:240px;height:340px;display:flex;flex-direction:column;padding:20px;border:1px solid #000;background-color:#fff;top:90px;right:40px;z-index:7}.cart-dropdown .empty-message{font-size:18px;margin:50px auto}.cart-items{height:240px;display:flex;flex-direction:column;overflow:scroll}.cart-items button{margin-top:auto}}.main-header{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;z-index:100;top:0;background-color:var(--header-background-color);width:100vw}.main-header .header1{display:flex;justify-content:space-between;align-items:center;width:100vw;border-top:.03rem solid var(--primary-color);border-bottom:.03rem solid var(--primary-color)}.main-header .header1 p{font-size:calc(10px + .5vw);margin:0 3vw;text-align:center}.main-header .header{display:flex;justify-content:space-between;padding:0 4vw;border-bottom:.03rem solid var(--primary-color);align-items:center}.main-header .header .logo-container{display:flex;align-items:center;padding:.2vw}.main-header .header .logo-container img{height:calc(15px + 1.5vw);object-fit:cover;border-radius:0}.main-header .header .logo-container .text{margin:0 1vw;font-size:calc(8px + .5vw);padding:1vh .5vw;border-radius:5px}.main-header .header .logo-container .text:hover{background-color:var(--primary-color);color:var(--font-primary-color)}.main-header .header .nav-options-container{display:flex;width:85vw;justify-content:space-between}.main-header .header .nav-options-container .header-menu{flex:1 1;display:flex;justify-content:flex-end}.main-header .header .nav-options-container .header-menu .nav-option{align-self:center;padding:1vh .5vw;cursor:pointer;border-radius:5px;font-size:calc(8px + .5vw)}.main-header .header .nav-options-container .header-menu .nav-option span{white-space:nowrap}.main-header .header .nav-options-container .header-menu .nav-option:hover{background-color:var(--primary-color);color:var(--font-primary-color)}.main-header .header .nav-options-container .menu-button-icon{align-self:center;padding:.7vw .5vw;border-radius:5px;cursor:pointer;display:none}.main-header .header .nav-options-container .menu-button-icon img{height:calc(5px + 2.2vw);object-fit:cover}.main-header .header .nav-options-container .menu-button-icon:hover{background-color:var(--primary-color);color:var(--font-primary-color)}.main-header .header .nav-options-container .sign-in{font-size:calc(8px + .5vw);align-self:center;padding:.8vw .5vw;border-radius:5px;white-space:nowrap;cursor:pointer}.main-header .header .nav-options-container .sign-in:hover{background-color:var(--primary-color);color:var(--font-primary-color)}.main-header .header .nav-options-container .user-info-container{display:flex;align-self:center;margin:.5vh 0;border-radius:5px;cursor:pointer}.main-header .header .nav-options-container .user-info-container img{height:calc(5px + 2vw);object-fit:cover;border-radius:50%;margin:0 .5vw}.main-header .header .nav-options-container .user-info-container:hover{background-color:var(--primary-color);color:var(--font-primary-color)}.main-header .header .nav-options-container .user-info-container .text{font-size:calc(8px + .5vw);margin:.5vw}.main-header .header .nav-options-container .menu-item-dropdown:hover .nav__submenu{display:block}.main-header .header .nav-options-container .nav__submenu{display:none;position:absolute;top:8.5vh;width:12vw;padding:1vh;background-color:var(--primary-color-m);z-index:5}.main-header .header .nav-options-container .nav__submenu .drop{color:var(--font-primary-color);display:block;border:.1rem solid var(--primary-color);text-align:center;font-size:calc(8px + .5vw);white-space:nowrap}.main-header .header .nav-options-container .nav__submenu .drop:hover{background-color:var(--primary-color);color:var(--font-secondary-color)}@media only screen and (max-width:1200px){.main-header .header1{flex-direction:row;padding:0 2vw}.main-header .header1 p:first-child{font-size:calc(8px + 1vw)}.main-header .header .logo-container img{height:5vw}.main-header .header .logo-container .text{font-size:calc(10px + .5vw)}.main-header .header .nav-options-container{width:30vw;flex-direction:row-reverse}.main-header .header .nav-options-container .header-menu{position:absolute;background-color:var(--primary-color-m);padding:2rem;display:flex;flex-direction:column;border:1px solid #000;top:27vh;right:40px;z-index:7}.main-header .header .nav-options-container .header-menu .nav-option{color:var(--font-primary-color);display:block;font-size:calc(18px + .5vw);text-align:center}.main-header .header .nav-options-container .header-menu :hover{background-color:var(--primary-color);color:var(--font-secondary-color)}.main-header .header .nav-options-container .menu-button-icon{display:flex;justify-content:center;align-items:center}.main-header .header .nav-options-container .menu-button-icon img{height:3vw;margin:.5vh}.main-header .header .nav-options-container .user-info-container{display:flex;align-items:center;margin-right:1vw}.main-header .header .nav-options-container .user-info-container img{height:5vw;margin:0 .2vw}.main-header .header .nav-options-container .user-info-container .text{font-size:calc(10px + .5vw)}.main-header .header .nav-options-container .user-info-container .nav__submenu{margin-top:1.5vh}}@media only screen and (max-width:700px){.main-header .header1{flex-direction:row;padding:0 2vw}.main-header .header1 p:first-child{font-size:calc(8px + 1vw)}.main-header .header .logo-container img{height:12vw}.main-header .header .logo-container .text{font-size:calc(15px + .5vw);padding:1vh 1vw}.main-header .header .nav-options-container{width:50vw;flex-direction:row-reverse}.main-header .header .nav-options-container .header-menu{background-color:var(--primary-color-m);z-index:5;position:absolute;display:flex;flex-direction:column;padding:20px;border:1px solid #000;background-color:#fff;top:90px;right:40px;z-index:7}.main-header .header .nav-options-container .header-menu .nav-option{color:var(--font-primary-color);display:block;text-align:center}.main-header .header .nav-options-container .header-menu :hover{background-color:var(--primary-color);color:var(--font-secondary-color)}.main-header .header .nav-options-container .menu-button-icon{display:flex;justify-content:center;align-items:center}.main-header .header .nav-options-container .menu-button-icon img{height:8vw}.main-header .header .nav-options-container .user-info-container{margin-right:1vw}.main-header .header .nav-options-container .user-info-container img{height:10vw;margin:0 .2vw}.main-header .header .nav-options-container .user-info-container .text{font-size:1rem}.main-header .header .nav-options-container .user-info-container .nav__submenu{width:15vw;margin-top:1.5vh}}.footer{position:fixed;bottom:0;z-index:100;width:100vw;background-color:hsla(0,0%,94.5%,.747);color:#000;text-align:center}
/*# sourceMappingURL=main.823f042f.chunk.css.map */