.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; }
Welcome to Peri Technologies
Control your travel expenses smartly
Your smart and intuitive expense reporting tool.
Helping Businesses Ace their Travel & Expense Management
PERI is an intelligent, user-friendly expense tracking and management software that helps businesses bring more visibility and control into corporate spending and optimize costs. Administrators can easily configure expense policies, automate accounts, create approval workflows, systematize reimbursements, and synchronize seamlessly with any ERP application to manage travel and expenses like a pro.
With PERI in your arsenal, transform business outcomes by facilitating increased flexibility, transparency, sustainability, security, and maximized savings!
Key Benefits
Sunset in the mountains
Corporate Card
Integration

Effortlessly integrate your credit cards with the company’s travel & expense policy to get direct feeds.

Multilevel Approvals

Review requests through multilevel checkpoints for secure payments and reimbursement processing

User Management

Assign and manage user roles distinctly to enhance functionality and keep your digital assets secure.

Real-Time
Notifications

Track and manage expenses efficiently on a business trip with powerful reports and analytics tools.

Audit & Compliance

Access long-term data easily with complete data portability and a robust audit trail.

Effortless Reimbursements

Expedite multicurrency reimbursements securely, smartly, and accurately.

Peri is the Simplest Way to Manage Expenses
Streamline your expense management processes and maximize your productivity
Advance Cash Request
Raise advance cash requests for timely reimbursements and a seamless employee experience.
Bulk Upload
Cater to the growing volume of your business, and effortlessly upload expense reports in bulk.
Efficient Mileage Tracking
Cut costs, improve compliance, and facilitate accurate mileage reporting using GPS tracking.
Partial Rejection
Assigned Managers can review, approve, reject, and adjust requested amounts.
Expense Control
Allocate limitations as per policies, categories, and other user-defined classifications.
Automated Reports
Create, customize, and generate expense summary reports in a matter of minutes.
Automate Travel Expenses with PERI
Travel and expense management has never been easier. PERI is 100% online. Access PERI from anywhere, anytime using our iOS/Android app or through a web browser. Automate your current manual system by creating an integrated repository of all your spending data. Optimize costs, enhance spend visibility, control corporate spending, and build positive employee experiences with PERI
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