/* /web/static/lib/bootstrap/scss/_functions.scss */ /* /web/static/lib/bootstrap/scss/_mixins.scss */ /* /web/static/src/scss/mixins_forwardport.scss */ /* /web/static/src/scss/bs_mixins_overrides.scss */ /* /web/static/src/legacy/scss/utils.scss */ /* /web_enterprise/static/src/scss/primary_variables.scss */ /* /web/static/src/scss/primary_variables.scss */ /* /web_enterprise/static/src/core/notifications/notifications.variables.scss */ /* /web_enterprise/static/src/webclient/home_menu/home_menu.variables.scss */ /* /web_enterprise/static/src/webclient/navbar/navbar.variables.scss */ /* /web/static/src/core/notifications/notification.variables.scss */ /* /web/static/src/search/control_panel/control_panel.variables.scss */ /* /web/static/src/search/search_panel/search_panel.variables.scss */ /* /web/static/src/views/form/form.variables.scss */ /* /web/static/src/views/kanban/kanban.variables.scss */ /* /web/static/src/webclient/burger_menu/burger_menu.variables.scss */ /* /web/static/src/webclient/navbar/navbar.variables.scss */ /* /base/static/src/scss/onboarding.variables.scss */ /* /mail/static/src/scss/variables/primary_variables.scss */ /* /web_editor/static/src/scss/web_editor.variables.scss */ /* /web_editor/static/src/scss/wysiwyg.variables.scss */ /* /portal/static/src/scss/primary_variables.scss */ /* /account/static/src/scss/variables.scss */ @keyframes animate-red{0%{color: red;}100%{color: inherit;}}.animate{animation: animate-red 1s ease;} /* /website/static/src/scss/primary_variables.scss */ /* /website/static/src/scss/options/user_values.custom.web.assets_frontend.scss */ /* /website/static/src/scss/options/colors/user_color_palette.custom.web.assets_frontend.scss */ /* /website/static/src/scss/options/colors/user_gray_color_palette.scss */ /* /website/static/src/scss/options/colors/user_theme_color_palette.custom.web.assets_frontend.scss */ /* /web_gantt/static/src/scss/web_gantt.variables.scss */ /* /documents/static/src/scss/documents.variables.scss */ /* /marketing_automation/static/src/scss/variables.scss */ /* /hr_org_chart/static/src/scss/variables.scss */ /* /website/static/src/snippets/s_badge/000_variables.scss */ /* /website/static/src/snippets/s_product_list/000_variables.scss */ /* /theme_bam/static/src/scss/primary_variables.scss */ /* /website/static/src/scss/secondary_variables.scss */ /* /web_enterprise/static/src/scss/secondary_variables.scss */ /* /web/static/src/scss/secondary_variables.scss */ /* /web_editor/static/src/scss/secondary_variables.scss */ /* /website/static/src/scss/user_custom_bootstrap_overridden.scss */ /* /website/static/src/scss/bootstrap_overridden.scss */ /* /portal/static/src/scss/bootstrap_overridden.scss */ /* /web_editor/static/src/scss/bootstrap_overridden.scss */ /* /web/static/src/scss/bootstrap_overridden_frontend.scss */ /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9app.scss */ @font-face{font-family: "Helvetica"; src: url(/bv_five9_dashboard/static/src/fonts/Helvetica-Bold.woff2) format("woff2"), url(/bv_five9_dashboard/static/src/fonts/Helvetica-Bold.woff) format("woff"); font-weight: bold; font-style: normal; font-display: swap;}@font-face{font-family: "Helvetica"; src: url(/bv_five9_dashboard/static/src/fonts/Helvetica.woff2) format("woff2"), url(/bv_five9_dashboard/static/src/fonts/Helvetica-Bold.woff) format("woff"); font-weight: normal; font-style: normal; font-display: swap;}.dashboard_design{background-color: #242A34; color: #fff;}body{margin: 0; box-sizing: border-box; color-scheme: dark;}div.o-main-components-container{background-color: #242A34; padding: 10px; box-sizing: border-box; color: #fff; height: 100%; min-height: 100vh; font-family: "Helvetica";}div.o-main-components-container header{gap: 10px;}.o_notification_manager .o_notification{background-color: #242A34 !important; color: #fff !important;}.o_notification_manager .o_notification .o_notification_close.btn{color: #fff !important;}.o_notification_manager .o_notification .o_notification_close.btn:hover{color: #b00 !important;}.screen-heading{font-size: 2.5rem; color: #fff !important;}.text-left{text-align: left !important;}i.mute-icon, i.support-mute-icon{position: absolute; left: 1em; top: 0.5em; cursor: pointer; font-size: 1.5rem;}i.mute-icon.fa-volume-off, i.support-mute-icon.fa-volume-off{color: lightslategray;}i.support-mute-icon{left: auto; right: 1.4rem; top: 0.33rem;}i.support-mute-icon.fa-volume-off{right: 2.15rem;}.websocketError{position: fixed; top: 50%; left: 50%; animation: textBlink 3s linear infinite; transform: translate(-50%, -50%); font-size: 4.15rem; color: rgba(205, 92, 92, 0.5); text-align: center; font-style: italic; pointer-events: none; z-index: 111;}@keyframes textBlink{0%{color: rgba(205, 92, 92, 0.5);}50%{color: indianred;}0%{color: rgba(205, 92, 92, 0.5);}} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9configurationscreen/five9configurationlines/five9configurationlines.scss */ tr.config_tr td:nth-child(1){min-width: 215px;}.all-skills-dashboard tr.config_tr td:nth-child(1){min-width: 220px;}.all-skills-dashboard tr.config_tr td.play_section{width: 183px;}.all-skills-dashboard tr.config_tr td.play_section .val-icon{right: -4px;}.all-skills-dashboard tr.config_tr td.cool-down{width: 212px;}input.soundLink, input.clipName{color: #ffffff; background-color: transparent; border: none; border-bottom: .1rem solid; transition: .2s all ease-in-out;}input.soundLink.readonly, input.clipName.readonly{max-width: 145px; border-bottom: none; color: #999999;}input.soundLink:focus, input.clipName:focus{border-color: #60C7B3; outline: none;}input.soundLink.activeSound, input.clipName.activeSound{color: #248CA7;}.blur-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); backdrop-filter: blur(10px); z-index: 50;}.dropdown_opt_wrapper{width: 150px;}.dropdown_opt_wrapper.disabled{cursor: none; pointer-events: none;}.dropdown_opt_wrapper.disabled .dropbtn{color: #ADB5BD;}.dropdown_opt_wrapper .dropdown_option{width: 100%; height: 34px; background-color: #232934; padding: 2.5px 30px 0 16px; cursor: pointer; border: 2px solid #ADB5BD;}@media screen and (max-width: 767px){.dropdown_opt_wrapper .dropdown_option{padding: 0 21px 0 16px;}}.dropdown_opt_wrapper .dropdown_option::after{content: ''; background: url("/bv_five9_dashboard/static/src/webapp/components/five9app/five9configurationscreen/five9configurationlines/images/drop.svg") no-repeat center; background-size: contain; width: 15px; height: 9px; right: 10px; top: 10px; position: absolute;}@media screen and (max-width: 767px){.dropdown_opt_wrapper .dropdown_option::after{width: 13px; height: 8px; right: 8px;}}.dropdown_opt_wrapper .dropdown_option .dropbtn{vertical-align: middle;}.dropdown_opt_wrapper.active .dropdown_option{border-radius: 6px 6px 0 0; border-bottom: 0;}.dropdown_opt_wrapper.active .dropdown_option:after{transform: rotate(180deg);}.dropdown_opt_wrapper.active .dropdown_option:before{content: ''; position: absolute; left: 9px; right: 9px; bottom: 0; border-bottom: 2px solid #ADB5BD;}.dropdown_opt_wrapper.active .dropdown_wrapper{display: block; z-index: 10; padding: 0;}.dropdown_opt_wrapper .dropdown_wrapper{display: none; background-color: #232934; padding: 12px 9px 10px 16px; border: 2px solid #ADB5BD; border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0; position: absolute; left: 0; right: 0; top: 100%;}.dropdown_opt_wrapper .dropdown_wrapper .dropdown-content{width: 100%; max-height: 200px; overflow-y: auto; z-index: 2; margin: 10px 0 0 !important;}.dropdown_opt_wrapper .dropdown_wrapper .dropdown-content li{color: #999999; padding: 0 15px !important;}.dropdown_opt_wrapper .dropdown_wrapper .dropdown-content li.p-1:not(:last-child){margin-bottom: 10px;}.dropdown_opt_wrapper .dropdown_wrapper .dropdown-content li.p-1:hover, .dropdown_opt_wrapper .dropdown_wrapper .dropdown-content li.p-1.active{cursor: pointer;}.dropdown_opt_wrapper .dropdown_wrapper .dropdown-content li.p-1.active{color: #ffffff; text-decoration: underline;}.dropdown_opt_wrapper .dropdown-content li.focused{background-color: #dee2e6;}.dropdown_opt_wrapper:focus{outline: 0; border: 3px solid #568BD8; background-color: #568BD8; border-radius: 6px 6px 6px 6px;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9configurationscreen/five9configurationpopup/five9configurationpopup.scss */ .configuration-popup{background-color: #242a34; overflow: unset; padding: 40px 20px 12px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 400px; z-index: 60; border: 5.5px solid #60c7b3; border-radius: 33px; display: none;}.configuration-popup.active{display: block;}.configuration-popup h5.screen-heading{color: #ffffff !important;}.configuration-popup .note{font-style: italic; margin: 12px 0 50px;}.configuration-popup table.popup tr td:nth-child(1){padding-right: 4px; width: 100px;}.configuration-popup table.popup tr td{color: #ffffff !important;}.configuration-popup table.popup tr td input{width: 100%; padding: 3px; margin: 6px;}.configuration-popup table.popup tr td input[type=number]{width: 100%;}.configuration-popup table.popup tr td span.text-info, .configuration-popup table.popup tr td div.text-info{margin: 4px 0;}.configuration-popup table.popup tr td span.text-info.text-large, .configuration-popup table.popup tr td div.text-info.text-large{text-align: center; font-size: 1.1rem; font-weight: bold; padding: 2px;}.flex-grow-2{flex-grow: 2;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9configurationscreen/five9configurationscreen.scss */ .o-main-components-container .sales-configuration{padding: 50px 44px;}.o-main-components-container .sales-configuration.all-skills-dashboard{padding: 50px 22px;}.o-main-components-container .sales-configuration .custom-number-td{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; overflow: hidden;}.o-main-components-container .sales-configuration input[type="number"]::-webkit-inner-spin-button, .o-main-components-container .sales-configuration input[type="number"]::-webkit-outer-spin-button{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}.o-main-components-container .sales-configuration div.arrows{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-top: -2.25px; margin-left: -21px;}.o-main-components-container .sales-configuration div.arrows._popup{margin-left: -27px;}.o-main-components-container .sales-configuration button.up-arrow.inputBtn::before{content: ''; position: relative; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid currentColor; height: 15px; display: inline-block;}.o-main-components-container .sales-configuration button.down-arrow.inputBtn::before{content: ''; position: relative; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid currentColor; height: 15px; display: inline-block;}.o-main-components-container .sales-configuration button.inputBtn{background-color: transparent; color: #fff; padding: 0 4px; height: 18px; border: none; outline: none; cursor: pointer; transition: background-color 0.2s;}.o-main-components-container .sales-configuration button.inputBtn:hover::before{color: cyan;}.o-main-components-container .sales-configuration button.down-arrow.inputBtn{transform: rotate(180deg);}.o-main-components-container .sales-configuration button.inputBtn:focus{outline: none;}.o-main-components-container .sales-configuration h6.text-center{font-size: 14px; margin-bottom: 20px;}.o-main-components-container .sales-configuration th{min-width: 120px;}.o-main-components-container .sales-configuration td, .o-main-components-container .sales-configuration th{font-size: 16px; padding-bottom: 18px; padding-right: 20px;}.o-main-components-container .sales-configuration td:not(:first-child), .o-main-components-container .sales-configuration th:not(:first-child){text-align: center;}.o-main-components-container .sales-configuration td.abbrev-text:not(:first-child), .o-main-components-container .sales-configuration th.abbrev-text:not(:first-child){text-align: left; color: rgba(255, 255, 255, 0.35);}.o-main-components-container .sales-configuration .conf-sound{color: #999999;}.o-main-components-container .sales-configuration .val-icon, .o-main-components-container .sales-configuration .pause-icon{background: url(/bv_five9_dashboard/static/src/img/play.svg) no-repeat center/contain; width: 25px; height: 25px; cursor: pointer; right: -16px; top: 5px;}.o-main-components-container .sales-configuration .pause-icon{background: url(/bv_five9_dashboard/static/src/img/pause2.svg) no-repeat center/contain; margin-left: .25rem; margin-top: .1rem; width: 23px; height: 23px;}.o-main-components-container .sales-configuration .val-icon{background: url(/bv_five9_dashboard/static/src/img/play.svg) no-repeat center/contain; width: 25px; height: 25px; cursor: pointer; display: inline-block;}.o-main-components-container .sales-configuration .con-select{border: 1px solid #fff; border-width: 0 0 1px 0; color: #fff; font-size: 14px; padding-bottom: 5px; min-width: 100px; margin-right: 15px; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/bv_five9_dashboard/static/src/img/down-arrow.svg) no-repeat; background-size: 15px; background-position: top 6px right 5px; background-color: transparent; cursor: pointer;}.o-main-components-container .sales-configuration .con-select:focus{outline: 0;}.o-main-components-container .sales-configuration .con-select option{color: #000; font-size: 18px;}.o-main-components-container .sales-configuration .action-btns.active .save-popup{display: block;}.o-main-components-container .sales-configuration .action-btns .btn{border: 2px solid; width: 115px; border-radius: 8px; transition: all 0.3s ease-in-out;}.o-main-components-container .sales-configuration .action-btns .btn.btn-primary{background-color: #60C7B3; border-color: #60C7B3; color: #242A34; margin-right: 15px;}.o-main-components-container .sales-configuration .action-btns .btn.btn-primary:hover{border-color: #60C7B3; color: #60C7B3; background-color: #242A34;}.o-main-components-container .sales-configuration .action-btns .btn.btn-secondary{border-color: #60C7B3; color: #60C7B3; background-color: #242A34;}.o-main-components-container .sales-configuration .action-btns .btn.btn-secondary:hover{background-color: #60C7B3; color: #242A34;}.o-main-components-container .sales-configuration .conf-sound select{color: #999999; background-image: url(/bv_five9_dashboard/static/src/img/down-arrow2.svg); border-color: #999999;}.o-main-components-container .sales-configuration input[type=number]{width: 75px; border: 0; color: #fff; height: 31px; background-color: transparent; padding: 1.5px 1px 0 2px; outline: 1px solid transparent; transition: all 0.3s ease; text-align: center; -moz--webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}.o-main-components-container .sales-configuration input[type=number]:focus{outline-color: #fff;}.o-main-components-container .sales-configuration .save-popup{border: 3px solid #60C7B3; background-color: #242A34; border-radius: 12px; padding: 12px; width: 270px; bottom: 70px; left: 50%; transform: translateX(-50%); display: none;}.o-main-components-container .sales-configuration .save-popup .opt-item{margin-bottom: 20px;}.o-main-components-container .sales-configuration .save-popup p{font-size: 14px;}.o-main-components-container .sales-configuration .save-popup .opt-left{width: 40%; font-size: 15px;}.o-main-components-container .sales-configuration .save-popup .opt-right{width: 55%; font-size: 15px;}.o-main-components-container .sales-configuration .save-popup .val-icon{top: 0;}.o-main-components-container .sales-configuration.all-skills-dashboard td:nth-child(2), .o-main-components-container .sales-configuration.all-skills-dashboard td:nth-child(4){color: #999999;}.o-main-components-container .sales-configuration.all-skills-dashboard td.cool-down input{color: #999999; width: 65px; margin-right: 35px;}.o-main-components-container .sales-configuration.all-skills-dashboard td.cool-down input:focus{outline-color: #999999;}.o-main-components-container .sales-configuration.all-skills-dashboard td.cool-down .redirect-icon{background: url(/bv_five9_dashboard/static/src/img/export-svg.svg) no-repeat center/contain; display: inline-block; cursor: pointer; width: 25px; height: 25px; right: 16px; top: 7px;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9header/five9header.scss */ span.screen_name{font-size: 21px; padding-left: 5px; position: absolute;}.header_section{z-index: 200; position: relative;}.login-main{min-height: calc(100vh - 62.63px);}.logo{max-width: 150px; margin: auto;}@media screen and (min-width: 768px){.logo{max-width: 292px;}}.logo img{width: 100%;}#printTime{margin-right: 5px;}.time-date{font-size: 12px; margin-top: -5px; position: absolute; right: 2.75rem;}@media screen and (min-width: 768px){.time-date{font-size: 15px;}}.time-date.hamburger_hide{right: 0.3rem;}.menu_icon{font-size: 25px; position: relative; top: 3px;}div.modal.o_legacy_dialog.o_technical_modal{color: #242A34;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9loader/five9loader.scss */ .loadContainer{width: 100%; position: fixed; z-index: 100; background: #242a34; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: 100vh;}.loader{font-weight: bold; font-family: monospace; font-size: 30px; display: inline-grid;}.loader:before, .loader:after{content: "Please wait..."; grid-area: 1/1; -webkit-mask: linear-gradient(90deg, #000 50%, #0000 0) 0 50%/2ch 100%; mask: linear-gradient(90deg, #000 50%, #0000 0) 0 50%/2ch 100%; animation: loading 1s infinite cubic-bezier(0.5, 220, 0.5, -220);}.loader:after{-webkit-mask-position: 1ch 50%; mask-position: 1ch 50%; --s: -1;}@keyframes loading{100%{transform: translateY(calc(var(--s, 1)*0.1%));}} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9loginscreen/five9login.scss */ .flex-g2{flex-grow: 2;}.login-container{max-width: 480px; margin: 20px auto;}.login-container .form-label{font-size: 0.8rem; margin-right: 20px;}.login-container .form-control{font-size: 0.8rem; padding: 9px 12px; color: #000; border: 2px solid transparent; box-shadow: none; border-radius: .5rem;}.login-container .form-control.is-invalid, .login-container .form-control.is-valid{border-width: 3.5px !important;}.login-container .form-control.is-valid{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");}.login-container .form-control.is-invalid{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");}.login-container .form-control:focus{border-color: #004C99;}.login-container .row .alert{padding: 6px; font-size: .9rem; margin-right: 0.25rem; margin-left: 0.25rem;}.login-container .btn-primary{background-color: #004C99; border-color: #004C99; font-size: 20px; margin: 60px auto 20px; width: 116px; height: 58px; border-radius: 40px; line-height: 60px; padding: 0; transition: all .5s ease;}.login-container .btn-primary:hover{background-color: #fff; color: #000;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9salesmessage/five9salesmessage.scss */ .quote-container{text-align: center; background-color: #242A34; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; overflow: hidden; min-height: 330px; max-height: 330px; overflow-y: auto;}.quote{font-size: 2.5vw; font-weight: bold; color: #60C7B3; margin: 0;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9salestv/five9salesagentstatus/five9salesagentstatus.scss */ div.sales-table > table em{font-size: 14.5px;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9salestv/five9salesagentstatusline/five9salesagentstatusline.scss */ em.agent_state{font-size: 12.5px !important;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9salestv/five9salesretention/five9salesretention.scss */ .retention-content .sales-table{max-height: 180px; overflow-y: hidden;}.retention-content .sales-table table > thead tr:nth-child(1) th{background: #242A34; position: sticky; top: 0; z-index: 10;}.retention-content .sales-table::-webkit-scrollbar{width: 0.4em; height: 0.4em;}.retention-content .sales-table.scrollY:hover{overflow-y: scroll;}.retention-content .sales-table::-webkit-scrollbar-thumb{background-color: rgba(255, 255, 255, 0.1); border-radius: 3px;}.retention-content .sales-table::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.2);} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9salestv/five9salestv.scss */ body{margin: 0; box-sizing: border-box;}.flex-g2{flex-grow: 2;}.salestv-container{max-width: 480px; margin: 20px auto;}.o-main-components-container{background-color: #242A34; padding: 10px; box-sizing: border-box; color: #fff; height: 100%; min-height: 100vh; font-family: "Helvetica"; word-break: break-word;}.o-main-components-container header{gap: 10px;}.o-main-components-container .login-main{min-height: calc(100vh - 62.63px);}.o-main-components-container .logo{max-width: 150px; margin: auto;}@media screen and (min-width: 768px){.o-main-components-container .logo{max-width: 292px;}}.o-main-components-container .logo img{width: 100%;}.o-main-components-container #printTime{margin-right: 5px;}.o-main-components-container .time-date{font-size: 12px;}@media screen and (min-width: 768px){.o-main-components-container .time-date{font-size: 16px;}}.o-main-components-container .login-container{max-width: 480px; margin: 20px auto;}.o-main-components-container .login-container .form-label{font-size: 12px; margin-right: 20px;}.o-main-components-container .login-container .form-control{font-size: 12px; padding: 9px 12px; color: #000; border: 2px solid transparent; box-shadow: none; border-radius: 8px;}.o-main-components-container .login-container .form-control:focus{border-color: #004C99;}.o-main-components-container .login-container .btn-primary{background-color: #004C99; border-color: #004C99; font-size: 20px; margin: 60px auto 20px; width: 116px; height: 58px; border-radius: 50px; line-height: 60px; padding: 0; transition: all .5s ease;}.o-main-components-container .login-container .btn-primary:hover{background-color: #fff; color: #000;}.o-main-components-container .sec-main-header .menu-btn{background: url(/bv_five9_dashboard/static/src/img/hamburger.svg) no-repeat center/contain; width: 28px; height: 28px; display: inline-block; cursor: pointer;}.o-main-components-container .sec-main-header .slide-panel.active .slide-content{display: block;}.o-main-components-container .sec-main-header .slide-panel.active .slide-content li.parent:hover .child-menu{display: block;}.o-main-components-container .sec-main-header .slide-panel.active .menu-btn{background-image: url(/bv_five9_dashboard/static/src/img/x.svg);}.o-main-components-container .sec-main-header .slide-content{right: 0; top: calc(100% + 10px); display: none;}.o-main-components-container .sec-main-header .slide-content a{color: #fff; padding: 16px 8px; display: block;}.o-main-components-container .sec-main-header .slide-content ul{background-color: #393a3c; border-radius: 8px; padding: 8px;}.o-main-components-container .sec-main-header .slide-content > ul{width: 269px; text-align: right;}.o-main-components-container .sec-main-header .slide-content li{border-radius: 10px;}.o-main-components-container .sec-main-header .slide-content li:hover{background: #fff !important;}.o-main-components-container .sec-main-header .slide-content li:hover > a{color: #000;}.o-main-components-container .sec-main-header .slide-content li:hover > a:after{filter: invert(1);}.o-main-components-container .sec-main-header .slide-content li.parent > a{position: relative;}.o-main-components-container .sec-main-header .slide-content li.parent > a::after{background: url(/bv_five9_dashboard/static/src/img/chevron-left.svg) no-repeat center/contain; content: ""; position: absolute; left: 20px; top: 16px; display: inline-block; width: 20px; height: 20px;}.o-main-components-container .sec-main-header .slide-content li:not(:last-child){margin-bottom: 6px;}.o-main-components-container .sec-main-header .slide-content li:not(.dotted-bckg):not(.dark-bckg){background-color: #248CA7;}.o-main-components-container .sec-main-header .slide-content li.dark-bckg{background-color: #C31514;}.o-main-components-container .sec-main-header .slide-content li.dotted-bckg{background: repeating-linear-gradient(-45deg, #23445D 1px, #23445D 2px, transparent 1px, transparent 8px); background-size: 20px 20px; background-color: rgba(186, 200, 211, 0.25);}.o-main-components-container .sec-main-header .slide-content .child-menu{right: 100%; width: 269px; top: 0; text-align: center; display: none;}.o-main-components-container .sales-main-contents .sales-slider span:not(:last-child){margin-right: 100px;}.o-main-components-container .sales-main-contents .salestv-left{padding: 10px; width: calc(70% - 10px); margin-right: 10px;}.o-main-components-container .sales-main-contents .salestv-left .data-box-container{grid-template-columns: repeat(8, 1fr); column-gap: 17px;}.o-main-components-container .sales-main-contents .salestv-left .data-box-container .data-box:nth-child(10){margin-right: 0;}.o-main-components-container .sales-main-contents .salestv-right{width: calc(30% - 10px); margin-left: 10px;}.o-main-components-container .sales-main-contents .salestv-right .retention-content{padding: 10px 10px 0;}.o-main-components-container .sales-main-contents .salestv-right .retention-content .sales-table{padding: 0 6px;}.o-main-components-container .sales-main-contents .salestv-right .retention-content .sales-table th, .o-main-components-container .sales-main-contents .salestv-right .retention-content .sales-table td{font-size: 16px;}.o-main-components-container .sales-main-contents .salestv-right .data-box-container{padding: 0 8px; grid-template-columns: repeat(4, 1fr); column-gap: 20px;}.o-main-components-container .sales-main-contents .salestv-right .data-box-container .data-box .dt-name, .o-main-components-container .sales-main-contents .salestv-right .data-box-container .data-box .dta-title, .o-main-components-container .sales-main-contents .salestv-right .data-box-container .data-box .dta-val{font-size: 12px; font-weight: 700; letter-spacing: .03px;}.o-main-components-container .sales-main-contents .salestv-right .data-box-container .data-box:nth-child(4){margin-right: 0;}.o-main-components-container .border-blue{border: 2px solid #248CA7; border-radius: 15px;}.o-main-components-container .border-red{border: 2px solid #C31514; border-radius: 15px;}.o-main-components-container .sales-col.col-5 .sales-box:not(:last-child){margin-bottom: 10px;}.o-main-components-container .sales-data{margin-top: 10px; padding: 0 20px;}.o-main-components-container .sales-data .dt-val{line-height: 1.2;}.o-main-components-container .sales-data.three-col .dt-val{font-size: 40px;}.o-main-components-container .sales-data.four-col .dt-val{font-size: 32px;}.o-main-components-container .sales-data .dt-title{font-size: 15px;}.o-main-components-container .sales-box{border: 14px solid #6b6b6b; border-radius: 10px; padding: 8px 15px; text-align: center; height: fit-content; position: relative;}.o-main-components-container .sales-box.dark-border-3s{border-color: #C31514; animation: blink 3s linear infinite;}.o-main-components-container .sales-box.dark-border-1s{border-color: #C31514; animation: blink 1s linear infinite;}.o-main-components-container .sales-box.dark-border-steady{border-color: #C31514;}.o-main-components-container .sales-box.flex-fill .sales-title{font-size: 1.65rem; line-height: 1.3;}.o-main-components-container .sales-box.flex-fill .wait-time{padding: .3rem;}.o-main-components-container .sales-box.flex-fill .hold-box span, .o-main-components-container .sales-box.flex-fill .wait-time span{line-height: 1.2;}.o-main-components-container .sales-box.flex-fill .hold-box span:first-child, .o-main-components-container .sales-box.flex-fill .wait-time span:first-child{font-size: 3.45rem;}.o-main-components-container .sales-box.flex-fill .hold-box span:last-child, .o-main-components-container .sales-box.flex-fill .wait-time span:last-child{font-size: 1.5rem;}.o-main-components-container .sales-box.flex-fill .wait-row{margin-bottom: 1rem;}.o-main-components-container .sales-box.flex-fill .sales-data .dt-title{font-size: 1.1rem;}.o-main-components-container .sales-box .sales-title{font-size: 24px; line-height: 1.2;}.o-main-components-container .sales-box .hold-box{border-radius: 12px; padding: 5px;}.o-main-components-container .sales-box .hold-box.dark-bg{background-color: #C31514;}.o-main-components-container .sales-box .hold-box span, .o-main-components-container .sales-box .wait-time span{line-height: 1;}.o-main-components-container .sales-box .hold-box span:first-child, .o-main-components-container .sales-box .wait-time span:first-child{font-size: 50px;}.o-main-components-container .sales-box .hold-box span:last-child, .o-main-components-container .sales-box .wait-time span:last-child{font-size: 18px;}.o-main-components-container .sales-box .wait-row{padding: 0 20px;}.o-main-components-container .sales-table{padding: 0 10px; max-width: 640px; margin: 0 auto;}.o-main-components-container .sales-table table{width: 100%;}.o-main-components-container .sales-table th, .o-main-components-container .sales-table td{font-size: 18px; padding-bottom: 10px; vertical-align: top; padding-right: 5px;}.o-main-components-container .sales-table th:last-of-type, .o-main-components-container .sales-table td:last-of-type{text-align: center;}.o-main-components-container .sales-table .circle-sales{width: 16px; height: 16px; display: inline-block; border-radius: 50%; outline-width: 4px; outline-style: solid; outline-offset: -1px; margin-right: 10px; vertical-align: middle;}.o-main-components-container .sales-table .circle-sales.circle-ready{outline-color: #60C7B3; background-color: #60C7B3;}.o-main-components-container .sales-table .circle-sales.circle-ready.pending-state{background-color: #6b6b6b;}.o-main-components-container .sales-table .circle-sales.circle-ringing{background-color: #60C7B3; outline-color: #fff;}.o-main-components-container .sales-table .circle-sales.circle-acw{background-color: #fff; outline-color: #C31514;}.o-main-components-container .sales-table .circle-sales.circle-oncall{background-color: #fff; outline-color: #fff;}.o-main-components-container .sales-table .circle-sales.circle-lunch, .o-main-components-container .sales-table .circle-sales.circle-approved, .o-main-components-container .sales-table .circle-sales.circle-break{background-color: #6b6b6b; outline-color: #C31514;}.o-main-components-container .sales-table .circle-sales.circle-offline{background-color: #6b6b6b; outline-color: #6b6b6b;}.o-main-components-container .sales-table .circle-sales.circle-not-active{background-color: #242A34; outline-color: #C31514;}.o-main-components-container .sales-table .sales-agent-not-active em.agent_state{color: #C31514;}.o-main-components-container .help-col-row{margin-top: auto;}.o-main-components-container .help-col-row .help-title{font-size: 24px; font-weight: bold;}.o-main-components-container .help-col-row .help-val{font-size: 32px;}.o-main-components-container .help-col-row .help-status{font-size: 15px;}.o-main-components-container .help-col-row .sup-calls{border-radius: 12px;}.o-main-components-container .help-col-row .top-help, .o-main-components-container .help-col-row .sup-calls{padding: 10px; width: calc((100% - 24px) / 2);}.o-main-components-container #retention-slider{border-radius: 8px; margin-top: auto; min-height: 330px;}.o-main-components-container #retention-slider .carousel-content{row-gap: 50px;}.o-main-components-container .sales-marquee{font-size: 30px; font-style: italic;}@keyframes blink{0%{border: #C31514 solid 14px;}30%{border: #6b6b6b solid 14px;}50%{border: #C31514 solid 14px;}70%{border: #6b6b6b solid 14px;}100%{border: #C31514 solid 14px;}}.salestv-left .sales-table{max-height: 900px; overflow-y: hidden;}.salestv-left .sales-table table > thead tr:nth-child(1) th{background: #242A34; position: sticky; top: 0; z-index: 10;}.salestv-left .sales-table::-webkit-scrollbar{width: 0.4em; height: 0.4em;}.salestv-left .sales-table.scrollY:hover{overflow-y: scroll;}.salestv-left .sales-table::-webkit-scrollbar-thumb{background-color: rgba(255, 255, 255, 0.1); border-radius: 3px;}.salestv-left .sales-table::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.2);} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9screenfooter/five9screenfooter.scss */ .marquee_container{height: 40px; width: 100%; overflow: hidden; box-sizing: border-box; position: relative;}.marquee_inner{display: -webkit-box; display: -webkit-flex; display: flex; width: max-content; position: absolute;}.marquee_span{margin: 0 2rem;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9supporttv/five9databoxcontainer/five9databoxcontainer.scss */ .scrollable-grid{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, 1fr); gap: 10px; overflow-x: auto; white-space: nowrap;}.scrollable-grid::-webkit-scrollbar{height: 8px;}.scrollable-grid::-webkit-scrollbar-thumb{background-color: darkgrey; border-radius: 10px;}.grid-item{background-color: #f0f0f0; padding: 20px; text-align: center;} /* /bv_five9_dashboard/static/src/webapp/components/five9app/five9supporttv/five9supporttv.scss */ .o-main-components-container .supportTv-top{padding: 10px; padding-bottom: 0; max-height: 573px;}.o-main-components-container .supportTv-top .sales-box{width: 41.359%;}.o-main-components-container .supportTv-top .sales-box.bigger-box{width: 48.5%;}.o-main-components-container .supportTv-top .sales-box:first-child{margin-right: 20px;}.o-main-components-container .supportTv-top .sales-box:last-child{margin-left: 20px;}.o-main-components-container .five9-box-container{overflow-y: hidden;}.o-main-components-container .five9-box-container.scrollY:hover{overflow-y: scroll;}.o-main-components-container .five9-box-container::-webkit-scrollbar{width: 0.4em; height: 0.4em;}.o-main-components-container .five9-box-container::-webkit-scrollbar-thumb{background-color: rgba(255, 255, 255, 0.1); border-radius: 3px;}.o-main-components-container .five9-box-container::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.2);}.o-main-components-container .salestv-left .five9-box-container{max-height: 300px;}.o-main-components-container .salestv-right .five9-box-container{max-height: 182px;}.o-main-components-container .payment-table.border-blue{padding: 10px 25px;}.o-main-components-container .payment-table.border-blue th{font-weight: 400; font-size: 16px;}.o-main-components-container .payment-table.border-blue th, .o-main-components-container .payment-table.border-blue td{vertical-align: top;}.o-main-components-container .payment-table.border-blue th:not(:last-of-type), .o-main-components-container .payment-table.border-blue td:not(:last-of-type){padding-right: 20px; padding-bottom: 12px;}.o-main-components-container .payment-table.border-blue tr:last-child th:not(:last-of-type), .o-main-components-container .payment-table.border-blue tr:last-child td:not(:last-of-type){padding-bottom: 0;}.o-main-components-container .payment-table.border-blue td.pay-title{text-align: left; font-size: 20px; font-weight: 700; position: relative;}.o-main-components-container .payment-table.border-blue td.pay-title.all-skills{padding-top: 8px;}.o-main-components-container .payment-table.border-blue td:not(.pay-title){font-size: 28px; font-weight: 400;}.o-main-components-container .payment-table.border-blue td.dark-border-3s:not(.pay-title) span{border-color: #C31514; animation: blink_support_tv 3s linear infinite;}.o-main-components-container .payment-table.border-blue td.dark-border-1s:not(.pay-title) span{border-color: #C31514; animation: blink_support_tv 1s linear infinite;}.o-main-components-container .payment-table.border-blue td.dark-border-steady:not(.pay-title) span{border-color: #C31514 !important; border-width: 5px !important;}.o-main-components-container .payment-table.border-blue td.pay-hold span:not(.skl-icon), .o-main-components-container .payment-table.border-blue td.pay-waitTm span:not(.skl-icon){border: 1px solid #248CA7; border-radius: 8px; background-color: #242A34; display: inline-block; width: 100%;}.o-main-components-container .payment-table.border-blue td.pay-hold.dark-bg span, .o-main-components-container .payment-table.border-blue td.pay-waitTm.dark-bg span{background-color: #C31514; border-color: #C31514;}.o-main-components-container .data-box-container .data-box{padding: 8px 10px; outline-width: 2px; outline-style: solid; color: #000; border-radius: 12px; margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.o-main-components-container .data-box-container .data-box.dt-ready{background-color: #60C7B3; outline-color: #60C7B3;}.o-main-components-container .data-box-container .data-box.dt-ring{background-color: #60C7B3; outline-color: #fff;}.o-main-components-container .data-box-container .data-box.dt-onCall{background-color: #fff; outline-color: #fff;}.o-main-components-container .data-box-container .data-box.dt-acw{background-color: #fff; outline-color: #C31514;}.o-main-components-container .data-box-container .data-box.dt-meet, .o-main-components-container .data-box-container .data-box.dt-compl, .o-main-components-container .data-box-container .data-box.dt-break, .o-main-components-container .data-box-container .data-box.dt-lunch, .o-main-components-container .data-box-container .data-box.dt-appr{outline-color: #C31514; background-color: #6b6b6b; color: #fff;}.o-main-components-container .data-box-container .data-box.dt-offline{outline-color: #6b6b6b; background-color: #242A34; color: #fff;}.o-main-components-container .data-box-container .data-box.dt-not-active{outline-color: #C31514; background-color: #242A34; color: #fff;}.o-main-components-container .data-box-container .data-box .dt-name{font-size: 16px;}.o-main-components-container .data-box-container .data-box .dt-state{font-size: 10.5px;}.o-main-components-container .data-box-container .data-box .dt-state.dt-state-not-active{color: #C31514;}.o-main-components-container .skill-dashboard-table th:first-of-type, .o-main-components-container .skill-dashboard-table td:first-of-type{text-align: left; font-weight: 700; font-size: 24px;}.o-main-components-container .skill-dashboard-table th:not(:last-of-type), .o-main-components-container .skill-dashboard-table td:not(:last-of-type){padding: 0 10px 10px;}.o-main-components-container .skill-dashboard-table th{font-size: 16px; font-weight: 400;}.o-main-components-container .skill-dashboard-table th.skl-sound:after{background-image: url(/bv_five9_dashboard/static/src/img/sound.svg);}.o-main-components-container .skill-dashboard-table th.skl-mute:after{background-image: url(/bv_five9_dashboard/static/src/img/mute.svg);}.o-main-components-container .skill-dashboard-table td{font-size: 32px;}.o-main-components-container .skill-dashboard-table td.skl-icon, .o-main-components-container .skill-dashboard-table td span.skl-icon{position: relative;}.o-main-components-container .skill-dashboard-table td.skl-icon:before, .o-main-components-container .skill-dashboard-table td span.skl-icon:before{content: ''; width: 30px; height: 30px; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; margin-right: 10px;}.o-main-components-container .skill-dashboard-table td.skl-icon.skl-full:before, .o-main-components-container .skill-dashboard-table td span.skl-icon.skl-full:before{background-image: url(/bv_five9_dashboard/static/src/img/Vol_10.svg);}.o-main-components-container .skill-dashboard-table td.skl-icon.skl-half:before, .o-main-components-container .skill-dashboard-table td span.skl-icon.skl-half:before{background-image: url(/bv_five9_dashboard/static/src/img/Vol_5.svg);}.o-main-components-container .skill-dashboard-table td.skl-icon.skl-mute:before, .o-main-components-container .skill-dashboard-table td span.skl-icon.skl-mute:before{background-image: url(/bv_five9_dashboard/static/src/img/Vol_0.svg);}.o-main-components-container .skill-dashboard-table td.skl-hold .skl-val, .o-main-components-container .skill-dashboard-table td.skl-wait .skl-val{border: 1px solid #248CA7; background-color: #242A34; border-radius: 8px; padding: 5px 20px;}.o-main-components-container .skill-dashboard-table td.skl-hold.dark-bg .skl-val, .o-main-components-container .skill-dashboard-table td.skl-wait.dark-bg .skl-val{background-color: #C31514; border-color: #C31514;}@keyframes blink_support_tv{0%{border: #C31514 solid 5px;}30%{border: #6b6b6b solid 5px;}50%{border: #C31514 solid 5px;}70%{border: #6b6b6b solid 5px;}100%{border: #C31514 solid 5px;}}