.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; }
Thought Leadership
The PERI leadership team regularly shares thoughts on emerging business trends and technology with leading global publications
gallery

How To Build Business Relationships That Last

CEO Today | LinkedIn

gallery

Is Now the Right Time to Take Your Company Global?

Entrepreneur.com 1/31/23

gallery

4 Ways Businesses Can Cut Their Energy Usage To Encourage Deflation

Forbes.com 1/20/23

gallery

Why "Cash is King" Should be Your Mantra — Business Owner or Not

Entrepreneur.com 1/23/23

gallery

The value of blockchain is in the technology

Fastcompany.com 1/18/23

gallery

Applied AI Isn't the Future; It's the Present

Newsweek.com 1/6/23

gallery

3 Ways Artificial Intelligence Will Transform The World in 2023

Entrepreneur.com 12/9/22

gallery

How Do You Fix the Stigma of Cryptocurrency?

Newsweek 12/13/22

gallery

If We Want a Green Blockchain, We Must Invest in It

Entrepreneur.com 12/9/22

gallery

Utilizing And Focusing On GoodTech

Forbes.com 12/8/22

gallery

Flexibility at the helm of a productivity renovation

Fastcompany.com 11/30/22

gallery

Looking to Automation as a Weapon in Curbing Inflation

Newsweek 11/22/22

gallery

How hiring a data science consultant can help you cut through the noise

Fastcompany.com 6/24/22

gallery

Three Reasons Why Your Established Organization Could Use A Startup

Forbes.com 5/31/22

gallery

5 Questions to Ask Yourself Before Buying an IoT Device

Newsweek.com 5/31/22

gallery

The Term 'Hybrid Model' Means More Than What You Think

Entrepreneur.com 5/18/22

gallery

Awareness is the key to safe automation

Fastcompany.com 5/16/22

gallery

Three Countries Are Leading In Global Value Creation — And America Isn't One of Them

Newsweek.com 5/4/22

Insights
CEO, CIO, and Founder Par Chadha regularly contributes articles with his insights on business leadership and emerging technologies to global publications
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