body{overflow:hidden}.body_background{height:calc(var(--vh, 100vh) - var(--header-height))}.dashboard_calls_container{display:flex;flex-wrap:nowrap;column-gap:2rem}.name-time{position:relative}.dashboard_calls_content{padding:0 2rem}.dashboard_call_list{width:30%;flex:0 0 30%;transition:flex .4s ease,max-height .4s ease,opacity .4s ease,padding .3s ease}.dashboard_call_list .dashboard_call_list_item{max-height:calc(var(--vh, 100vh) - var(--header-height) - var(--call-list-header-height) - var(--title-padding-top) - var(--title-padding-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:4px}.dashboard_call_list_item ul li .name-time .icons{display:flex;flex-direction:row;justify-content:flex-end;column-gap:15px}.dashboard_call_list_item ul li .name-time .icons .icon-pin{visibility:hidden}.dashboard_call_list_item ul li.pinned-call .name-time .icons .icon-pin{visibility:visible}.dashboard_call_list_item ul li .name-time .icons .icon-booked{display:none}.dashboard_call_list_item ul li.appointment-booked .name-time .icons .icon-booked,.dashboard_call_list_item ul li.pinned_call .caller-name .icon-pin{display:block}.dashboard_call_list .dashboard_call_list_item::-webkit-scrollbar,.chat_converstation .transcript::-webkit-scrollbar{width:6px}.dashboard_call_list .dashboard_call_list_item::-webkit-scrollbar-thumb,.chat_converstation .transcript::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px}.dashboard_call_list .dashboard_call_list_item::-webkit-scrollbar-track,.chat_converstation .transcript::-webkit-scrollbar-track{background:transparent}.dashboard_call_list ul{list-style:none;margin:0;padding:0}.dashboard_call_item .dashboard_call_list_item{display:flex;align-items:center;padding:12px 16px}.dashboard_call_list ul{list-style:none;padding:0;margin:0}.dashboard_call_item{display:flex;align-items:center;padding:12px 10px;border-bottom:1px solid #1c1c1e;border-radius:20px}.avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;overflow:hidden;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;text-transform:uppercase}.avatar img{width:100%;height:100%;object-fit:cover}.message-info{flex:1;min-width:0}.name-time,.sentiment-number_from{display:flex;justify-content:space-between;font-size:16px;font-weight:500;align-items:center}.stamp span:first-child{text-transform:uppercase}.message-preview{font-size:14px;margin-top:2px;display:-webkit-box;-webkit-line-clamp:3;line-height:1.3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timestamp{font-size:13px;flex-shrink:0}.dashboard_call_information{width:70%;position:relative;padding:0 8px 4px 0;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:translate(20px);transition:max-height .4s ease,padding .4s ease,opacity .3s ease,transform .3s ease,visibility .3s ease;max-height:calc(var(--vh, 100vh) - var(--header-height));overflow-y:auto;scrollbar-width:thin}@media screen and (min-width:750px){.dashboard_call_information{max-height:calc(var(--vh, 100vh) - var(--header-height))}}.dashboard_calls_content.open_caller_info .dashboard_call_information{padding:12px 16px;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.chevron{margin-left:10px;font-size:18px}.dashboard_call_item>.chevron{align-self:center}.dashboard_call_item:hover{cursor:pointer}.dashboard_call_search{background:inherit;flex:1}.dashboard_call_search input{width:100%;padding:10px 14px;border-radius:8px;border:none;outline:none;background:#ffffff1a;font-size:14px}.close-mobile{display:none}#close{background:transparent;cursor:pointer;display:flex;justify-content:center;z-index:10;border:none;padding:0;position:absolute;top:40%;transform:translateY(-50%)}.dashboard-call-controls-container{position:relative;padding-bottom:12px}.dashboard-call-controls-container:before{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:var(--theme-background_agent);left:-16px;width:calc(100% + 32px)}#tab-all{width:50%}#tab-hidden,#tab-pinned{width:25%}.dashboard-call-controls{display:flex;justify-content:flex-end;column-gap:12px}#close:before{content:"\203a";font-size:20px;line-height:1;color:#aaa;transform:rotate(180deg)}.pin{position:absolute;top:45px;right:60px;background:#000;font-size:16px;width:auto;text-align:center;height:45px;border:2px solid white;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4}.pin-call-button{cursor:pointer;font-size:18px}.dashboard_tabs{display:flex}.tab-button{font-weight:600;border:none;cursor:pointer;width:50%;display:flex;align-items:center;justify-content:center}.tab-button .pin_icon_active{display:none}.tab-button.active .pin_icon_active{display:block}.tab-button.active .pin_icon{display:none}.tab-button.active{font-weight:700}.pin svg{fill:#fff;width:30px;height:30px}#output_summary{background:var(--theme-background_inactive_tab);padding:5px;font-size:12px;border-radius:5px}.dashboard_call_information,.dashboard_call_list_item{border-radius:5px}.dashboard_call_information h2{font-size:1.2rem;font-weight:600;margin-top:0;margin-bottom:0;text-transform:uppercase}#output_time{font-size:1.2rem}.transcript{display:flex;flex-direction:column;gap:8px;margin-top:1rem}.user-line{align-self:flex-end;max-width:85%;padding:1rem;border-radius:12px}.agent-line{align-self:flex-start;max-width:85%;padding:1rem;border-radius:12px}.dashboard_call_information hr{margin:1rem 0}#audio_display{margin-top:1rem}.dashboard_call_information audio{height:34px}.dashboard_call_search{position:relative}.dashboard_call_search .search-icon{position:absolute;left:10px;top:19px;transform:translateY(-50%);color:var(--theme-font_color);font-size:16px;pointer-events:none}.name-time span:first-child svg.icon-pin{background-color:transparent;position:absolute;right:0;left:0;bottom:-20px;margin:0 auto;width:45px;height:auto}.name-time .icons svg{background-color:transparent;width:28px;height:auto}.name-time span:first-child svg{fill:#fff;width:25px;height:25px;border-radius:40%;background:#0ac100;padding:4px;border:0px solid white;box-sizing:border-box}.search-icon svg{height:2rem;width:2rem;fill:none;vertical-align:middle}.timestamp .icon_info_wrapper{width:28px;height:28px;border-radius:50%;background:#000;border:1px solid white;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.timestamp{display:flex;flex-wrap:nowrap;align-items:center;column-gap:.5rem}.timestamp .icon_info_wrapper img{width:8px;height:15px}.caller-name{display:flex;flex-wrap:nowrap;align-items:center;column-gap:.5rem}.dashboard_call_search input{width:100%;padding:10px 14px 10px 36px;border-radius:8px;border:none;outline:none;background:#ffffff1a;color:#fff;font-size:14px}.back-container{display:none}.dashboard_call_list_header{display:flex;column-gap:8px;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard_call_list_header.demo{justify-content:center}.heading-demo{color:#009ef2;font-weight:600}.summary_date{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.pin_button_new,#booked_container{background-color:transparent;border:none;padding:0;margin:0;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none;color:var(--theme-main-text-color);font-size:15px;right:70px}.pin_button_new{border:1px solid var(--theme-font_color);border-radius:50%;padding:3.5px 5px}.details-icons{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.booked_info{color:#aee2a1;font-size:2.2rem;text-align:left;line-height:3rem}.pin_new{width:30px;height:30px}.chat_converstation_title{display:flex;align-items:center;justify-content:space-between}#from_phone .icon-phone{width:25px;height:25px;border-radius:40%;background-color:rgb(from var(--theme-background_agent) r g b / var(--theme-background_agent_opacity));padding:4px;border:0px solid white;box-sizing:border-box}.color_panels{background-color:rgb(from var(--theme-main-color) r g b / var(--theme-panel-opacity))}.body_background{background-color:rgb(from var(--theme-main-color) r g b / var(--theme-background-opacity))}.page-width,.h2,h2,.dashboard_call_search input,#from_phone a,.dashboard_call_search input::placeholder,#close,.close-mobile{color:var(--theme-font_color)!important}.name-time span:first-child svg.icon-pin{fill:var(--theme-name_phone_font_color)}.name-time span:first-child,sentiment-number_from span:last-child{color:var(--theme-name_phone_font_color)}.stamp span:first-child{background-color:var(--theme-sentiment_background);color:var(--theme-sentiment_color_text)}.agent-line{background-color:rgb(from var(--theme-background_agent) r g b / var(--theme-background_agent_opacity));color:var(--theme-text_color_agent)}.timestamp,.message-preview,.dashboard_call_search input::placeholder,.dashboard_call_search input::-moz-placeholder,.dashboard_call_search input:-ms-input-placeholder,.dashboard_call_search input::-ms-input-placeholder,.dashboard_call_search input::-webkit-input-placeholder{color:var(--theme-date_summary_font_color)}.dashboard_call_list_item ul li .dashboard_call_item{background-color:rgb(from var(--theme-unread_background) r g b / var(--theme-background_unread_opacity));color:var(--theme-unread_color_text )}.dashboard_call_list_item ul li.read-call .dashboard_call_item{background-color:rgb(from var(--theme-read_background) r g b / var(--theme-background_read_opacity));color:var(--theme-read_color_text)}.dashboard_call_list_item ul li.pinned-call .dashboard_call_item{background-color:rgb(from var(--theme-read_background) r g b / var(--theme-background_read_opacity));color:var(--theme-unread_color_text)}.user-line{background-color:rgb(from var(--theme-background_user) r g b / var(--theme-background_user_opacity));color:var(--theme-text_color_user)}.tab-button{background-color:var(--theme-background_inactive_tab);color:var(--theme-text_color_inactive_tab)}.dashboard_call_list_item ul li.pinned-call .name-time .icons .icon-pin{color:var(--theme-text_color_inactive_tab)}#tab-hidden .icon path{fill:var(--theme-text_color_inactive_tab)}.dashboard-call-controls .hide-call-btn path{fill:var(--theme-text_color_inactive_tab)}.dashboard-call-controls .pin-call-button svg.papin path{stroke:var(--theme-text_color_inactive_tab)}.tab-button.active{background-color:var(--theme-background_active_tab);color:var(--theme-text_color_active_tab)}.tab-button.active .icon{fill:var(--theme-text_color_active_tab)}#from_phone .icon-phone{fill:var(--theme-text_color_agent)}@media screen and (max-width:1089px){.call_list_container.page-width{padding:0 2rem}}@media screen and (max-width:989px){html:not(.caller_panel_opened),body:not(.caller_panel_opened){overflow-y:hidden}.header-hidden-on-mobile{display:none}.body_background{height:var(--vh, 100vh)}.dashboard_calls_content.open_caller_info .close-mobile{display:block;position:fixed;top:12px;right:15px;background:#000;font-size:20px;width:30px;text-align:center;height:30px;border:2px solid white;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.dashboard_calls_content.open_caller_info{padding:0}.dashboard_call_list_header{position:sticky;top:0;z-index:2;transition:transform .3s ease,opacity .3s ease}.dashboard_call_list_header.hidden{transform:translateY(-100%);opacity:0}.call_list_container.page-width{padding:0}.dashboard_call_information,.dashboard_call_list{width:100%}.dashboard_calls_container{column-gap:0}#audio_display audio{width:100%}.flex_content{flex-direction:column-reverse}.flex_content .chat_converstation{width:100%}.dashboard_call_list{max-height:1000px;overflow:hidden;opacity:1;padding:initial;margin:initial;flex:0 0 100%;transition:max-height .4s ease,opacity .4s ease,padding .3s ease,flex .4s ease}.dashboard_calls_content.open_caller_info .dashboard_call_list{max-height:0;opacity:0;padding:0;margin:0;flex:0 0 0;pointer-events:none}}@media screen and (max-width:749px){.booked-and-icons{width:25%!important}}@media screen and (max-width:500px){.booked-and-icons{width:35%!important}.dashboard_call_list_header{padding:0 2rem}.dashboard_calls_content{padding:2rem 0}.dashboard_calls_content{padding:2rem 0;transition:padding .3s ease}}@media screen and (max-width:412px){.booked-and-icons{width:43%!important}}@media screen and (max-width:350px){.booked-and-icons{width:50%!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/dashboard-calls.css.map */