/* 
    Created on : Oct 18, 2024, 3:35:04 PM
    Author     : Chaitali-D
*/
/*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
.vocal-search-main.newbg-white{width: 100%;padding-top: 0;flex: 1 1 auto;display: flex;flex-direction: column;max-height: 100%;box-sizing: border-box;}/* Added to make the Tax Assistant main section responsive and fill available space - Chaitali Deshmukh on 31-05-2025 #StickyTaxAssistant */
.vocal-search-main textarea{margin-top: 5px;color: #000;resize: none;border: none;font-size: 16px !important;cursor: text;width: 100%;height: 80px;    padding-right: 82px;}
.vocal-search-main textarea:focus-visible{outline:none;}
.vocal-search-main textarea::-webkit-scrollbar {width: 8px;}/*scroll width */
.vocal-search-main textarea::-webkit-scrollbar-track {background: #f1f1f1;}/*scroll track */
.vocal-search-main textarea::-webkit-scrollbar-thumb {background: #ccc;}/*scroll handle */
.vocal-search-main textarea::-webkit-scrollbar-thumb:hover {background: #9b9b9b;cursor: pointer;}/*scroll handle on hover */
.vocal-search-main #process:hover{transition: all 0.5s;transform: scale(1.1);}
.vocal-search-input{position: relative; height:70%;}
.vocal-search-input #process{bottom: -6px;right: -4px;position: absolute;cursor: pointer;background: #c6243f;border-radius: 50%;width: 35px;height: 35px;color: #fff;text-align: center;display: flex;justify-content: center;align-items: center;}
.vocal-search-input #process i{font-size: 30px;margin-left: 4px;}
.vocal-search-audio{width: max-content;margin: auto;}
.vocal-startrecording{border-color: #C7253E; font-size: 16px;border-radius: 9px;color: #fff;padding: 8px 10px;display: inline-block;margin: 0 5px;}
.vocal-startrecording:hover{transition: all 0.5s;transform: scale(1.1);}
.vocal-startrecording{background: #C7253E;}
.vocal-startrecording:hover{background: #ad132b;border-color: #ad132b;}
/*.odin-exp-searchbox{display: flex;position: relative;}*//*Commented for sun protection layout change 2024-oct-188384142*/
.odin-exp-searchbox input{font-size:16px;width: 97%;height: 40px;padding: 10px 5px;border-radius: 9px;border: 3px solid #2f99ff;background: #fff;}
.odin-exp-searchbox button{position: absolute;right: 0;min-width: 75px;height:40px;padding: 0;font-size: 16px;border-top-right-radius: 9px; border-bottom-right-radius: 9px;border-top-left-radius: 0;border-bottom-left-radius: 0;top: 0px;background: #2f99ff;color: #fff;}
.odinexp-header{display: flex;align-items: center;justify-content: space-between; padding: 0 20px;}
.ur-expenses-header.odinexp-header h1{width: max-content;margin: 0;}
.odin-exp-searchbox button:hover{color:#fff;}
.odin-exp-searchbox button:focus{color:#fff;}
.vocal-clearText, .vocal-claims-btn{border-color: #C7253E; font-size: 14px;border-radius: 9px;color: #fff;padding: 8px 8px;display: inline-block;background: #000;min-width: 70px;border-color: #000;}
.vocal-clearText:hover, .vocal-claims-btn:hover{transition: all 0.5s;transform: scale(1.1);background: #535353;border-color: #535353;}
.vocal-clearText i{margin-left: 5px;}
.vocal-claims-btn{margin-right:10px;}
.vocal-mic{display:none;position: fixed; z-index: 999;font-size: 30px; margin: auto;letter-spacing: 1px;padding: 0;top: 0;text-align: center;left: 0;right: 0;bottom: 0;background:rgb(0 0 0 / 58%);color: #ffffff;}
.vocal-mic-icon{display: flex;justify-content: center;align-items: center; height: 90%;}
.vocal-mic-icon img{max-width: 130px;}
.vocal-mic-icon a{position: relative;}
.stopRecording-btn:hover{background: #747474;border-color: #000;transition: all 0.5s;transform: scale(1.1);}
.stopRecording-btn i, .vocal-startrecording i{margin-left: 10px;}
.stopRecording-btn{margin-top: 65px !important; background: #fff;min-width: 80px;padding: 7px 10px;position: absolute;top: 54%;left: 0;width: 90px;right: 0;margin: auto;}
.vocal-mic-icon .outline {width: 90px;height: 90px;border-radius: 50%;border: 8px solid #B5A4A4;animation: pulse 3s;animation-timing-function: ease-out;animation-iteration-count: infinite;position: absolute;}
.vocal-mic-icon .button {width: 210px;height: 210px;border-radius: 50%;background: #a1cdff;box-shadow: 0px 0px 80px #045BFF;position: absolute;}
.justify-center{justify-content: center;}
.flex-1{flex: 1;}
@keyframes pulse {
    0% {
      transform: scale(0);
      opacity: 0;
      border: 65px solid #0B3082;
    }
    50% {
      border: solid #A3FFC2;		
      opacity: 0.8;
      }
    90% {
      transform: scale(3.2);
      opacity: 0.2;
      border: 3px solid #2E3CFF;
    }
    100% {
      transform: scale(3.3);
      opacity: 0;
      border: 1px solid #7A89FF;
    }
}
#delayed {animation-delay: 1.5s;}
#circlein {width: 180px;height: 180px;border-radius: 50%;background: #fff;box-shadow: 0px -2px 15px #E0FF94;position: absolute;}
.sunprotection h2{margin: 0;}
.sunprotection-subheader{font-weight: 600;}
/* Added to show subtitle by Chaitali on 29-10-2024 */
.subtitleDisplay {display:none;font-size: 1.5em;font-weight: bold;color: #ffffff;background-color: rgba(0, 0, 0, 0.6);padding: 10px 20px;border-radius: 8px;text-align: center;max-width: max-content;margin: 0 auto;position: fixed; bottom: 5%;left: 0; right: 0;z-index: 99999;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);}
/* Added for Odin Assistance chat functionality by Chaitali */
/* Start */
#chat-body {font-family: Arial, sans-serif;}
#chat-container {padding: 0 15px;display: flex;flex-direction: column;flex: 1 1 auto;max-height: 100%;}
.chat-message{margin-bottom: 10px;padding: 8px;border-radius: 10px;max-width: 95%;display: inline-block;}
.user-message{background-color: #e6f7ff;align-self: flex-end;text-align: left;}
.ai-response{background-color: #f3f6f9;align-self: flex-start;text-align: left; white-space: pre;text-wrap: wrap;}
#messages-container .acc-summary{white-space: normal;}/*Added .acc-summary  for summary chat only - Chaitali Deshmukh on 12-06-2025 */
#input-section {padding: 5px 10px 0 10px;background: white;position: absolute;width: 100%;bottom: 0;left: 0;}
.spacer{border: 1px solid #ddd;}
#question{flex: 1;padding: 8px;border: 1px solid #ddd;border-radius: 5px;}
#send-message {padding: 9px 12px 8px 15px;background: linear-gradient(45deg, #2268e2, #5dbaf7);color: white;margin-left: 5px;cursor: pointer;border-radius: 50%;height: 45px;width: 44px;display: flex;justify-content: center;align-items: center;}
#send-message:hover{transition: all 0.5s;transform: scale(1.1);}
#send-message i{font-size: 30px;}
#startRecording {display: inline-flex;align-items: center;justify-content: center;background-color: #19a0f8;font-size: 14px;font-weight: 500;border: 1px solid #19a0f8;cursor: pointer;outline: none;white-space: nowrap;border-radius: 9px;color: #fff;padding: 8px 10px;margin: 0 5px;margin-right: 10px;}
#startRecording .circle {width: 20px;height: 20px;border: 3px solid #fff;border-radius: 50%;}
#startRecording span {display: none;margin-left:5px;}
.user-label {text-align: end;font-style: italic;color: #888;}
.ai-label {text-align: start;font-style: italic;color: #888;}
/* Typing dots effect By Chaitali on 20-11-2024 */
.typing {display: flex;gap: 5px;}
.typing span {display: inline-block;width: 8px;height: 8px;background-color: #999;border-radius: 50%;animation: slide 1.5s infinite;}
.typing span:nth-child(1) { animation-delay: 0s; }
.typing span:nth-child(2) { animation-delay: 0.2s; }
.typing span:nth-child(3) { animation-delay: 0.4s; }
.button-section{display: flex;justify-content: flex-end;position: absolute;right: -20px;top: 20px;}
#messages-container{overflow-y: auto;margin: 0 auto;padding: 12px 0;background-color: white;display: flex;flex-direction: column;width: 100%;flex: 1 1 auto;} /* Added changes for stiky chat container by Chaitali on 31-05-2025 #StickyTaxAssistant */
#messages-container::-webkit-scrollbar {width: 4px;}/*scroll width */
#messages-container::-webkit-scrollbar-track {background: #f1f1f1;}/*scroll track */
#messages-container::-webkit-scrollbar-thumb {background: #ccc;}/*scroll handle */
/* Added Blur effect To disable the tax assistance for Lodged and Finalised tax returns by Chaitali Deshmukh on 05-05-2025   */
/* Start */
.blurred {filter: blur(5px);pointer-events: none;opacity: 0.6;position: relative;}
.overlay-message {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);display: flex;justify-content: center;align-items: center;z-index: 10;}
.overlay-message .message-content {text-align: center;font-size: 18px;color: #333;background: #fff;padding: 20px;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
/* End */
/* Mute/Unmute Audio Button Styles for Tax Assistant */
#playPauseAudio {font-size: 24px;color: #fff;background: #2267e1;border-radius: 50%;padding: 8px 10px;margin-left: 15px;cursor: pointer;transition: background 0.2s, color 0.2s, transform 0.2s;box-shadow: 0 2px 8px rgba(34,103,225,0.08);border: 2px solid #fff;vertical-align: middle;display: inline-block;line-height: 1;}
#playPauseAudio.glyphicon-volume-up {background: #19a0f8;color: #fff;}
#playPauseAudio.glyphicon-volume-off {background: #f3f6f9;color: #2267e1;}
#playPauseAudio:hover, #playPauseAudio:focus {background: #06b6fa;color: #fff;transform: scale(1.08);outline: none;}
#playPauseAudio:active {background: #045BFF;color: #fff;transform: scale(0.96);}

@keyframes slide {
    0% { transform: translateY(0); opacity: 0.3; }
    50% { transform: translateY(-5px); opacity: 1; }
    100% { transform: translateY(0); opacity: 0.3; }
}
/* End */
.new-chatheader{background: linear-gradient(60deg, #2267e1 0%, #06b6fa 100%);padding: 10px 15px;border-top-right-radius: 7px;padding-right: 60px;border-top-left-radius: 7px;text-align: left;}
.new-chatheader span{color: #fff;font-weight: 600;font-size: 19px;}
/*Inputs summary flash message design - Pranita Jadhav 09/05/2025*/
.ai-response{display: flex;flex-direction: column;}
.ai-response.typing{display: flex;flex-direction: row;}
.ai-response.selected-help{display: flex;flex-direction: column;}
.ai-response .input-lable-head{border-bottom: 1px solid #6c6c6c3b;font-weight: 700; margin-bottom: 15px;line-height: 30px;}
.selected-help{color: #270;background-color: #DFF2BF;}
.selected-help .input-lable-head{border-bottom: 1px solid #007c003b;}
/* Ensure the row is a flex container and fills the viewport minus header/footer i Chaitali Deshmukh on 31-05-2025 #StickyTaxAssistant */
.d-flex.newexp-resprow {display: flex;align-items: flex-start;min-height: calc(100vh - 120px); /* adjust 120px for header/footer height *//*gap: 24px;  space between form and chat */}
/* Added  to make the Tax Assistant Chat section sticky and responsive - Chaitali Deshmukh on 31-05-2025 #StickyTaxAssistant */
.vocal-main-div {position: sticky;top: 20px;align-self: flex-start;height: fit-content;box-sizing: border-box;display: flex;flex-direction: column;}
/*Inputs summary flash message design end*/
@media (max-width: 1760px){
    /*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
    .vocal-claims-btn{margin-top: 8px;order: 2;}
    .vocal-clrtext-main{align-items: center;flex-direction: column;}
    .vocal-search-input {height: 58%;}
}
@media (max-width:1600px){
    /*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
    .sunprotection-form-div .fullwidth.calendar a{margin-right: 0;}
    .vocal-clearText, .vocal-claims-btn{font-size: 12px;}
}
@media (max-width: 1300px){
    /*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
    .odinexp-header h1{font-size:30px;}
    .odin-exp-searchbox input {width: 360px;}    
    .sunprotection-form-div .fullwidth.calendar a{float: left;margin-left: 10px;}
    .sunprotection-form-div .fullwidth .formBg{float: left;}
    .vocal-search-main textarea{height: 80px;}
    .new-chatheader span{display: block;}
    #playPauseAudio {
    margin-left: 0;
    }
}
@media (max-width: 1200px){
    .sunprotection-header .odinexp-header h1{font-size: 24px !important;}/*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/    
}
@media (max-width:1199px){
    /*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
    .odin-exp-searchbox input {width: 300px; font-size: 14px;padding-right: 70px !important;}
    .odin-exp-searchbox button {min-width: 62px;padding: 0;font-size: 16px;}
    .vocal-search-audio{display: flex;flex-direction: column;align-items: center;}
    .vocal-startrecording{margin-bottom: 10px;}
    .odinexp-header {padding: 0 10px;}
    .vocal-main-div{margin-top:40px;}
    .d-flex .newexp-resprow{flex-direction: column;}
    #input-section {padding: 5px 10px 0 10px;background: white;position: static;}
    .button-section {bottom: 60px;top: auto;}
    #messages-container {height: 400px; min-height: 400px;}
    .new-chatheader span{display: inline;}
    #playPauseAudio {
    margin-left: 15px;
    }
    /* Added to move Derek to the right side of the chat window for smaller screens - Chaitali Deshmukh on 31-05-2025 #StickyTaxAssistant */
    .new-schedule-wrapper .left-talk.help-assistant.responsive-pos {position: absolute !important;top: 40px !important;right: 12px !important;z-index: 9999 !important;}
}
@media (max-width:1024px){
    /*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
    .vocal-mic .outline {width: 70px;height: 70px;}
    .vocal-mic .button {width: 155px;height: 155px;}
    #circlein {width: 130px; height: 130px;}
    .vocal-mic-icon img {max-width: 90px;}
    .stopRecording-btn {margin-top: 30px !important;}
}
@media (max-width: 991px){
    /*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
    .odinexp-header h1 {font-size: 23px;}
    .vocal-mic-icon img{display: block !important;}
}
@media (max-width: 767px){
    .new-schedule-wrapper #leftTalk.left-talk{top: 133px !important;}
    .oth-privatehealth-cls #leftTalk.left-talk.full-joker{height: 75px !important;left: auto;}
}
@media (max-width: 680px){
    .vocal-clearText, .vocal-claims-btn{font-size: 11px !important;}/*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
}
@media  (max-width:545px){
    /*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
    .odin-exp-searchbox { margin-bottom: 15px;}
    .odinexp-header{flex-direction: column;justify-content: center;align-items: center;}
    .sunprotection-header .odinexp-header h1{min-height: 45px !important;}
    .odin-exp-searchbox input {width: 280px;}
    #chat-container #input-section{position: static;padding: 0;}
    .button-section{position: static;}
    .vocal-search-main textarea{padding-right: 5px;}
    .new-schedule-wrapper #leftTalk.left-talk{top: 200px !important;}
     .left-talk.full-joker.help-assistant {top: 40px !important;}
    }
@media (max-width: 480px){
    /*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
    .stopRecording-btn i, .vocal-startrecording i, .vocal-clearText i {margin-left: 4px;}
    .vocal-search-audio .stopRecording-btn, .vocal-startrecording{padding: 6px 6px;font-size: 13px;}
    .vocal-clearText {min-width: 75px;font-size: 13px;padding: 6px 6px;}
    .sunprotection form .calendar a{margin-right: 0;}
}
@media (max-width:380px){
    /*vocal functionality Cr. No. 2024-oct-188384142 - Pranita Jadhav 14-10-2024*/
    .odin-exp-searchbox input {width: 240px;}
    .container-fluid header {margin-top: 172px !important;}
}