.modalContainerBackground{z-index:999;background-color:var(--black-25-color);width:100%;height:100vh;font-family:var(--fourth-font);justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.modalForQuote{justify-content:center;align-items:center}.modalContainer{background-color:var(--white-color);opacity:1;-webkit-user-select:none;user-select:none;border-radius:1.25rem;flex-direction:column;width:50%;max-height:90vh;display:flex;overflow-x:hidden}.modalInnerContainer{flex-direction:column;gap:.5rem;width:100%;display:flex}.modalContainer::-webkit-scrollbar{display:none}.modalTitleContainer{justify-content:space-between;align-items:center;width:100%;height:4rem;padding:0 15px;display:flex;position:relative}.modalTitle{text-align:center;color:var(--secondary-color);font-weight:700;font-size:var(--subtitle)}.modalHrTag{border-top:-.5px solid var(--border-auth);width:100%}.fieldContainer{flex-direction:column;gap:.5rem;width:100%;margin-top:.25rem;margin-bottom:.25rem;display:flex}input:focus{outline:none}.innerField{width:100%;height:3rem;font-size:var(--mini-content);border:1px solid var(--avatar-backgroun-color);font-family:var(--fourth-font);background-color:var(--white-color);color:var(--secondary-color);border-radius:.875rem;padding:2% 2% 2% 3%}.twoCol{flex-direction:column;gap:.5rem;width:50%;display:flex}.oneCol{flex-direction:column;gap:.5rem;width:90%;margin-left:5%;display:flex}.row{flex-direction:row;justify-content:space-between;gap:.5rem;width:90%;margin-left:5%;display:flex}.dropDownOuterContainer{position:relative}.dropDownfieldContainer{flex-direction:column;gap:.5rem;width:100%;margin-top:.25rem;margin-bottom:.25rem;display:flex}.dropDownfieldContainerVendorName{flex-direction:column;gap:.5rem;width:90%;margin-top:.25rem;margin-bottom:.25rem;margin-left:5%;display:flex}.dropDownContainer{border:1px solid var(--avatar-backgroun-color);cursor:pointer;border-radius:.6rem;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:14px;display:flex;position:relative}.dropDownSelection{flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:.875rem;display:flex}.disableDropDown{pointer-events:none}.dropDownContentContainer{border-bottom:1px solid var(--avatar-backgroun-color);border-left:1px solid var(--avatar-backgroun-color);border-right:1px solid var(--avatar-backgroun-color);background-color:var(--white-color);z-index:1;border-top:#0000;border-radius:0% 0% .6rem .6rem;flex-direction:column;gap:.5rem;width:100%;height:25vh;padding-left:2%;display:flex;position:absolute;top:100%;overflow:auto}.dropDownContentContainerquote{height:auto!important}.disableCategoryVendor{opacity:.5;cursor:default}.dropDownContentContainer::-webkit-scrollbar{width:8px;height:10px;display:flex!important}.dropDownContentContainer::-webkit-scrollbar{display:none!important}.dropDownContentContainer::-webkit-scrollbar-track{background-color:var(--horizantal-line)!important;border-top:0!important;border-bottom:1px solid var(--scoll-color)!important;border-radius:5px!important}.dropDownContentContainer::-webkit-scrollbar-thumb{background-color:var(--scoll-color)!important;border-radius:5px!important}.dropDownContentContainer:hover::-webkit-scrollbar-thumb{background-color:var(--scoll-color)!important}.dropDownContentContainer:hover::-webkit-scrollbar{width:8px!important}.dropDownContentContainer::-webkit-scrollbar{z-index:1;width:8px!important;display:block!important}.openDropDown{border-bottom:#0000;border-bottom-right-radius:0%;border-bottom-left-radius:0%}.dropDownInnerContent{align-items:center;height:2.25rem;padding-top:1%;padding-bottom:1%;padding-left:2.5%;font-size:14px;display:flex}.dropDownInnerContent:hover{color:var(--white-color);background-color:var(--primary-color);border-radius:.275rem;padding-top:1%;padding-bottom:1%;padding-left:2.5%;font-size:14px}.dropUp{transition:all .3s;transform:rotate(0)}.dropDown{transition:all .3s;transform:rotate(180deg)}.dropdownIcon{opacity:.5}.modalTextAreaContainer{gap:.5rem;width:90%;margin-top:.25rem;margin-bottom:.25rem;margin-left:5%}.modalTextArea:focus{outline:none}.modalTextArea{border:1px solid var(--avatar-backgroun-color);resize:none;width:100%;height:90px;font-family:var(--fourth-font);background-color:var(--white-color);color:var(--secondary-color);border-radius:.6rem;margin-top:.25rem;padding:3%}.warningMessageContainer{justify-content:center;align-items:center;width:100%;display:flex}.warningMessage{text-align:center;color:var(--notification-red);font-size:14px;font-weight:600}.successPage{background-color:#fff;position:fixed;top:50%;left:50%}.submitButtonContainerInactive{justify-content:center;align-items:center;width:100%;margin-bottom:2.5vh;display:flex}.submitButtonInactive{color:#fff;width:8rem;height:2.5rem;font-weight:1.25rem;cursor:not-allowed;opacity:.6;background-color:#717172;border-radius:1.5rem;justify-content:center;align-items:center;font-weight:600;display:flex}@keyframes warningTransition{0%{opacity:0}to{opacity:1}}.disableProduct{opacity:.3;color:#717172;cursor:not-allowed;border-radius:.6rem;width:100%}.notDisabled{color:#000;width:100%}.submitButtonContainer{justify-content:center;align-items:center;width:100%;margin-bottom:2.5vh;display:flex}.submitButton{background-color:var(--primary-color);width:8rem;height:2.5rem;color:var(--white-color);font-weight:1.25rem;border:1px solid #0000;border-radius:1.5rem;justify-content:center;align-items:center;font-weight:600;display:flex}.submitButton:hover{background-color:var(--white-color);color:var(--primary-color);border:1px solid var(--primary-color)}.quoteModalClose{cursor:pointer;opacity:.5;width:15px;height:15px;transition:all .3s}.twoFlag{background-color:var(--white-color);border:1px solid var(--avatar-backgroun-color);border-radius:.875rem;align-items:center;gap:1rem;width:100%;height:3rem;padding-left:1rem;padding-right:1rem;display:flex}.blueBorder{background-color:var(--white-color);border:1px solid #0a94d4;border-radius:.875rem;align-items:center;gap:1rem;width:100%;height:3rem;padding-left:1rem;padding-right:1rem;display:flex}.inputPhone{background-color:var(--white-color);width:100%;height:2.5rem;color:var(--secondary-color);font-family:var(--fourth-font);border:none;outline:none;align-items:center;display:flex}.contactMainPin{font-size:.875rem;font-family:var(--fourth-font)}.react-tel-input .country-list{max-height:150px!important}@media only screen and (min-width:0) and (max-width:768px){.modalContainer{width:92%;height:75vh}.submitButtonContainer{margin-bottom:2.5vh}.quoteModalClose{width:14px;height:14px;right:1%}.modalContainerBackground{bottom:0}.innerField{padding-left:8%!important}.row{flex-direction:column}.twoCol{width:100%}}@media only screen and (min-width:768px) and (max-width:1150px){.modalContainer{width:65%}}