.timo-widget-contact-support { z-index: 10000; float: right; display: block; right: 30px; bottom: 30px; position: fixed; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; padding: 0px; background: #f6f6f7; height: auto; /* max-height: 94%; */ } .timo-widget-contact-support .timo-widget-form-container { padding: 0px; } @media (max-width: 767px) { .timo-widget-contact-support { max-width: 92% !important; left: 15px; right: 15px; margin: 0 auto; } } @media (max-width: 599px) { .timo-widget-contact-support { max-width: 82% !important; left: 15px; right: 15px; margin: 0 auto; } } @media (min-width: 600px) and (max-width: 767px) { .timo-widget-contact-support { max-width: 60% !important; left: unset; right: 30px; margin: 0 auto; width: 60%; } } @media (min-width: 768px) and (max-width: 1023px) { .timo-widget-contact-support { width: 100%; min-width: 48%; max-width: 48%; } .timo-widget-contact-support .col-lg-4 { width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .timo-widget-contact-support .timo-widget-header .timo-widget-header-content { font-size: 16px; } .timo-widget-contact-support .timo-widget-header span.timo-widget-close-icon { font-size: 18px; } .timo-widget-contact-support .timo-widget-header span.timo-widget-minus-icon { font-size: 28px; } } @media (min-width: 992px) { .timo-widget-contact-support .col-lg-4 { max-width: 100% !important; width: 100% !important; } } @media (min-width: 768px) { .timo-widget-contact-support .col-md-8 { max-width: 100% !important; width: 100% !important; } } @media (min-width: 1024px) { .timo-widget-contact-support { min-width: 40%; max-width: 40%; } } @media (min-width: 1200px) { .timo-widget-contact-support { min-width: 26%; max-width: 26%; } } span.timo-widget-minus-icon svg { font-size: 16px; width: 14px; height: 15px; } .timo-widget-contact-support .timo-widget-header { background-color: #1277d9; box-shadow: rgba(0, 0, 0, 0.05) 0px 0.48px 2.41px -0.38px, rgba(0, 0, 0, 0.17) 0px 4px 20px -0.75px; z-index: 2; position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 17px 60px; /* height: 30px; */ vertical-align: middle; display: flex; justify-content: center; align-items: center; } .timo-widget-contact-support .timo-widget-header .timo-widget-closeBtnDiv { font-weight: 400 !important; color: #ffffff; z-index: 3; position: absolute; right: 16px; /* margin-top: -4px; */ cursor: pointer; display: flex; justify-content: end; width: auto; align-items: center; } .timo-widget-contact-support .timo-widget-header .timo-widget-closePopup { color: #fff !important; text-shadow: 0 1px 0 #fff; background-color: transparent !important; border: none !important; font-family: "Work Sans", sans-serif !important; outline: none !important; margin-right: 5px; margin-top: 4px; padding: 0px; cursor: pointer; } .timo-widget-contact-support .timo-widget-header .timo-widget-header-content { font-size: 17px; font-family: "Work Sans", sans-serif !important; white-space: nowrap; color: #ffffff; text-align: center; margin-right: 0; } .timo-widget-contact-support .timo-widget-header span.timo-widget-minus-icon { font-size: 24px; margin: -2px 6px 0 6px; cursor: pointer; position: relative; top: 3px; left: 0px; } .timo-widget-contact-support .timo-widget-header .timo-widget-rightClsTimo { margin-left: -50px; } .timo-widget-contact-support .timo-widget-header span.timo-widget-close-icon { font-size: 16px; cursor: pointer; } /* ------------- Timo chatbot Style Start ------------- */ .timo-widget-contact-support .timo-widget-contactSupportFormClass { color: #40505b; width: 100%; background: #f6f6f7; max-width: 100%; font-family: "Work Sans", sans-serif !important; border-radius: 8px; max-height: 65vh; min-height: 65vh; overflow: auto; } .timo-widget-contact-support .timo-widget-createticketdiv { padding: 12px 16px; background: #ffffff; border-radius: 8px; /* margin-bottom: 15px; margin-right: 8px; */ margin: 8px 0; } .timo-widget-contact-support .timo-widget-createticketdiv .timo-widget-btn { margin-top: 16px; } .timo-widget-contact-support .timo-widget-questionItem { background: #1277d9; padding: 8px 12px; border-radius: 8px; width: auto; display: inline-block; color: #fff; clear: both; font-size: 14px; margin-bottom: 16px; max-width: 87%; margin-left: auto; clear: both; float: right; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.6px 0.54px -1.33px, rgba(0, 0, 0, 0.13) 0px 2.29px 2.06px -2.67px, rgba(0, 0, 0, 0.04) 0px 10px 9px -4px; } .timo-widget-contact-support .timo-widget-answerItem { background: #fff; padding: 8px 12px; border-radius: 8px; /* width: 100%; */ max-width: 87%; font-size: 14px; clear: both; margin-right: auto; margin-bottom: 16px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.6px 0.54px -1.33px, rgba(0, 0, 0, 0.13) 0px 2.29px 2.06px -2.67px, rgba(0, 0, 0, 0.04) 0px 10px 9px -4px; } .timo-widget-contact-support .timo-widget-answerItem p { margin-bottom: 8px; } .timo-widget-contact-support .timo-widget-wrapper-header img { width: 24px; height: 24px; display: inline-block; vertical-align: middle; } .timo-widget-contact-support .timo-widget-wrapper-header .text { font-weight: 600; font-size: 14px; color: rgb(17, 17, 17); display: inline-block; margin: 0; } .timo-widget-contact-support .timo-widget-txt-content .timo-widget-custemBTN, .timo-widget-contact-support .timo-widget-supportSwitchInChatBox { line-height: 1.4em; text-align: center; text-decoration: none; appearance: none; transition: box-shadow 0.1s ease 0s, color 0.1s ease 0s, border-color 0.2s ease 0s; padding: 8px 12px; width: 100%; display: block; outline-offset: 2px; font-size: 13px; font-weight: 700; color: #1277d9; background-color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #1277d9 !important; border-radius: 16px !important; margin-top: 8px !important; cursor: pointer; } .timo-widget-txt-content .timo-widget-custemBTN:hover, .timo-widget-supportSwitchInChatBox:hover { color: #ffffff; border: 1px solid #1277d9 !important; background-color: #1277d9; } .timo-widget-main-wrapper .timo-widget-txt-content p { margin-top: 5px; font-size: 14px; color: #585858 !important; } .timo-widget-contact-support .timo-widget-main-wrapper .timo-widget-txt-content p { margin-top: 5px; font-size: 14px; color: #585858 !important; margin-top: 2px; margin-bottom: 5px; } .timo-widget-contact-support #timo-widget-chatBox { height: fit-content; overflow: auto; display: flex; flex-direction: column; padding: 0 16px; margin: 8px 0; padding-bottom: 48px; } /* custem scroll Css Started */ .timo-widget-contact-support .timo-widget-custemscroll::-webkit-scrollbar { width: 5px; } .timo-widget-contact-support .timo-widget-custemscroll::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } .timo-widget-contact-support .timo-widget-custemscroll::-webkit-scrollbar-thumb { background: #adadad; border-radius: 10px; } /* END */ #timo-widget-chatSupportForm { display: flex; justify-content: space-between; flex-direction: column; } .timo-widget-contact-support .timo-widget-send-a-messageBTN { appearance: none; border: 0px; resize: none; min-width: 0px; width: 100%; font-size: 14px; max-width: 100%; padding: 13px 60px 13px 16px; overflow-y: auto; margin-top: 8px; margin-bottom: 8px; transition: box-shadow 0.1s ease-in-out 0s; color: rgb(17, 17, 17); border-radius: 0px; background: #ffffff !important; border: 1px solid #ffffff !important; transition: all 0.5s ease-in-out; border-radius: 8px; /* height: 17px; */ } .timo-widget-contact-support .timo-widget-send-messageBTN { position: absolute; right: 24px; /* top: 4px; */ background: #ddd; vertical-align: middle; height: auto; color: white; border: none; font-size: 12px; padding: 5px 10px 2px 10px !important; margin: 8px 0 !important; border-radius: 8px; text-transform: uppercase; font-weight: 500; cursor: pointer; /* height: 37px; */ z-index: 99; } .timo-widget-contact-support .timo-widget-send-a-messageBTN:focus, .timo-widget-contact-support .timo-widget-send-a-messageBTN:hover { border: 1px solid #ffffff !important; } .timo-widget-contact-support .timo-widget-send-messageBTN:hover { background: #1972d5; } .timo-widget-contact-support .timo-widget-send-messageBTN svg { fill: rgb(17, 17, 17); } .timo-widget-contact-support .timo-widget-send-messageBTN:hover svg { fill: rgb(255, 255, 255); } .timo-widget-send-a-messageBTN:focus~.timo-widget-send-messageBTN svg { fill: rgb(255, 255, 255) !important; } .timo-widget-send-a-messageBTN:focus~.timo-widget-send-messageBTN { background: #1972d5; } /* ----------- Timo chatbot Style END ------------- */ /* ------------- Timo contact Supoort Form Style Start ------------- */ .timo-widget-contact-support #timo-widget-contactSupportForm { padding: 0 16px; margin: 16px 0; border-radius: 8px; overflow-y: auto; } .timo-widget-contact-support #timo-widget-contactSupportForm .timo-widget-charRemaining { text-align: right !important; margin: 6px 0 6px 0 !important; font-family: "Work Sans", sans-serif !important; font-size: 13px !important; font-weight: normal !important; clear: both; width: 100% !important; } .timo-widget-contact-support input[type="text"], .timo-widget-contact-support input[type="email"], .timo-widget-contact-support textarea { width: 100%; background: #fff !important; border: 1px solid #66788f !important; font-weight: 400; color: #66788f !important; display: block; font-family: "Work Sans", sans-serif !important; font-size: 16px !important; resize: none; border-radius: 8px !important; margin: 16px 0px 0px 0px !important; padding: 7px 16px !important; } .timo-widget-contact-support input[type="text"]::placeholder, .timo-widget-contact-support input[type="email"]::placeholder, .timo-widget-contact-support textarea::placeholder { color: #bed0e3 !important; } .timo-widget-contact-support #timo-widget-uploadBtnWrap label { width: 35px; height: 30px; } .timo-widget-contact-support #timo-widget-uploadBtnWrap label:hover { cursor: pointer; } .timo-widget-contact-support input[type="file"] { width: 100%; border: none; font-weight: 400; margin: 10px 0px !important; color: #66788f !important; display: block; font-family: "Work Sans", sans-serif !important; font-size: 14px !important; padding: 13px 10px !important; border-radius: 8px; padding-left: 40px !important; visibility: hidden; display: none; } input[type="file"]::-moz-file-upload-button { display: none; } input[type="file"]::-webkit-file-upload-button { display: none; } .timo-widget-contact-support #timo-widget-uploadBtnWrap label .timo-widget-fileUploadCustem { width: 30px !important; height: 30px; } .timo-widget-contact-support #timo-widget-uploadBtnWrap .timo-widget-attach-file-label { font-size: 16px; font-weight: 500; color: #1277d9 !important; margin-top: -1px; } #timo-widget-fileUpload::-webkit-file-upload-button { font-size: 14px; font-family: "Work Sans", sans-serif !important; font-weight: 400; color: #40505b; padding: 0px 5px; margin-top: 0px; } svg.timo-widget-fileUploadCustem { fill: #1277d9 !important; } svg.bot_img { fill: #1277d9 !important; width: 24px; height: 24px; } input[type="file"]::file-selector-button { display: none !important; } input[type="file"]::-ms-browse { display: none; } #timo-widget-uploadBtnWrap { width: 100%; display: flex; align-items: center; justify-content: start; } #timo-widget-uploadBtnWrap label, .timo-widget-captureScreenshot { width: 100%; display: block; } .timo-widget-fileUploadCustem:hover { cursor: pointer; } .timo-widget-contact-support .timo-widget-btn { background-color: #1277d9; color: #ffffff; border: none !important; cursor: pointer; width: 100%; margin-bottom: 10px; font-family: "Work Sans", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; padding: 10px 20px !important; border-radius: 16px !important; min-width: 70px !important; text-transform: uppercase !important; outline: none !important; box-shadow: none !important; transition: all 1s ease; } .timo-widget-contact-support .timo-widget-btn:hover { background-color: #0b4a87; } .timo-widget-contact-support .timo-widget-border-bottom-danger { border: 1px solid #b40220 !important; } .timo-widget-contact-support input[type="text"].timo-widget-border-bottom-danger, .timo-widget-contact-support input[type="email"].timo-widget-border-bottom-danger { border: 1px solid #b40220 !important; } .timo-widget-contact-support .timo-widget-text-danger { color: #b40220 !important; font-size: 12px !important; font-family: "Work Sans", sans-serif !important; margin-top: 2px; } .timo-widget-attached-documentfiles { margin: 0px 0 4px 0; cursor: pointer; width: calc(100% - 40px); } .timo-widget-attached-documentfiles a { color: #585858; font-size: 14px; width: calc(100% - 24px); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; vertical-align: middle; font-weight: 500; padding-left: 6px; } .timo-widget-attached-documentfiles .document-icon { display: inline; vertical-align: middle; width: 23px; } .timo-widget-attached-documentfiles span { float: right; color: #585858; font-size: 16px; vertical-align: middle; } .timo-widget-capture_ss_documentfiles { margin: 8px 0 16px 0; position: relative; } .timo-widget-capture_ss_documentfiles .timo-widget-attachedFile { width: 50%; display: inline-block; } .timo-widget-capture_ss_documentfiles .timo-widget-attachedFile img { width: 100%; max-width: 75%; } .timo-widget-capture_ss_documentfiles .timo-widget-attached_status_msg { width: 48%; display: inline-block; vertical-align: top; font-weight: 400; } .timo-widget-capture_ss_documentfiles .timo-widget-attached_status_msg p { font-size: 13px; line-height: 18px; font-weight: 400; vertical-align: top; } .timo-widget-capture_ss_documentfiles span { background: #1277d9; color: #fff; padding: 2px; border-radius: 50%; width: 20px; height: 20px; display: inline-block; font-size: 13px; vertical-align: middle; text-align: center; position: absolute; top: 0; margin-left: 2px; } /* ------------- Timo contact Supoort Form Style END ------------- */ /* --------- success message Style START--------- */ .timo-widget-contact-support #timo-widget-successDiv { display: block; padding: 16px; background: #fff; border-radius: 8px; } .timo-widget-contact-support #timo-widget-errorDiv { display: block; padding: 16px; background: #fff; border-radius: 8px; } .timo-widget-contact-support #timo-widget-resultDiv .timo-widget-form-container { padding: 16px; overflow: auto; height: fit-content; } .timo-widget-contact-support .timo-widget-thankyou-block { margin: 0px !important; } .timo-widget-contact-support .timo-widget-thankyou-block h4 { margin: 0px !important; margin-bottom: 5px !important; color: rgb(17, 17, 17) !important; font-size: 15px; font-weight: 500; margin-top: 8px !important; } span.chatTimotext { color: #1277d9; font-weight: 600; margin-bottom: 0px !important; } .timo-widget-contact-support .timo-widget-thankyou-block p { color: rgb(17, 17, 17) !important; font-size: 14px; line-height: 23px; font-weight: 400; margin-bottom: 8px !important; } .timo-widget-contact-support .timo-widget-thankyou-block span.timo-createdTickNo { font-weight: 600; color: #111111; } .timo-widget-contact-support .timo-widget-blockquote-footer::before { content: none !important; } .timo-widget-contact-support .timo-widget-blockquote-footer { display: block; font-size: 15px; color: rgb(17, 17, 17); font-family: "Work Sans", sans-serif !important; font-weight: 400 !important; } /* --------- success message END--------- */ @keyframes slideIn { 0% { opacity: 0; transform: translateY(100%); } 25% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes slideOut { 0% { transform: translateY(0); } 100% { transform: translateY(100%); } } /*Change text in autofill textbox*/ input:-webkit-autofill { -webkit-text-fill-background-color: #fff !important; } .text-center { text-align: center; } #question:focus { outline: none; } #timo-widget-contactSupportForm { padding: 16px; height: fit-content; /* max-height: 70vh; */ overflow: auto; display: flex; flex-direction: column; } .timo-widget-contact-support-form { background: #fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.6px 0.54px -1.33px, rgba(0, 0, 0, 0.13) 0px 2.29px 2.06px -2.67px, rgba(0, 0, 0, 0.04) 0px 10px 9px -4px; padding: 16px; margin-bottom: 0; border-radius: 8px; display: flex; flex-direction: column; } .timo-widget-astrisk { color: #fc1f54; } .timo-widget-attachment-block { display: block; margin-bottom: 0px; } .timo-widget-captureScreenshot { position: relative; width: 50%; display: inline-block; } .timo-widget-captureScreenshot .icon:hover { cursor: pointer; } .timo-widget-captureScreenshot .icon { width: 30px; height: 30px; background: #1277d9; border: 2px solid #1277d9; border-radius: 50%; display: inline-block; } .timo-widget-captureScreenshot .icon img { padding: 7px; vertical-align: middle; text-align: center; } .CaptureScreenshotFileLBL { font-weight: 400; font-size: 13px !important; vertical-align: middle; } /* ------FeedBack form CSS START--------- */ .timo-widget-feed-backform-wrapper { padding: 20px 16px; background: #ffffff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.6px 0.54px -1.33px, rgba(0, 0, 0, 0.13) 0px 2.29px 2.06px -2.67px, rgba(0, 0, 0, 0.04) 0px 10px 9px -4px; margin: 8px 0; } .timo-widget-feed-backform-wrapper .timo-widget-feed-backform-header { text-align: center; } .timo-widget-feed-backform-wrapper .timo-widget-feed-backform-header p { display: inline-block; margin: 0px 0 0 8px; width: auto; } .timo-widget-feed-backform-wrapper .timo-widget-feed-backform-header img { max-width: 22%; margin-bottom: 12px; } .timo-widget-feed-backform-wrapper .timo-widget-form-row .timo-widget-btn { margin-top: 16px; } .timo-widget-feed-backform-details p { margin: 0px; font-size: 14px; color: #585858; line-height: 21px; margin: 0px 0 5px 0; } .timo-widget-feed-backform-details .timo-widget-btn { font-size: 14px !important; border-radius: 16px !important; padding: 4px 16px !important; margin-right: 5px !important; background-color: transparent !important; color: #1277d9 !important; border: 1px solid #1277d9 !important; width: auto !important; } .timo-widget-feed-backform-details .timo-widget-btn-secondary { background-color: transparent !important; color: #1277d9 !important; border: 1px solid #1277d9 !important; width: auto !important; } .timo-widget-feed-backform-details .timo-widget-btn.selected { background-color: #1277d9 !important; color: #ffffff !important; border-color: #1277d9 !important; } .timo-widget-feed-backform-details .timo-widget-btn-secondary:hover, .timo-widget-feed-backform-details .timo-widget-btn-secondary:focus { background-color: #1277d9 !important; color: #ffffff !important; border: 1px solid #1277d9 !important; } .timo-widget-feed-backform-rating { margin-top: 8px; } .timo-widget-feed-backform-rating p { margin: 0px; font-size: 14px; color: #585858; line-height: 21px; margin: 0px 0 5px 0; } .timo-widget-feed-backform-rating img { margin-right: 5px; cursor: pointer; } /* ------FeedBack form CSS END--------- */ /* ------timo-widget-after_feedback_thankyou CSS Start--------- */ .timo-widget-after_feedback_thankyou .timo-widget-header-icon { text-align: center; } .timo-widget-after_feedback_thankyou .timo-widget-main-wrapper .timo-widget-user-details .timo-widget-form-row { margin-bottom: 8px; } .timo-widget-after_feedback_thankyou .timo-widget-main-wrapper .timo-widget-user-details .timo-widget-form-row label { font-size: 16px; line-height: 22px; color: #585858; font-weight: 500; } .timo-widget-after_feedback_thankyou .timo-widget-main-wrapper .timo-widget-user-details .timo-widget-form-row p { font-size: 16px; line-height: 22px; color: #585858; font-weight: 400; margin: 0; } /* ------timo-widget-after_feedback_thankyou CSS END--------- */ .timo-widget-dot-div { background: #fff; width: 55px; } .timo-widget-dot-typing { position: relative; left: -9975px; width: 10px !important; height: 10px !important; border-radius: 5px !important; background-color: #1277d9; color: #1277d9; box-shadow: 9984px 0 0 0 #1277d9, 9999px 0 0 0 #1277d9, 10014px 0 0 0 #1277d9; animation: timo-widget-dot-typing 1.2s infinite linear; margin: 8px 0; } @keyframes timo-widget-dot-typing { 0% { box-shadow: 9984px 0 0 0 #1277d9, 9999px 0 0 0 #1277d9, 10014px 0 0 0 #1277d9; } 16.667% { box-shadow: 9984px -10px 0 0 #1277d9, 9999px 0 0 0 #1277d9, 10014px 0 0 0 #1277d9; } 33.333% { box-shadow: 9984px 0 0 0 #1277d9, 9999px 0 0 0 #1277d9, 10014px 0 0 0 #1277d9; } 50% { box-shadow: 9984px 0 0 0 #1277d9, 9999px -10px 0 0 #1277d9, 10014px 0 0 0 #1277d9; } 66.667% { box-shadow: 9984px 0 0 0 #1277d9, 9999px 0 0 0 #1277d9, 10014px 0 0 0 #1277d9; } 83.333% { box-shadow: 9984px 0 0 0 #1277d9, 9999px 0 0 0 #1277d9, 10014px -10px 0 0 #1277d9; } 100% { box-shadow: 9984px 0 0 0 #1277d9, 9999px 0 0 0 #1277d9, 10014px 0 0 0 #1277d9; } } .timo-widget-chatbot-inputBox { width: 100%; display: flex; } #timo-widget-startChat .timo-widget-chatbot-inputBox { flex-flow: wrap !important; margin-bottom: 24px; } #timo-widget-startChat .timo-widget-chatbot-inputBox:last-child { margin-bottom: 0px !important; } #timo-widget-startChat .timo-widget-contact-support-form { box-shadow: none !important; padding: 16px 0 8px 0; } #timo-widget-startChat .timo-widget-contact-support-form:last-child { padding-bottom: 0px !important; } .timo-widget-contact-support-form .timo-widget-chatbot-inputBox { flex-flow: wrap !important; margin-bottom: 20px; position: relative; } .timo-widget-contact-support-form .timo-widget-chatbot-inputBox .timo-widget-floating-lbl { position: absolute; top: -8px; font-size: 12px; background: #fff; padding: 0 5px; left: 10px; font-family: "Work Sans", sans-serif !important; font-weight: 400; color: #585858 !important; /* z-index: 9; */ } .timo-widget-contact-support-form .timo-widget-chatbot-inputBox input[type="text"], .timo-widget-contact-support-form .timo-widget-chatbot-inputBox input[type="email"] { margin-top: 0px !important; color: #66788f !important; } .timo-widget-contact-support-form .timo-widget-chatbot-inputBox .timo-widget-form-control { padding: 8px 16px !important; margin-top: 10px !important; } .timo-widget-contact-support input[type="text"], .timo-widget-contact-support input[type="email"], .timo-widget-contact-support textarea { outline: none; } .timo-widget-chatbotInput-wrapper { display: flex; align-items: center; padding: 0 16px 8px; position: absolute; bottom: 0; width: calc(100% - 32px); background: #f6f6f7; } .timo-widget-CaptchaWrap { position: relative; margin: 8px 0 20px 0; /* border: 1px solid #757575; */ border-radius: 8px; padding: 8px; background: #f1f1f1; height: 30px; } .timo-widget-ReloadBtn { width: auto !important; height: auto !important; border-radius: 5px !important; min-width: auto !important; border-radius: 50% !important; border: none; text-align: center; vertical-align: middle; } .timo-widget-Captcha-section .timo-widget-CaptchaTxtField { display: flex; flex-direction: column; width: calc(100% - 60px); padding-right: 16px; } .timo-widget-Captcha-section .timo-widget-CaptchaTxtField .timo-widget-timo-capcode { height: 35px; } .timo-widget-ReloadBtn img { width: 20px; height: 20px; border: 0px; cursor: pointer; display: flex; vertical-align: middle; align-items: center; } .timo-widget-Captcha-section .success { color: green; font-size: 13px !important; line-height: 16px !important; margin-bottom: 10px !important; margin-top: 4px; display: none; } .timo-widget-btndisbled { color: #fff; pointer-events: none; opacity: 0.65; } .fs-13 { font-size: 14px; font-weight: 500 !important; } #timo-widget-feedbackcommentbox { position: relative; margin-top: 12px; } #timo-widget-feedbackcommentbox .timo-widget-form-row { display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 16px; } #timo-widget-feedbackcommentbox .timo-widget-form-row label { font-size: 13px; margin-bottom: 5px; position: absolute; background: #ffffff; left: 16px; top: -8px; padding: 0 3px; } @media (max-width: 768px) { ::placeholder { font-size: 11px !important; } } @media (max-width: 500px) { .timo-widget-ReloadBtn { padding: 5px 6px !important; } .timo-widget-ReloadBtn img { width: 15px !important; height: 15px !important; } .timo-widget-contact-support .timo-widget-header .timo-widget-header-content { font-size: 15px; } .timo-widget-contact-support .timo-widget-header span.timo-widget-minus-icon { font-size: 24px; top: 3px; left: 0px; } .timo-widget-contact-support .timo-widget-header span.timo-widget-close-icon { font-size: 14px; } } @media screen and (max-width: 667px) { .timo-widget-contact-support .timo-widget-header .timo-widget-header-content { font-size: 15px !important; } .timo-widget-contact-support .timo-widget-header span.timo-widget-close-icon { font-size: 16px; } } @media screen and (max-width: 320px) { .timo-widget-contact-support .timo-widget-header .timo-widget-header-content { font-size: 14px !important; } .timo-widget-contact-support .timo-widget-header span.timo-widget-close-icon { font-size: 16px; } .timo-widget-contact-support .timo-widget-header span.timo-widget-minus-icon { left: 0px; } } .timo-widget-CaptchaWrap { display: flex; align-items: center; justify-content: space-between; } #timo-widget-questionContainerError { position: absolute; bottom: 2px; left: 25px; } .timo-widget-spacer { display: block; /* height: 50px; margin: 0 0 -45px 0; */ background: transparent; } #timo-widget-fullDescription { min-height: 80px; } @media (min-device-width: 768px) and (max-device-width: 954px) { #timo-widget-fullDescription { min-height: 60px; } .timo-widget-contact-support .timo-widget-send-messageBTN { margin: 0px !important; } } .timo-widget-questionBordr { border: 1px solid #1972d5 !important; } input[type="text"]:disabled { color: #40505b !important; opacity: 1 !important; } .isWidgetLoading { pointer-events: none; opacity: 0.5; filter: blur(1px); } .widget_loader_wrapper { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; } .widgetLoader { border: 3px solid #1972d5; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; } .widgetLoader img { animation: spin 2s linear infinite; padding: 3px 0 0 0; width: 35px; height: 35px; transform: rotate(90deg); } @keyframes spin { 0% { transform: rotateY(360deg); } 100% { transform: rotateY(0deg); } } @-webkit-keyframes spin { 0% { transform: rotateY(360deg); } 100% { transform: rotateY(0deg); } } @-moz-keyframes spin { 0% { transform: rotateY(360deg); } 100% { transform: rotateY(0deg); } } .timo-widget-contact-support-form .timo-widget-chatbot-inputBox input[type="text"], .timo-widget-contact-support-form .timo-widget-chatbot-inputBox input[type="email"] { height: auto !important; } .timo-widget-contact-support-form .timo-widget-chatbot-inputBox .timo-widget-floating-lbl { height: auto; } .timo-widget-contact-support-form .timo-widget-ReloadBtn { background: transparent !important; padding: 0 !important; margin-top: 3px !important; } .timo-widget-contact-support .timo-widget-thankyou-block h3, .timo-widget-contact-support .timo-widget-thankyou-block p { font-style: normal; } .timo-widget-contact-support .timo-widget-thankyou-block h4 { font-style: normal; }
Smart Travel & Expense
solutions with Peri
Transform your travel & expense management with Peri.
Employees
Enhance employee productivity and business growth by streamlining travel and expense management
If your employees are worried about verifying allowances amid a sales pitch, their productivity may get affected, and the entire business trip might be a waste. Ensure this doesn’t happen. Make their lives smoother with PERI.
  • File for expenses on the move, in advance, or on an urgent basis through
    the mobile application
  • Eliminate the need to hang on to bills, invoices, and receipts
  • Expedite reimbursement requests, thus eliminating the disappointment that comes with delays
  • Improve employee satisfaction and enhance the business’s overall productivity
See pricing plans
Peri® Use Cases
Arranging client meetings
Advance fund request
Efficient approval system
Client upkeep
Business trip management
Manufacturing
Enable employees to collaborate with vendors seamlessly and crank up productivity
Manufacturing companies rely on an intricate network of sales vendors and component suppliers to manufacture the end product. The only vulnerable point threatening this network is a loose end in the financial paper trail. PERI plugs every leak without skipping any detail, making the system ironclad.
  • Automate accounts payable to eliminate manual data entry and paperwork
  • Use detailed insights and analytics to explore more depth in business relations
  • Manage and control spends while ensuring compliance
  • Ensure that the standard operating procedures and company protocols of every company are implemented without errors
  • Enhance productivity by automating expense management processes
See pricing plans
Peri® Use Cases
Vendor & Supplier feasibility analysis based on expense reports
Resource Allocation strategies facilitated by actionable insights
Ease of access for the sales representative to file expenses in case of unplanned client visits
Ironclad receipt/bills management system to store and facilitate financial audits
Ability to update financial policies and hierarchies to keep up with Government norms
Get in touch with us!
PERI is an intelligent, user-friendly expense tracking and management software.
Links
Key Benefits
Features
Pricing
Support
Company
Terms & Conditions
Privacy Policy
Contact Us
Get in touch
support@peri.global
©2025 Peri® Technologies, Inc. All Rights Reserved