@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap);.search-component-form{align-items:flex-end;display:flex;justify-content:center}.search-component-wrapper{align-items:center;border:1px solid var(--light-gray);border-radius:30px;display:flex;height:40px;max-width:300px;min-width:150px;overflow-x:hidden}.search-component-wrapper>button{background-color:#9b8f6418;border:1px solid #9b8f6418;color:var(--white);cursor:pointer;display:inline-block;font-size:1.2rem;height:38px;padding:0 1rem}.search-component-wrapper>input{background-color:var(--white);border:none;font-size:1rem;height:100%;outline:none;padding:.5rem;width:100%}.heroSearch{background:#645e46;background:linear-gradient(90deg,#645e46 7%,#9b8f64 51%,#645e46 95%);height:333px;padding:150px 10px;width:100%}.heroSearch-h2{color:var(--white);font-size:2.2rem;font-weight:400;line-height:2.5rem;margin:0 0 20px;text-align:center}.search-box{justify-content:center;width:100%}.search-input{background:var(--white);border:1px solid var(--orange);border-radius:5px 0 0 5px;box-sizing:border-box;padding:15px;width:250px}.search-button{background-color:var(--orange);border:none;border-radius:0 5px 5px 0;color:var(--dark-blue);cursor:pointer;font-size:1.12rem;padding:10px 20px}.search-button:hover{background-color:var(--dark-gray);color:var(--white)}@media screen and (max-width:1000px){.heroSearch{height:223px;padding:80px 10px}.heroSearch-h2{font-size:1.7rem;font-weight:400;line-height:1.8rem}}@media screen and (max-width:444px){.heroSearch{height:223px;padding:80px 10px}.heroSearch-h2{font-size:1.4rem;font-weight:400;line-height:1.8rem}}.header{align-items:center;background:transparent;margin:0;padding:20px 0 13px;position:fixed;width:100%;z-index:100}.header.active{background:#645e46}nav{align-items:center;margin:0 auto;max-width:1680px;padding:0 20px}.navigation a{border:1px solid var(--white);border-radius:5px;color:var(--white);cursor:pointer;display:block;font-size:1.125rem;font-weight:400;line-height:1.6875em;padding:8px 30px}.navigation a.active{background-color:var(--white);color:var(--black)}.navigation a.active:hover,.navigation a:hover{background-color:var(--dark-gray);border:1px solid var(--dark-gray);color:var(--white)}.navigation>li{margin:0 5px}.menu-icon,.nav-menu{display:none}.nav-menu.active{left:0;transition:.35s}.nav-menu-item{min-width:200px;padding-top:70px;text-align:center}.nav-text{align-items:center;display:flex;height:60px;justify-content:left;list-style-type:none;padding:8px 0}.mobile-links-space{display:flex;justify-content:space-between;width:100%}.nav-text a{align-items:center;border-radius:4px;color:#f5f5f5;display:flex;font-size:18px;height:100%;padding:0 16px;text-decoration:none;width:100%}.nav-text a:hover{background-color:#645e46}@media screen and (max-width:1020px){.navigation{display:none}.menu-icon{border-radius:5px;color:var(--white);cursor:pointer;display:block;font-size:1.75rem;font-weight:400;line-height:1.6875em;margin-right:20px}.nav-menu{display:flex;flex-direction:column;height:90vh;left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;z-index:1}}.footer{margin:0;padding:0 0 25px;width:100%}.partners-box{background-color:var(--gray-f5);padding:15px 0;width:100%}.partners{display:flex;flex-wrap:wrap;justify-content:space-between}.partners>img{display:block;margin:10px}.rights-reserved{border-top:1px solid var(--tate-olive);color:var(--dark-blue);font-weight:400;line-height:21px;padding:23px 0}.footer-flex{display:flex;flex-wrap:wrap;height:100%;justify-content:space-around;padding-bottom:20px;padding-top:40px;width:100%}.footer-flex h3{color:var(--dark-gray);font-size:1.375rem;font-weight:700;line-height:1.6875rem;margin:0;padding:10px 0}.footer-address-box,.footer-meniu-box{max-width:227px;padding:10px 20px}.footer-address-box{color:var(--light-gray)}.footer-menu-chevron{font-size:.7rem}a.footer-menu-links{align-items:center;color:var(--dark-gray);display:block;display:flex;font-size:1.1rem;font-weight:400;padding:5px 0}a.footer-menu-links:hover{color:var(--orange)}.footer-phone{color:var(--light-gray);max-width:700px;padding:10px 20px 10px 100px}.footer-phone-number{color:var(--dark-gray);font-size:1.875rem;font-weight:500;letter-spacing:.2rem;line-height:2.3125rem;padding:10px 0}.phone-icon{color:var(--orange);font-size:1.35rem;margin:0 10px}@media screen and (max-width:800px){.partners{justify-content:center}.rights-reserved{text-align:center}}@media screen and (max-width:700px){.footer-phone{color:var(--light-gray);padding:10px 20px;text-align:center}}@media screen and (max-width:410px){.footer-phone{color:var(--light-gray);padding:10px 0;text-align:center}.footer-phone-number{font-size:1.5rem;letter-spacing:.2rem;padding:10px 0}}.car-parts-dashboard-container{display:flex;justify-content:center}.car-parts-list-container{background-color:#f2f2f2;border:1px solid var(--tate-olive);border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;max-width:1600px;padding:10px;position:relative}.car-parts-img{border:1px solid var(--tate-olive);display:block;height:160px;margin:0;width:213px}.car-parts-list-grid{display:grid;grid-auto-rows:auto;grid-template-areas:"col-1 col-1" "col-2 col-2" "col-3 col-4";grid-template-columns:1fr 2fr;padding-left:20px;width:100%}.car-parts-info-title{font-size:1.5rem;font-weight:500;margin:0;text-decoration:underline}.car-parts-info>p{font-size:1.1rem;font-weight:500;margin:0}.car-part-price{display:flex;justify-content:flex-end;margin:0}.car-part-price>span{background-color:var(--light-gray);border-radius:5px;color:var(--white);display:block;font-size:1.2rem;font-weight:500;height:31px;line-height:1.3rem;margin-right:20px;max-width:160px;padding:5px}.car-parts-info>h5{font-size:.8rem;font-weight:400;margin:0}.car-parts-info-action{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:80px}@media screen and (max-width:1100px){.car-parts-list-grid{grid-auto-rows:auto;grid-template-areas:"col-1 col-1" "col-2 col-2" "col-3 col-4";grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:900px){.car-parts-list-container{align-items:center;display:flex;flex-direction:column}.car-parts-img{height:100%;width:100%}.car-parts-list-grid{display:grid;grid-auto-rows:auto;grid-template-areas:"col-1 " "col-2" "col-3" "col-4";grid-template-columns:1fr;width:100%}.car-part-price,.car-parts-info-title{justify-content:center;padding:20px 0;text-align:center}.car-parts-info-action{background-color:var(--tate-olive);border-radius:5px;flex-direction:row;gap:20px;justify-content:flex-end;padding:5px;width:100%}}.scroll-chevron{color:var(--white)}.scroll-chevron:hover{background-color:var(--tate-olive);color:var(--dark-gray)}.hero{background:#645e46;background:linear-gradient(90deg,#645e46 7%,#9b8f64 51%,#645e46 95%);height:333px;padding:150px 0;width:100%}.hero-h2{color:var(--white);font-size:2.2rem;font-weight:400;line-height:2.5rem;margin:0 0 20px;text-align:center}@media screen and (max-width:1000px){.hero{height:160px;padding:80px 10px}.hero-h2{font-size:1.4rem;font-weight:400;line-height:1.8rem}}.about-grid{grid-gap:20px;display:grid;grid-auto-rows:auto;grid-template-areas:"col-1 col-1 col-1 col-2 col-2 col-2" "col-3 col-3 col-4 col-4 col-5 col-5";grid-template-columns:repeat(6,1fr);padding:50px 20px;text-align:center}.about-grid .col-1{display:block;margin:0 auto 30px;max-height:402px;max-width:570px}.about-grid .col-3,.about-grid .col-4,.about-grid .col-5{align-items:center;display:flex;flex-direction:column}.about-grid .col-2{padding:40px}.about-grid h3{color:var(--tate-olive);font-size:1.5rem;font-weight:500;line-height:2.25em;text-align:left}.about-grid p{font-size:1rem;font-weight:500;padding:20px 0 40px}.about-grid .about-bold-text,.about-grid p{color:var(--dark-blue);line-height:1.125em;text-align:left}.about-grid .about-bold-text{font-size:1.125rem;font-weight:700}.pc-images-box{border:2px solid var(--light-gray);display:block;max-width:370px}.rinka-images-box{display:block;max-width:360px}.grid-images-box{background-color:var(--light-gray);display:block;max-width:370px}.stats-container{background-color:var(--dark-gray);padding:15px 0;width:100%}.stats-div-box{text-align:center}.stats-div-box-layout{display:flex;gap:1em;justify-content:space-around}.stats-div-box h2{color:var(--orange);font-size:1.8rem;font-weight:500;line-height:3rem;margin:0}.stats-div-box h5{color:var(--white);font-size:1rem;font-weight:400;line-height:1rem;margin:10px;text-align:center}.img-carpWeb,.img-pc,.img-rinka,.img-sandelys{display:block;width:100%}@media screen and (max-width:700px){.stats-div-box-layout{flex-wrap:wrap}}@media screen and (max-width:650px){.about-grid{display:grid;grid-auto-rows:auto;grid-template-areas:"col-2 col-2" "col-1 col-1" "col-3 col-3" "col-4 col-4" "col-5 col-5";grid-template-columns:repeat(2,1fr);padding:0;text-align:center}.grid-images-box{background-color:var(--white);display:flex;justify-content:center;max-width:370px}.about-grid .col-1{margin-bottom:30px}.about-grid .col-2{padding:0 40px}}.companies-info{border-bottom:1px solid var(--tate-olive);display:flex;justify-content:space-between;padding:20px 0}.companies-info-div{padding-left:50px;width:100%}.companies-info p{padding-bottom:5px}.companies-icons,.companies-info>h3{color:var(--orange);font-size:1.125rem;font-weight:700;line-height:1.25em;margin-right:20px}.companies-name{color:var(--dark-blue);font-size:1.125rem;font-weight:500;line-height:1.25em;padding-bottom:10px}.companies-adress{color:var(--dark-blue);font-size:1rem;font-weight:400;line-height:1.125em}.search-parts{width:300px}.search-parts h4{font-weight:500;margin:0;padding-bottom:30px;text-align:right}.search-parts a{background-color:var(--orange);border:none;border-radius:5px;color:var(--dark-blue);cursor:pointer;display:block;font-size:1.125rem;font-weight:400;line-height:1.6875em;padding:8px 20px 8px 30px}.search-parts a:hover{background-color:var(--dark-gray);color:var(--white)}.contact-box{grid-gap:50px;display:grid;grid-auto-rows:auto;grid-template-areas:"col-1 col-2";grid-template-columns:repeat(2,1fr);padding:50px;text-align:center}.contact-li-boxes{display:flex;flex-direction:column;gap:22px;margin:0 auto;min-width:300px;padding-left:30px;text-align:left}.contact-icons{color:var(--tate-olive);font-size:1.25rem;margin-right:20px}.contact-text-color-red{color:var(--red)}.contact-form{display:flex;flex-direction:column;gap:12px;max-width:670px}.contact-form-heading{color:var(--tate-olive);font-size:1.5rem;font-weight:500;line-height:2.25em;text-align:left}.contact-form-input,.contact-form-textarea{background:var(--white);border:1px solid var(--light-sand);border-radius:5px;box-sizing:border-box;padding:15px;width:100%}.contact-form-textarea{height:100px;resize:none}.contact-form-button{background-color:var(--tate-olive);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:1.125rem;font-weight:400;line-height:1.6875em;padding:8px 30px}.contact-form-button:hover{background-color:var(--dark-gray)}@media screen and (max-width:750px){.contact-box{grid-gap:50px;display:grid;grid-auto-rows:auto;grid-template-areas:"col-1" "col-2";grid-template-columns:1fr;padding:50px}.contact-box,.contact-form-heading{text-align:center}}@media screen and (max-width:650px){.contact-li-boxes{display:flex;flex-direction:column;gap:22px;min-width:200px;text-align:center}}@media screen and (max-width:550px){.contact-li-boxes{padding:0 10px}}.login-hero{background:#645e46;background:linear-gradient(90deg,#645e46 7%,#9b8f64 51%,#645e46 95%);height:100vh;padding:50px 0;width:100%}.login-form-box{border:1px solid var(--dark-gray);border-radius:5px;box-shadow:0 8px 16px 0 var(--dark-gray);margin-top:50px;max-width:500px;min-width:500px;padding:30px}.login-input{border:1px solid var(--dark-gray);border-radius:5px;color:#000;margin-bottom:30px}.login-button,.login-input{font-size:1.25rem;font-weight:500;padding:15px;width:100%}.login-button{background-color:var(--light-gray);border:none;border-radius:5px;color:var(--white);cursor:pointer;text-align:center}.login-button:hover{background-color:var(--dark-gray);color:var(--white)}.login-bottom-text{color:var(--white);display:block;margin-top:30px;text-align:right;text-decoration:underline}.login-bottom-text:hover{color:var(--dark-gray)}@media screen and (max-width:550px){.login-form-box{border:1px solid var(--dark-gray);border-radius:5px;box-shadow:0 8px 16px 0 var(--dark-gray);max-width:500px;min-width:290px;padding:30px}}.register-form-title{color:var(--dark-blue);padding:30px 0}.groups-container{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:600px}.groups-container li{padding:10px 0;width:300px}.groups-container li:first-child{align-items:center;display:flex;flex-direction:column;height:110px;justify-content:space-between}.groups-container li input{background-color:var(--white);border-radius:5px;color:var(--dark-blue);font-size:1rem;padding:3px}.group-button{background-color:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;margin-left:5px;padding:4px}.group-button:hover{background-color:var(--orange);color:var(--white)}.group-result{display:flex;justify-content:space-between}.group-result span{align-items:center;display:flex;font-size:1.25rem}.group-edit-btn{background-color:var(--dark-gray);border:none;border-radius:3px;color:var(--white);cursor:pointer;font-size:1.25rem;margin:3px;padding:2px 5px}.group-edit-btn:hover{background-color:var(--orange);color:var(--white)}.group-delete-btn{background-color:var(--dark-red);border:none;border-radius:3px;color:var(--white);cursor:pointer;font-size:1.25rem;margin:3px;padding:3px 3px 2px}.group-delete-btn:hover{background-color:var(--red);color:var(--white)}@media screen and (max-width:500px){.groups-container li{padding:10px 0;width:260px}}.dashboard-container{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURX9/f5+IcTXabSsAAAAXSURBVAjXYzhzgGHmBAZjA4a0BAYcbADfEQubWJAfuAAAAABJRU5ErkJggg==);color:var(--white);min-height:100vh;padding-bottom:30px;width:100%}.dashboard-header{background-color:var(--dark-gray);margin:0;padding:20px 0;position:fixed;width:100%;z-index:100}.dashboard-menu-bars{background:none;margin-left:2rem}a.dashboard-menu-bars{color:var(--white);font-size:2rem}a:hover.dashboard-menu-bars{color:var(--orange);font-size:2rem}.logo-style{margin:0 10px 0 40px}.user-wrapper{align-items:center;display:flex}.user-header-style{border-radius:50%;height:40px;margin-right:1rem;width:40px}.user-wrapper h4{color:var(--white);font-weight:400}.user-wrapper small{color:var(--tate-olive);display:inline-block;font-weight:400}.logout-button-container{padding:0 2rem}.logout-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURX9/f5+IcTXabSsAAAAXSURBVAjXYzhzgGHmBAZjA4a0BAYcbADfEQubWJAfuAAAAABJRU5ErkJggg==);border:none;border-radius:30px;color:var(--dark-blue);cursor:pointer;font-size:1.25rem;font-weight:500;margin-right:3rem;padding:.5rem;text-align:center;width:100%}.logout-button:hover{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIAAwADAMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAAAAQX/2gAIAQEAAAAA1if/xAAUAQEAAAAAAAAAAAAAAAAAAAAF/9oACAECEAAAAB//xAAUAQEAAAAAAAAAAAAAAAAAAAAF/9oACAEDEAAAAGv/xAAhEAEAAQMCBwAAAAAAAAAAAAABEQAhYQIxAxIiQUJTcf/aAAgBAQABPwDbEWt44MvdqYtOv5w9jFPTMezkMGKllBQGAK//xAAVEQEBAAAAAAAAAAAAAAAAAAAAMf/aAAgBAgEBPwCv/8QAFREBAQAAAAAAAAAAAAAAAAAAADH/2gAIAQMBAT8Aj//Z)}.sidebar-menu{display:flex;flex-direction:column;height:100%;left:-10%;opacity:1;position:absolute;position:fixed;top:80px;transition:all .5s ease;width:270px;z-index:1}.sidebar-menu.active{background-color:var(--dark-gray);left:0;transition:.35s}.sidebar-menu-items{width:270px}.sidebar-menu-items li{margin:.6rem 0;padding-left:1rem;width:100%}.sidebar-links{color:var(--white);display:block;display:flex;font-size:1.1rem;justify-content:space-between;padding:.8rem 3rem .8rem 1.1rem;text-decoration:none}.sidebar-links:hover{color:var(--orange)}.sidebar-links span{font-size:1.3rem}.sidebar-menu a.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURX9/f5+IcTXabSsAAAAXSURBVAjXYzhzgGHmBAZjA4a0BAYcbADfEQubWJAfuAAAAABJRU5ErkJggg==);border-radius:30px 0 0 30px;color:var(--dark-blue);color:var(--main-color);padding-bottom:.8rem;padding-top:.8rem}.main-content{padding-left:290px}.main-content,.main-content-full{padding-right:20px;transition:all .5s ease}.main-content-full{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURX9/f5+IcTXabSsAAAAXSURBVAjXYzhzgGHmBAZjA4a0BAYcbADfEQubWJAfuAAAAABJRU5ErkJggg==);left:90px;min-height:100vh;opacity:1;padding-left:20px;position:absolute;width:94%;z-index:10}.scroll-to-top{bottom:25px;position:fixed;right:25px;z-index:100}.scroll-chevron{background-color:var(--dark-gray);border:2px solid var(--tate-olive);border-radius:50%;cursor:pointer;font-size:1.5rem;padding:2px 6px}.scroll-chevron:hover{background-color:var(--orange);border:2px solid var(--dark-gray)}.sidebar-logout-button{display:none}@media screen and (max-width:800px){.main-content{padding-left:20px;padding-right:20px;transition:all .5s ease}.main-content-full{left:0;min-height:100vh;width:100%}}@media screen and (max-width:730px){.sidebar-menu{top:70px}}@media screen and (max-width:450px){.logout-button{display:none}.sidebar-logout-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURX9/f5+IcTXabSsAAAAXSURBVAjXYzhzgGHmBAZjA4a0BAYcbADfEQubWJAfuAAAAABJRU5ErkJggg==);background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIAAwADAMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAAAAQX/2gAIAQEAAAAA1if/xAAUAQEAAAAAAAAAAAAAAAAAAAAF/9oACAECEAAAAB//xAAUAQEAAAAAAAAAAAAAAAAAAAAF/9oACAEDEAAAAGv/xAAhEAEAAQMCBwAAAAAAAAAAAAABEQAhYQIxAxIiQUJTcf/aAAgBAQABPwDbEWt44MvdqYtOv5w9jFPTMezkMGKllBQGAK//xAAVEQEBAAAAAAAAAAAAAAAAAAAAMf/aAAgBAgEBPwCv/8QAFREBAQAAAAAAAAAAAAAAAAAAADH/2gAIAQMBAT8Aj//Z);border:none;border-radius:30px;color:var(--dark-blue);cursor:pointer;display:block;font-size:1.25rem;font-weight:500;margin-top:20px;padding:5px 10px;width:100%}}.section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-heading h2{color:var(--white);font-size:1.7rem;font-weight:600;line-height:2.1rem;margin:0}.section-heading-right{display:flex;text-align:center}.section-heading-right h4{color:var(--dark-gray);font-size:1rem;font-weight:500}.section-heading-right span{color:var(--white);font-size:1rem;font-weight:400;padding-left:.3rem}@media screen and (max-width:500px){.section-heading-right{display:none}}.dashboard-content{padding-top:100px}.single-card{background-color:var(--white);border-radius:5px;box-shadow:0 0 10px var(--tate-olive)}.single-card-title{align-items:center;border-bottom:2px solid var(--tate-olive);display:flex;font-size:1.4rem;font-weight:700;line-height:1.5rem;padding:.8rem}.single-card-content,.single-card-title{color:var(--dark-gray);margin:0;text-align:left}.single-card-content{color:var(--dark-blue);font-size:1.1rem;font-weight:500;line-height:1.2rem;padding:12px 22px}.customers-container{align-items:center;display:flex;flex-direction:column;width:100%}.customers-container-input-box{display:flex;flex-direction:column;gap:20px;max-width:300px;padding:10px 0 20px}.customers-input-field{border-radius:5px;font-size:.9rem;margin-top:10px;padding:4px;width:300px}.customers-info{padding:20px 0}.current-customer{align-items:center;background-color:var(--light-sand);border-radius:5px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:5px;padding:5px 8px}.current-customer-span{margin:0;padding:10px 0}.customers-edit-btn{background-color:var(--dark-gray);border:none;border-radius:3px;color:var(--white);cursor:pointer;font-size:1.25rem;margin:3px;padding:2px 5px}.customers-edit-btn:hover{background-color:var(--orange);color:var(--white)}.customers-delete-btn{background-color:var(--dark-red);border:none;border-radius:3px;color:var(--white);cursor:pointer;font-size:1.25rem;margin:3px 0 3px 25px;padding:3px 3px 2px}.customers-delete-btn:hover{background-color:var(--red);color:var(--white)}.customers-button{background-color:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;margin-left:5px;padding:4px}.customers-button:hover{background-color:var(--orange);color:var(--white)}.customers-button-cancel{background-color:var( --dark-red);border:1px solid var(--dark-gray);border-radius:3px;color:var(--white);cursor:pointer;font-size:1rem;margin-left:5px;padding:4px 10px}@media screen and (max-width:488px){.customers-input-field{margin-bottom:20px;width:260px}}.addCarForm{align-items:flex-end;display:flex;justify-content:center;width:100%}.add-car-input-box{padding:0 10px}.add-car-input-box input{border-radius:5px;padding:10px;width:150px}input.add-car-submit{border-radius:5px;color:var(--white);height:100%;margin:0;padding:12px}@media screen and (max-width:1300px){.addCarForm{flex-wrap:wrap}}@media screen and (max-width:1192px){input.add-car-submit{margin-top:30px}}.cars-list-container{margin:0 auto;max-width:1600px;padding:10px}.cars-search-container{padding-bottom:23px}.cars-list-align{border-bottom:1px solid var(--dark-gray);padding:5px 10px}.cars-list-align,.cars-list-title{align-items:center;display:flex;justify-content:space-between}.cars-list-title{background-color:var( --dark-gray);border-radius:5px 5px 0 0;color:var(--white);padding:13px;text-align:left}.cars-list-action-box{align-items:center;display:flex;justify-content:space-between;width:200px}.cars-info-container{min-width:100px;text-align:left}.car-list-hover:hover{background-color:var(--light-sand)}.btn{align-items:center;background-color:var(--tate-olive);border:none;border-radius:5px;color:var(--white);cursor:pointer;display:flex;font-size:16px;height:35px;justify-content:center;width:35px}.btn:hover{background-color:var(--orange);color:var(--dark-blue)}@media screen and (max-width:1100px){.cars-list-title{display:none}.cars-list-align{display:grid;grid-auto-rows:auto;grid-template-areas:"col-1 col-1 col-6" "col-2 col-3 col-6" "col-4 col-4 col-6" "col-5 col-5 col-6";grid-template-columns:repeat(3,1fr)}.cars-list-action-box{flex-direction:column;min-height:200px;padding:20px 0;width:100%}}.dashboard-home{color:var(--orange);font-size:1.5rem;padding-top:100px;text-align:center}.dashboard-searchField-box{padding:9px 0 13px}.cards{grid-gap:2rem;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;margin-top:1rem}.card-single{background-color:var(--white);border-radius:5px;display:flex;justify-content:space-between;padding:2rem}.card-single>div>h3{color:var(--dark-gray);font-size:2rem}.card-single div:last-child span{color:var(--dark-gray);font-size:3em}.card-single div:first-child span{color:var(--light-gray)}.card-single:last-child{background-color:var(--dark-gray)}.card-single:last-child div:first-child span,.card-single:last-child div:last-child span,.card-single:last-child h3{color:var(--white)}@media only screen and (max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:800px){.userEmail,.userImage{display:none}}@media only screen and (max-width:730px){.cards{grid-template-columns:100%}}.add-car-form{align-items:flex-end;display:flex;justify-content:center}.add-car-input-box{margin:0 10px;width:150px}input.add-car-submit{background-color:var(--dark-gray);border:none;width:150px}input.add-car-submit:hover{background-color:var(--orange)}@media screen and (max-width:1200px){.add-car-form{align-items:center;flex-direction:column}}.links-button{background-color:var(--dark-gray);border:none;border-radius:5px;color:var(--white);cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;min-width:120px;padding:5px 8px;text-align:center;text-decoration:none}.links-button:hover{background-color:var(--orange);color:var(--dark-blue)}.garage-list-container{margin:0 auto;max-width:1600px;padding:10px}.garage-list-align{border-bottom:1px solid var(--dark-gray);padding:5px 10px}.garage-list-align,.garage-list-title{align-items:center;display:flex;justify-content:space-between}.garage-list-title{background-color:var( --dark-gray);border-radius:5px 5px 0 0;color:var(--white);padding:13px;text-align:left}.garage-list-action-box{align-items:center;display:flex;justify-content:space-between;width:200px}.garage-info-container{min-width:100px;text-align:left}.garage-list-hover:hover{background-color:var(--light-sand)}.garagebtn{align-items:center;background-color:var(--tate-olive);border:none;border-radius:5px;color:var(--white);cursor:pointer;display:flex;font-size:16px;height:35px;justify-content:center;width:35px}.garagebtn:hover{background-color:var(--orange);color:var(--dark-blue)}@media screen and (max-width:1100px){.garage-list-title{display:none}.garage-list-align{background-color:var(--light-sand);border-radius:5px;display:grid;grid-auto-rows:auto;grid-template-areas:"col-1 col-1 col-6" "col-2 col-3 col-6" "col-4 col-4 col-6" "col-5 col-5 col-6";grid-template-columns:repeat(3,1fr);margin-bottom:20px}.garage-list-action-box{flex-direction:column;height:150px;padding:20px 0;width:100%}}.checkPart-box{background-color:var(--light-sand);border-radius:5px;margin-top:5px;padding:5px}.checkbox-submit-button{background-color:var(--dark-gray);border:none;border-radius:5px;color:var(--white);cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 15px;text-align:center;text-decoration:none}.checkbox-submit-button:hover{background-color:var(--orange);color:var(--dark-blue)}.saved-part-box{background-color:var(--light-sand);margin:5px 0;padding:5px}.saved-part-box-span{padding-left:5px}.parts-list-container{margin:0 auto;max-width:1600px;padding:10px}.parts-list-align{align-items:center;border-bottom:1px solid var(--dark-gray);display:flex;justify-content:space-between;padding:5px 10px}.parts-list-title{align-items:center;background-color:var( --dark-gray);border-radius:5px 5px 0 0;color:var(--white);display:flex;justify-content:flex-start;padding:13px;text-align:left}.parts-info-container{text-align:left;text-align:center;width:30px}.parts-info-container-center{padding-left:50px;width:100%}.parts-list-hover:hover{background-color:var(--light-sand)}.WrapContainer{box-shadow:0 0 10px var(--tate-olive);min-height:60px;padding:10px;position:relative}.Wrap,.WrapContainer{background:#fff;width:100%}.Wrap{align-items:center;cursor:pointer;display:flex;height:58px;justify-content:flex-start;left:0;padding:16px 30px;position:absolute;top:0}.Wrap:hover{background-color:var(--light-sand)}.Wrap h1{color:var(--dark-blue);font-size:1.1rem;font-weight:600;line-height:1.3rem;margin:0;text-align:left}.Wrap span{align-items:center;background-color:var(--dark-gray);border-radius:3px;color:var(--white);font-size:1rem;height:35px;margin:0 26px 0 0;padding:0 12px;width:35px}.Dropdown,.Wrap span{display:flex;justify-content:center}.Dropdown{align-items:flex-start;background-color:var(--white);color:#0e2a35;flex-direction:column;font-size:1.1rem;font-weight:500;height:100%;line-height:21px;margin:0;max-height:100%;padding:50px 30px 0;width:100%}.Dropdown div{align-items:center;display:flex;margin:10px}@media screen and (max-width:500px){.Dropdown{font-size:1rem}}.saved-car-parts-table{margin:0;padding:10px 0;width:100%}.saved-car-parts-table-title{background-color:var(--dark-gray);color:var(--white);padding:10px}.table-title-name:first-child{text-align:center;width:20px}.table-title-name:last-child{padding-left:50px;text-align:left;width:100%}.editForm-addFoto-container{align-items:center;display:flex;flex-direction:column;gap:20px}.editForm-partName{text-align:center}.editForm-image{display:block;height:160px;width:213px}.editForm-img-button{background-color:var(--dark-gray);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;padding:10px}.editSubForm-container{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.editSubForm-dropdown,.editSubForm-input{border-radius:5px;color:var(--dark-blue);padding:5px;width:220px}.editSubForm-button{background-color:var(--dark-gray);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;padding:10px;width:220px}.editSubForm-button:hover{background-color:var(--orange);color:var(--dark-blue)}.search-component-box{padding:20px 0}.search-car-parts-list-container{background-color:#f2f2f2;border:1px solid var(--tate-olive);border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;max-width:1600px;padding:10px;position:relative}.search-car-parts-img{border:1px solid var(--tate-olive);display:block;height:160px;margin:0;width:213px}.search-car-parts-list-grid{display:grid;grid-auto-rows:auto;grid-template-areas:"col-1 col-1" "col-2 col-2" "col-3 col-4";grid-template-columns:1fr 2fr;padding-left:20px;width:100%}.search-car-parts-info-title{font-size:1.5rem;font-weight:500;margin:10px 0;text-decoration:underline}.search-car-parts-info>p{font-size:1.1rem;font-weight:500;margin:10px 0}.search-car-part-price{display:flex;justify-content:flex-end;margin:0}.search-car-part-price>span{background-color:var(--light-gray);border-radius:5px;color:var(--white);display:block;font-size:1.2rem;font-weight:500;margin-right:20px;max-width:160px;padding:5px}.search-car-parts-info>h5{font-size:.8rem;font-weight:400;margin:0}.search-car-parts-info-action{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:80px}@media screen and (max-width:1100px){.search-car-parts-list-grid{grid-auto-rows:auto;grid-template-areas:"col-1 col-1" "col-2 col-2" "col-3 col-4";grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:900px){.search-car-parts-list-container{align-items:center;display:flex;flex-direction:column}.search-car-parts-img{height:100%;width:100%}.search-car-parts-list-grid{display:grid;grid-auto-rows:auto;grid-template-areas:"col-1 " "col-2" "col-3" "col-4";grid-template-columns:1fr;width:100%}.car-part-price,.search-car-parts-info-title{justify-content:center;padding:20px 0;text-align:center}.search-car-parts-info-action{background-color:var(--tate-olive);border-radius:5px;flex-direction:row;gap:20px;justify-content:flex-end;padding:5px;width:100%}}*,:after,:before{box-sizing:border-box}:root{--dark-gray:#333;--light-gray:#414141;--orange:#cb995a;--tate-olive:#9b8f64;--dark-blue:#060b26;--light-sand:#f9f1e7;--black:#000;--white:#fff;--gray-f5:#f5f5f5;--dark-red:#7a1e1e;--red:red;--font-Montserrat:"Montserrat",sans-serif}body,html{background-color:#fff;background-color:var(--white);font-family:Montserrat,sans-serif;font-family:var(--font-Montserrat);font-size:16px;margin:0}a{text-decoration:none}li,ul{list-style-type:none;padding:0}h1,h2,h3,h4,h5,li,p,span,ul{margin:0}img{display:block}.col-1{grid-area:col-1}.col-2{grid-area:col-2}.col-3{grid-area:col-3}.col-4{grid-area:col-4}.col-5{grid-area:col-5}.col-6{grid-area:col-6}.col-7{grid-area:col-7}.col-8{grid-area:col-8}.col-9{grid-area:col-9}.col-10{grid-area:col-10}.row{text-align:center}.container{margin:0 auto;max-width:1170px;padding:40px 20px}.flex-container{display:flex}.flex-column{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between}.flex-around{display:flex;justify-content:space-around}.flex-center{display:flex;justify-content:center}.flex-alignitem-center{align-items:center;display:flex}::-webkit-input-placeholder{color:#333;color:var(--dark-gray);font-family:Montserrat,sans-serif;font-family:var(--font-Montserrat);font-size:1em}:-ms-input-placeholder{font-family:Montserrat,sans-serif;font-family:var(--font-Montserrat);font-size:1em}::placeholder{color:#333;color:var(--dark-gray);font-family:Montserrat,sans-serif;font-family:var(--font-Montserrat);font-size:1em}:-ms-input-placeholder{color:#333;color:var(--dark-gray)}::-ms-input-placeholder{color:#333;color:var(--dark-gray)}.frontSide-main{background-color:#fff;background-color:var(--white)}.section-one-card{display:grid;grid-template-columns:1fr;margin-top:1.5rem}.section-two-cards{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:1.5rem}.car-part-box{border-bottom:2px solid #9b8f64;border-bottom:2px solid var(--tate-olive);display:grid;grid-auto-rows:auto;grid-template-areas:"col-1 col-2 col-2" "col-1 col-3 col-3" "col-1 col-4 col-4";grid-template-columns:1fr 3fr;height:189px;margin-top:20px;width:100%}.car-part-photo-box{height:169px;width:250px}.photo-box{background-color:#9b8f64;background-color:var(--tate-olive);height:100%;padding-left:5px;width:100%}.item-date{background-color:#fff;background-color:var(--white);border:1px solid #9b8f64;border:1px solid var(--tate-olive);margin:0;padding:5px 30px}.car-part-info{color:#333;color:var(--dark-gray)}.carPart{color:var(--b);font-size:1.5rem;font-weight:500;padding:5px 12px;text-decoration:underline}.carPartcode,.carPartPrice,.carTitle,.partID{font-size:1.25rem;font-weight:500;line-height:1.5rem}@media screen and (max-width:1020px){.navigation{display:none}}@media screen and (max-width:900px){.section-two-cards{grid-template-columns:1fr}}
/*# sourceMappingURL=main.24beaa56.css.map*/