#call-flow-diagram .e-diagram {
    background-color: var(--background-color) !important;
}

#call-flow-diagram {
    font-family: 'Roboto', sans-serif !important;
    background-color: var(--background-color);
    color: var(--text-color);
    margin: 0;
    user-select: none;
}
/*
    Toast
*/
#toast_main.toast {
    --fa-animation-iteration-count: 4;
}
#toast_main .toast {
    --fa-animation-iteration-count: 2;
    /*--fa-animation-delay: 500ms; Had this in when using 1 iteration.*/
}
/*
    Toast
*/
/*
    App Busy
*/
/*.app-busy {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
}*/

.e-spinner-inner .e-spin-material {
    stroke: var(--background-color) !important;
}

.e-spinner-inner .e-spin-label {
    color: var(--background-color) !important;
}
/*
    App Busy
*/
/*
    SidePanel
*/
#side-panel {
    border-radius: 10px;
    border: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 5px;
    right: 5px;
    overflow: hidden;
    height: 92vh;
    box-shadow: 0px 0px 25px var(--primary-color);
    background-color: var(--background-color);
    min-width: 850px;
}
#side-panel > form {
    display: flex;
    flex-direction: column;
    height: 92vh;
}
#side-panel:has(.summary-side-panel) {
    position: fixed;
    top: calc(8vh + -5px);
    right: 15px;
}
#side-panel .action-header {
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    column-gap: 20px;
    display: flex;
    padding: 18px 24px;
}
#side-panel .action-header i {
    color: var(--primary-color);
    width: 30px;
    height: 30px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-position-y: center;
}
#side-panel .action-header svg {
    color: var(--primary-color);
    height: 30px;
}
#side-panel .action-header h2 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}
#side-panel .action-header .enabled-switch {
    justify-content: center;
    text-align: center;
    position: relative;
}
#side-panel .action-header .enabled-switch .fieldLabel {
    color: var(--primary-color);
}
#side-panel .action-content {
    flex-grow: 1;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 24px;
    padding-bottom: 0;
}
#side-panel .action-content .top-panel {
    margin-bottom: 16px;
    padding: 0 8px;
}

    #side-panel .user-sidepanel .top-panel {
        padding: 0 8px 8px 8px;
        display: flex;
    }

        /*#side-panel .user-sidepanel .top-panel > :last-child {
            margin-left: auto;
        }*/

        #side-panel .user-sidepanel .top-panel > :nth-last-child(2) {
            margin-left: auto;
        }

        #side-panel .user-sidepanel .top-panel .e-numeric
        {
            margin-top: 23px;
        }

#lexcen #side-panel .action-content .e-toolbar.e-control[class*=e-toolbar] {
    border-bottom: 1px solid var(--border-color);
}
/*#side-panel .action-content .e-tab .e-tab-header {
  margin-bottom: 30px;
}*/
#side-panel .action-content .e-tab .e-tab-header .e-indicator {
  box-shadow: none;
}
#side-panel .action-content .e-content.e-lib.e-touch {
    /*height: calc(92vh - 385px);*/
    height: 59vh;
    padding: 0;
    padding-top: 20px;
}
#side-panel .action-footer {
    align-items: center;
    border-top: 1px solid var(--border-color);
    column-gap: 20px;
    display: flex;
    justify-content: space-between;
    padding: 18px 24px;
    }

.icon-monitoring {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='124' height='119'%3E%3Cpath d='M0 0 C10.28328379 8.07857349 17.55078931 20.20730639 19.2890625 33.25390625 C20.09406237 43.77965921 20.68224693 55.92430197 14.49609375 64.9609375 C12.86772637 66.6650429 11.20839623 68.34119191 9.49609375 69.9609375 C10.78679129 72.81533979 12.11761435 74.81188513 14.38525391 76.96606445 C14.96570465 77.52377029 15.5461554 78.08147614 16.14419556 78.65608215 C17.0802211 79.54368477 17.0802211 79.54368477 18.03515625 80.44921875 C19.35099243 81.72515699 20.66607382 83.001874 21.98046875 84.27929688 C24.05126543 86.28200112 26.12674849 88.27880687 28.21582031 90.26245117 C30.23412937 92.1838452 32.22951653 94.12677249 34.22265625 96.07421875 C34.85072174 96.65988113 35.47878723 97.24554352 36.12588501 97.84895325 C39.33936217 101.02334065 40.42283921 102.22661316 40.88818359 106.89135742 C40.75879395 107.90431885 40.6294043 108.91728027 40.49609375 109.9609375 C37.15165977 110.42821616 34.57595181 110.67138987 31.66702271 108.75756836 C29.69755378 106.97182982 27.85901169 105.11031446 26.03125 103.1796875 C25.35307724 102.49161011 24.67490448 101.80353271 23.97618103 101.09460449 C21.81996722 98.89929542 19.68939526 96.68089288 17.55859375 94.4609375 C16.09863261 92.96585702 14.63706091 91.47234744 13.17382812 89.98046875 C9.59565915 86.32523822 6.04029102 82.64910492 2.49609375 78.9609375 C-1.76686897 80.6381106 -5.75868019 82.60654176 -9.80859375 84.7421875 C-20.75338022 89.69113443 -35.63801006 89.87347697 -47.12890625 86.4609375 C-60.73249164 80.94964185 -70.71990676 70.28383417 -76.50390625 56.9609375 C-80.29661771 44.48252848 -80.32565844 29.78357273 -74.50390625 17.9609375 C-72.70284908 14.78318183 -70.71151102 11.86752003 -68.50390625 8.9609375 C-67.80265625 7.9503125 -67.10140625 6.9396875 -66.37890625 5.8984375 C-49.56786737 -13.32182669 -20.0179054 -13.7713892 0 0 Z M-48.50390625 3.9609375 C-49.68726563 4.63189453 -49.68726563 4.63189453 -50.89453125 5.31640625 C-60.85495754 11.46746421 -67.12792225 20.41018396 -69.87890625 31.8359375 C-71.72872908 43.32998228 -69.31621295 54.24079323 -62.5234375 63.7265625 C-54.32704966 73.41715909 -44.61410879 78.66105432 -32.04296875 80.27734375 C-22.478301 80.75712482 -12.60771508 77.77370559 -5.2734375 71.58203125 C-4.68949219 71.04707031 -4.10554688 70.51210937 -3.50390625 69.9609375 C-2.88902344 69.43628906 -2.27414063 68.91164063 -1.640625 68.37109375 C6.39872169 61.05477182 10.33562282 51.00012937 10.87109375 40.2734375 C10.5937585 29.00669308 6.09615409 18.87798238 -1.57421875 10.7734375 C-11.34682983 1.51159007 -21.13886481 -0.54202751 -34.23046875 -0.31640625 C-39.5978326 -0.08074873 -43.84682634 1.29385096 -48.50390625 3.9609375 Z ' fill='%231F1F1F' transform='translate(83.50390625,9.0390625)'/%3E%3Cpath d='M0 0 C6.90224782 5.15138437 13.11305837 11.06280486 15.7734375 19.43359375 C16.27473065 25.11203516 11.58940217 30.04798369 8.16796875 34.25 C1.47671947 41.44547784 -6.38548664 45.48121464 -16.1875 46.25 C-27.15975293 45.530508 -34.56654813 40.97171442 -41.8125 32.9375 C-47.58240632 25.99516979 -47.58240632 25.99516979 -48.5625 21.3125 C-47.17972138 13.16947035 -41.63090209 6.82027605 -35.40625 1.6953125 C-24.85411139 -5.73914879 -11.20729367 -6.76427272 0 0 Z M-29.375 12.6875 C-31.76132604 17.55193384 -32.00267075 21.80398699 -30.375 26.9921875 C-28.31327079 31.28132058 -25.4874961 33.53513179 -21.1484375 35.40625 C-16.05223482 36.8146551 -12.26372104 35.66762621 -7.6875 33.25 C-3.8242064 30.01561466 -2.3851172 27.48545207 -1.125 22.625 C-0.92738472 16.89415688 -2.78336176 13.39913398 -6.5 9.125 C-10.39072865 5.81788065 -13.81052 5.6509451 -18.71875 5.72265625 C-23.59238343 6.3151699 -26.25182641 9.15338252 -29.375 12.6875 Z ' fill='%23A2A2A2' transform='translate(70,28)'/%3E%3Cpath d='M0 0 C3.67700184 0.2828463 6.29660472 0.51872954 9.375 2.625 C11.5897648 5.86196394 11.93360525 8.08270987 12 12 C10.79689673 16.24624685 9.86963036 18.35283322 6.3125 21 C2.18900244 22.24482945 -0.9037628 22.38226934 -5 21 C-8.18160819 18.56302352 -9.69756663 17.04688475 -10.8125 13.1875 C-10.874375 12.465625 -10.93625 11.74375 -11 11 C-10.37351563 10.87625 -9.74703125 10.7525 -9.1015625 10.625 C-6.50380674 9.96941495 -4.34097603 9.31385675 -2 8 C-0.54595504 5.23894834 -0.36296076 3.16294373 0 0 Z ' fill='%23A4A4A4' transform='translate(53,38)'/%3E%3Cpath d='M0 0 C0.66 0.33 1.32 0.66 2 1 C-1.63 4.63 -5.26 8.26 -9 12 C-9.66 11.67 -10.32 11.34 -11 11 C-9.92173635 9.72486237 -8.83714481 8.45507431 -7.75 7.1875 C-7.14671875 6.47980469 -6.5434375 5.77210937 -5.921875 5.04296875 C-4.07629602 3.08110329 -2.20054668 1.54330375 0 0 Z ' fill='%23B9B9B9' transform='translate(37,28)'/%3E%3Cpath d='M0 0 C0.66 0.33 1.32 0.66 2 1 C-1.3 4.3 -4.6 7.6 -8 11 C-8.66 10.67 -9.32 10.34 -10 10 C-3.84965831 2.51708428 -3.84965831 2.51708428 0 0 Z ' fill='%23545454' transform='translate(24,9)'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px; /*Standard svg side pane icon width*/
    height: 30px; /*Standard svg side pane icon height*/
    display: inline-block;
    overflow: visible;
}

.icon-numbers {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 1672.8 2248.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B font-size: 275px; %7D .cls-1, .cls-2 %7B fill: %23fff; font-family: Roboto-Bold, Roboto; font-weight: 700; %7D .cls-2 %7B font-size: 400px; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.7.7, SVG Export Plug-In . SVG Version: 1.2.0 Build 194) --%3E%3Cg%3E%3Cg id='Layer_1'%3E%3Cpath d='M13.5,268.8C13.5,127.4,128.1,12.8,269.5,12.8s256,114.6,256,256-114.6,256-256,256S13.5,410.2,13.5,268.8ZM281.5,144c-7.4-4.3-16.5-4.3-24-.1l-56,32c-11.5,6.6-15.5,21.2-8.9,32.7s21.2,15.5,32.7,8.9l20.2-11.3v142.6h-40c-13.3,0-24,10.7-24,24s10.7,24,24,24h128c13.3,0,24-10.7,24-24s-10.7-24-24-24h-40v-184c0-8.6-4.6-16.5-12-20.8Z'/%3E%3Cpath d='M838.9,2233.1c141.4,0,256-114.6,256-256s-114.6-256-256-256-256,114.6-256,256,114.6,256,256,256ZM838.9,1849.1c53,0,96,43,96,96v64c0,53-43,96-96,96s-96-43-96-96v-64c0-53,43-96,96-96ZM790.9,1945.1v64c0,26.5,21.5,48,48,48s48-21.5,48-48v-64c0-26.5-21.5-48-48-48s-48,21.5-48,48Z'/%3E%3Cpath d='M838.9,524.8c141.4,0,256-114.6,256-256S980.3,12.8,838.9,12.8s-256,114.6-256,256,114.6,256,256,256ZM805.6,197.5l-24.2,18.4c-10.5,8-25.6,6-33.6-4.5s-6-25.6,4.5-33.6l24.2-18.4c15.8-12,35.2-18.4,55.1-18.1h3.4c46.5.8,83.8,38.7,83.8,85.2s-9.7,46-26.9,62.1l-64.3,60.2h83.3c13.3,0,24,10.7,24,24s-10.7,24-24,24h-144c-9.8,0-18.7-6-22.3-15.2s-1.3-19.6,5.9-26.3l108.7-101.9c7.5-7,11.7-16.8,11.7-27.1,0-20.3-16.3-36.8-36.6-37.1h-3.4c-9.1-.2-18,2.7-25.3,8.2h0Z'/%3E%3Cpath d='M1408.3,525.1c141.4,0,256-114.6,256-256S1549.7,13.1,1408.3,13.1s-256,114.6-256,256,114.6,256,256,256ZM1336.3,141.1h128c9.9,0,18.8,6.1,22.4,15.3s1.1,19.7-6.2,26.4l-50.8,46.5c41.9,4.8,74.6,40.4,74.6,83.6s-37.7,84.2-84.2,84.2h-27.8c-30.1,0-58.1-15.6-73.9-41.2l-2.6-4.2c-7-11.3-3.5-26.1,7.8-33s26.1-3.5,33,7.8l2.6,4.2c7.1,11.5,19.6,18.4,33,18.4h27.8c20,0,36.2-16.2,36.2-36.2s-16.3-36.3-36.4-36.2l-51.5.3c-9.9.1-18.9-6-22.5-15.2s-1.2-19.8,6.1-26.5l50.7-46.2h-66.3c-13.3,0-24-10.7-24-24s10.7-24,24-24Z'/%3E%3Cpath d='M13.5,838.2c0-141.4,114.6-256,256-256s256,114.6,256,256-114.6,256-256,256S13.5,979.6,13.5,838.2ZM237.1,711.4c-12.6-4.2-26.2,2.6-30.4,15.2l-48,144c-2.4,7.3-1.2,15.4,3.3,21.6s11.8,10,19.5,10h104v40c0,13.3,10.7,24,24,24s24-10.7,24-24v-40h8c13.3,0,24-10.7,24-24s-10.7-24-24-24h-8v-56c0-13.3-10.7-24-24-24s-24,10.7-24,24v56h-70.7l37.5-112.4c4.2-12.6-2.6-26.2-15.2-30.4h0Z'/%3E%3Cpath d='M838.9,1094.2c141.4,0,256-114.6,256-256s-114.6-256-256-256-256,114.6-256,256,114.6,256,256,256ZM790.9,710.2h104c13.3,0,24,10.7,24,24s-10.7,24-24,24h-84l-7.8,43,61.4,6.9c40.1,4.5,70.4,38.4,70.4,78.8s-35.5,79.3-79.3,79.3h-36c-27.5,0-53.3-13.7-68.6-36.6l-4.1-6.1c-7.4-11-4.5-25.9,6.5-33.3s25.9-4.5,33.3,6.5l4.1,6.1c6.4,9.6,17.2,15.3,28.8,15.3h36c17.3,0,31.3-14,31.3-31.3s-12-29.3-27.8-31.1l-86.9-9.8c-6.6-.7-12.6-4.2-16.6-9.5s-5.5-12.1-4.4-18.6l16-88c2.1-11.4,12-19.7,23.6-19.7h0Z'/%3E%3Cpath d='M1152.2,838.2c0-141.4,114.6-256,256-256s256,114.6,256,256-114.6,256-256,256-256-114.6-256-256ZM1408.2,822.2c26.5,0,48,21.5,48,48s-21.5,48-48,48-48-21.5-48-48,21.5-48,48-48ZM1312.2,870.2c0,53,43,96,96,96s96-43,96-96-29.6-81.1-70-92.4l29.6-25.4c10.1-8.6,11.2-23.8,2.6-33.8s-23.8-11.2-33.8-2.6l-81.6,70c-24.6,21-38.8,51.8-38.8,84.2Z'/%3E%3Cpath d='M269.5,1663.6c141.4,0,256-114.6,256-256s-114.6-256-256-256S13.5,1266.3,13.5,1407.6s114.6,256,256,256ZM197.5,1279.6h144c8.4,0,16.3,4.4,20.6,11.7s4.5,16.2.5,23.7l-112,208c-6.3,11.7-20.8,16-32.5,9.8s-16-20.8-9.8-32.5l93-172.6h-103.8c-13.3,0-24-10.8-24-24.1s10.7-24,24-24Z'/%3E%3Cpath d='M582.9,1407.7c0-141.4,114.6-256,256-256s256,114.6,256,256-114.6,256-256,256-256-114.6-256-256ZM846.9,1279.7h-16c-39.8,0-72,32.2-72,72s5,30.1,13.5,42c-18,14.7-29.5,37-29.5,62,0,44.2,35.8,80,80,80h32c44.2,0,80-35.8,80-80s-11.5-47.4-29.5-62c8.5-11.8,13.5-26.3,13.5-42,0-39.8-32.2-72-72-72ZM830.9,1375.7c-13.2,0-24-10.8-24-24s10.7-24,24-24h16c13.3,0,24,10.7,24,24s-10.7,24-24,24h-16ZM846.9,1423.7h8c17.7,0,32,14.3,32,32s-14.3,32-32,32h-32c-17.7,0-32-14.3-32-32s14.3-32,32-32h24Z'/%3E%3Cpath d='M1152.2,1407.6c0-141.4,114.6-256,256-256s256,114.6,256,256-114.6,256-256,256-256-114.6-256-256ZM1408.2,1423.6c-26.5,0-48-21.5-48-48s21.5-48,48-48,48,21.5,48,48-21.5,48-48,48ZM1382.2,1468l-29.6,25.4c-10.1,8.6-11.2,23.8-2.6,33.8s23.8,11.2,33.8,2.6l81.6-70c24.6-21,38.8-51.8,38.8-84.2,0-53-43-96-96-96s-96,43-96,96,29.6,81.1,70,92.4Z'/%3E%3Cg%3E%3Cpath d='M269.5,2233.1c141.4,0,256-114.6,256-256s-114.6-256-256-256S13.5,1835.7,13.5,1977.1s114.6,256,256,256Z'/%3E%3Ctext class='cls-2' transform='translate(181.5 2167.1)'%3E%3Ctspan x='0' y='0'%3E*%3C/tspan%3E%3C/text%3E%3C/g%3E%3Cg%3E%3Cpath d='M1408.3,2233.1c141.4,0,256-114.6,256-256s-114.6-256-256-256-256,114.6-256,256,114.6,256,256,256Z'/%3E%3Ctext class='cls-1' transform='translate(1320.8 2070.5)'%3E%3Ctspan x='0' y='0'%3E%23%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 40px;
    display: inline-block;
    margin-left: 2px;
    margin-top: 5px;
    overflow: visible;
}

.icon-allow {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 935 363'%3E%3Cdefs%3E%3Cstyle%3E .cls-1, .cls-2 %7B fill: %23fff; %7D .cls-3 %7B fill: %233cb371; fill-rule: evenodd; %7D .cls-2 %7B font-family: Roboto-Bold, Roboto; font-size: 228px; font-weight: 700; letter-spacing: 0em; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.7.10, SVG Export Plug-In . SVG Version: 1.2.0 Build 236) --%3E%3Cg%3E%3Cg id='Layer_1'%3E%3Cpath class='cls-3' d='M7,182.3C7,84.7,86.2,5.6,183.8,5.6h568.4c97.6,0,176.8,79.2,176.8,176.8h0c0,97.6-79.2,176.8-176.8,176.8H183.8c-97.6,0-176.8-79.2-176.8-176.8h0Z'/%3E%3Ctext class='cls-2' transform='translate(373 267.9) scale(.7 1.1)'%3E%3Ctspan x='0' y='0'%3EAllow%3C/tspan%3E%3C/text%3E%3Cpath class='cls-1' d='M199.2,300.5c-65.7,0-119-53.3-119-119s53.3-119,119-119,119,53.3,119,119-53.3,119-119,119ZM199.2,84.8c-53.4,0-96.7,43.3-96.7,96.7s43.3,96.7,96.7,96.7,96.7-43.3,96.7-96.7-43.3-96.7-96.7-96.7ZM232,141.5c3.6-5,10.6-6.1,15.6-2.5,5,3.6,6.1,10.6,2.5,15.6l-56.8,78.1c-1.9,2.7-4.9,4.3-8.1,4.6s-6.5-.9-8.7-3.2l-26-26c-4.4-4.4-4.4-11.4,0-15.8,4.4-4.3,11.4-4.4,15.8,0l16.7,16.7,49.1-67.5h0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 20px;
    display: inline-block;
    overflow: visible;
    position: relative;
    top: 3px;
}

.icon-block {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 935 363'%3E%3Cdefs%3E%3Cstyle%3E .cls-1, .cls-2 %7B fill: %23fff; %7D .cls-3 %7B fill: %23dc3545; fill-rule: evenodd; %7D .cls-2 %7B font-family: Roboto-Bold, Roboto; font-size: 228px; font-weight: 700; letter-spacing: 0em; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.7.10, SVG Export Plug-In . SVG Version: 1.2.0 Build 236) --%3E%3Cg%3E%3Cg id='Layer_1'%3E%3Cpath class='cls-3' d='M7,182.3C7,84.7,86.2,5.6,183.8,5.6h568.4c97.6,0,176.8,79.2,176.8,176.8h0c0,97.6-79.2,176.8-176.8,176.8H183.8c-97.6,0-176.8-79.2-176.8-176.8h0Z'/%3E%3Ctext class='cls-2' transform='translate(373 267.9) scale(.7 1.1)'%3E%3Ctspan x='0' y='0'%3EBlock%3C/tspan%3E%3C/text%3E%3Cpath class='cls-1' d='M259.6,258L123.3,121.7c-13.1,16.5-20.9,37.5-20.9,60.2,0,53.6,43.4,97,97,97s43.7-7.8,60.2-20.9ZM275.4,242.2c13.2-16.6,21-37.5,21-60.3,0-53.6-43.4-97-97-97s-43.7,7.8-60.2,20.9l136.3,136.3h0ZM79.9,181.9c0-66,53.5-119.4,119.4-119.4s119.4,53.5,119.4,119.4-53.5,119.4-119.4,119.4-119.4-53.5-119.4-119.4Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 20px;
    display: inline-block;
    overflow: visible;
    position: relative;
    top: 3px;
}


#side-panel .action-header .icon-monitoring {
    @extend .icon-monitoring;
    filter: invert(32%) sepia(93%) saturate(1352%) hue-rotate(190deg) brightness(109%) contrast(119%);  /*Blue*/
    width: 30px; /*Standard svg side pane icon width*/
    height: 30px; /*Standard svg side pane icon height*/
}

#side-panel .action-header .icon-callpark {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 867.4 875.1'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B font-family: ArialRoundedMTBold, 'Arial Rounded MT Bold'; font-size: 333px; %7D .cls-1, .cls-2 %7B fill: %2300aeef; %7D .cls-1, .cls-3 %7B isolation: isolate; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.7.4, SVG Export Plug-In . SVG Version: 1.2.0 Build 166) --%3E%3Cg%3E%3Cg id='Layer_1'%3E%3Cg id='Layer_1-2' data-name='Layer_1'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-2' d='M716.1,639.5c-10.7,17.3-33.5,24.5-53.4,17l-92.4-35.2c-17.5-6.7-28.1-23.1-26.3-40.6l5.8-53.3c-67.6-21.7-141.5-21.7-209.1,0l5.8,53.3c1.9,17.4-8.8,33.9-26.3,40.6l-92.5,35.2c-19.9,7.6-42.7.3-53.4-17l-43.5-70.4c-9.6-15.5-6.7-35,6.9-47.6,169.8-157.2,445.1-157.2,615,0,13.6,12.6,16.5,32.1,6.9,47.6l-43.5,70.4Z'/%3E%3C/g%3E%3Cg class='cls-3'%3E%3Ctext class='cls-1' transform='translate(335.3 331.3)'%3E%3Ctspan x='0' y='0'%3EP%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: visible;
    width: 30px; /*Standard svg side pane icon width*/
    height: 30px; /*Standard svg side pane icon height*/
}

#side-panel .action-header .icon-callpickup {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 646.1 574.9'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2300aeef; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.7.7, SVG Export Plug-In . SVG Version: 1.2.0 Build 194) --%3E%3Cg%3E%3Cg id='Layer_1'%3E%3Cg id='Layer_1-2' data-name='Layer_1'%3E%3Cg id='Layer_1-2'%3E%3Cg id='Layer_1-2-2' data-name='Layer_1-2'%3E%3Cpath class='cls-1' d='M594.5,551.7c-10.7,17.3-33.5,24.5-53.4,17l-92.4-35.2c-17.5-6.7-28.1-23.1-26.3-40.6l5.8-53.3c-67.6-21.7-141.5-21.7-209.1,0l5.8,53.3c1.9,17.4-8.8,33.9-26.3,40.6l-92.5,35.2c-19.9,7.6-42.7.3-53.4-17l-43.5-70.4c-9.6-15.5-6.7-35,6.9-47.6,169.8-157.2,445.1-157.2,615,0,13.6,12.6,16.5,32.1,6.9,47.6l-43.5,70.4Z'/%3E%3C/g%3E%3C/g%3E%3Cpath class='cls-1' d='M335.6,10.2c-6.8-6.8-17.7-6.8-24.5,0l-86.6,86.6c-6.8,6.8-6.8,17.7,0,24.5s17.7,6.8,24.5,0l57-57.1v166c0,9.6,7.7,17.3,17.3,17.3s17.3-7.7,17.3-17.3V64.2l57,57c6.8,6.8,17.7,6.8,24.5,0s6.8-17.7,0-24.5L335.5,10.1h.1Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: visible;
    width: 30px; /*Standard svg side pane icon width*/
    height: 30px; /*Standard svg side pane icon height*/
}

/*
    SidePanel
*/

/*
    KeysControl
*/
.company-greetings {
    margin-top: 10px;
}
        .keys-control .keys-panel .keys-selection {
            display: grid;
            grid-template-columns: repeat(3, min-content);
            grid-template-rows: repeat(3, min-content);
            padding-bottom: 45px;
        }

    .keys-control .dial {
        font-size: 20px;
        width: 24px;
        height: 24px;
        padding: 4px;
        margin: 4px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: lightgray;
        color: #222222;
        border: solid thin #346bdc;
    }
        .keys-control .dial.read-only {
            /*pointer-events: none;*/
            cursor: not-allowed;
        }
            .keys-control .dial.read-only:hover {
                cursor: not-allowed;
                font-weight: 400;
            }
        .keys-control .dial:hover {
            font-weight: 600;
            cursor: pointer;
        }

        .keys-control .dial.selected {
            background-color: var(--primary-color);
            color: var(--background-color);
        }

    .keys-control .transfer-option-button {
        width: 56px;
        height: 30px;
        padding: 0 !important;
        margin: 2px;
        border-radius: 15px;
        background-color: transparent;
        border-color: transparent;
        display: flex;
    }

    .keys-control .transfer-option {
        height: 34px;
        width: 54px;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        position: relative;
        left: 0;
        bottom: 3px;
    }
        .keys-control .transfer-option.Return {
            left: -5px;
        }
        .keys-control .transfer-option.SubMenu {
            background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 153.34 82.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23c6d9f1;%7D.cls-2%7Bfill:%23c6d9f1;stroke:%23c8c8c8;stroke-miterlimit:10;%7D.cls-3,.cls-4%7Bisolation:isolate;%7D.cls-4%7Bfont-size:36px;fill:%23706f6f;font-family:Roboto, sans-serif;font-weight:700;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='102.43 54.3 104.83 54.3 104.83 54.3 102.43 54.3'/%3E%3Cpath class='cls-2' d='M155.93,43.7a39.81,39.81,0,0,1-39.81,39.82H43.4a39.82,39.82,0,0,1,0-79.63h72.72A39.81,39.81,0,0,1,155.93,43.7Z' transform='translate(-3.09 -3.39)'/%3E%3Cg class='cls-3'%3E%3Ctext class='cls-4' transform='translate(53.87 33.61) scale(0.75 1)'%3ESub%3C/text%3E%3Ctext class='cls-4' transform='translate(43.09 72.59) scale(0.75 1)'%3EMenu%3C/text%3E%3C/g%3E%3C/svg%3E");
        }
        .keys-control .transfer-option.e-dropdown-popup {
            margin: 0 50px;
        }

    .keys-control .audio-panel .company-greetings textarea {
        height: 124px;
    }

    .keys-control .keys-details-panel {
        grid-column: 1 / span 2;
        column-gap: 6px;
        margin-top: 12px;
        display: grid;
        grid-template-columns: 37px 69px 147px auto 207px;
        align-items: center;
    }

        .keys-control .keys-details-panel .fieldLabel {
            display: inline-block;
            white-space: pre-wrap;
        }
.keys-control .key-row .e-btn:disabled {
    background: rgba(255,255,255,.65);
    border-color: rgba(204,204,204,.65);
}
/* Lower number styling */
section .keys-control .keys-details-panel .dial {
    background-color: var(--primary-color);
    color: var(--background-color);
    padding-top: 3px;
}
/*.keys-control .lxn-listbox {
    height: 85px;
}*/

.keys-control .lxn-listbox-toolbar-btn {
    height: 25px;
}

.keys-control .col-1.px-0.pt-3.d-inline-grid.gap-2 {
    position: relative;
    top: 7px;
}

.keys-control .lxn-listbox-toolbar-btn .e-btn-icon {
    position: relative;
    bottom: 3px;
}
/*
    KeysControl
*/
/*
    WebexAgentSelector
*/
.webex-agent-selector-component .webex-agent-selector .list-section {
    /*max-height: calc(100vh - 650px);
    min-height: calc(100vh - 650px);*/
}
    .webex-agent-selector-component .webex-agent-selector .list-section .agent-list .e-list-wrap ul.e-list-parent {
        overflow-x: hidden !important;
        background-color: white;
    }


.webex-agent-selector {
    display: grid;
    grid-template-columns: 40% 7% 53%;
    grid-template-areas: 'header1 header1 header1' 'available toolbar selected';
}

    .webex-agent-selector .list-section .available {
        grid-area: available;
    }

    .webex-agent-selector .list-section .selected {
        grid-area: selected;
    }

    .webex-agent-selector .toolbar {
        grid-area: toolbar;
        align-content: center;
        display: grid;
        row-gap: 5px;
        justify-items: center;
    }
        .webex-agent-selector .toolbar .lxn-listbox-toolbar-btn {
            width: 80%;
            display: flex;
            height: 25px
        }

    .webex-agent-selector .header-section {
        grid-area: header1;
        display: grid;
        grid-template-columns: 49% 1fr;
        grid-template-areas: 'user-list selected-list';
        background-color: var(--lxn-lightgrey);
        border-radius: 5px 5px 0 0;
        padding-top: 8px;
    }

    .webex-agent-selector .user-header {
        grid-area: user-list;
        padding-left: 13px;
    }

    .webex-agent-selector .selected-header {
        grid-area: selected-list;
    }

    .webex-agent-selector .agent-template {
        display: inline-grid;
        grid-template-columns: 61% 44%;
        width: 100%;
    }
        .webex-agent-selector .agent-template .destination {
            justify-content: center;
            display: flex;
            padding-right: 3px;
        }

    .webex-agent-selector .selected .agent-template {
        display: inline-grid;
        grid-template-columns: 65% 36%;
    }
        .webex-agent-selector .agent-template.skill {
            display: inline-grid;
            grid-template-columns: 44% 33% 23%;
        }
        .webex-agent-selector .agent-template.joined {
            display: inline-grid;
            grid-template-columns: 47% 33% 20%;
        }
        .webex-agent-selector .agent-template.skill.joined {
            display: inline-grid;
            grid-template-columns: 47% 15% 24% 14%;
        }

    .webex-agent-selector .agent-template .option .e-input-group.e-control-container {
        position: relative;
        bottom: 7px;
        height: 30px;
        padding-top: 0px;
    }

    .webex-agent-selector .agent-template .option .e-numeric .e-input-group-icon {
        max-width: 15px;
        min-width: 15px;
        min-height: 29px;
        position: relative;
        left: 8px
    }

    .webex-agent-selector .agent-template .option .e-numeric .e-control.e-numerictextbox.e-lib.e-input {
        padding-left: 0px;
    }
    /*.webex-agent-selector .agent-template .option .e-numeric .e-input-group-icon.e-spin-down {
        background-color: red;
        max-width: 20px;
        min-width: 20px;
    }
    .webex-agent-selector .agent-template .option .e-numeric .e-input-group-icon.e-spin-up {
        background-color: red;
        max-width: 20px;
        min-width: 20px;
    }
*/
    .webex-agent-selector .selected .agent-template .joined .e-switch-wrapper {
        position: relative;
        left: 6px;
        bottom: 2px;
    }

    .webex-agent-selector .e-listbox-container.agent-list .e-list-wrap .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper,
    .webex-agent-selector .e-listbox-container.agent-list .e-list-wrap .e-list-parent.e-ul .e-list-item.e-grabbed .e-checkbox-wrapper {
        visibility: hidden !important;
        position: fixed;
    }

    .webex-agent-selector .e-listbox-container.agent-list .e-listbox-tool {
        overflow: hidden;
    }

    .webex-agent-selector .list-section .e-listbox-container:not(.e-list-template) .e-list-item[aria-selected="true"] {
        background-color: var(--secondary-color) !important;
        border-color: var(--lxn-lightgrey) !important;
        color: var(--background-color) !important;
        /*padding-left: 0;*/
    }
/*
    WebexAgentSelector
*/
/*
    Connecting Action Selector
*/
#lexcen .connecting-action-selector span {
    align-items: center;
    display: flex;
}
#lexcen .connecting-action-selector span.e-clear-icon-hide {
    display: none;
}
#lexcen .connecting-action-selector span div {
    /*top: 5px;*/
    /*top: 0.1rem;
    position: relative;*/
    padding-left: 0.5rem;
}
#lexcen .keys-control .e-textbox {
    text-align: left;
}

/*
    Sidebar Menu
*/
#lexcen .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
    left: -15px;
}
#lexcen .sidebar-menu {
    background-color: var(--background-darkcolor);
    overflow-x: hidden;
}
.sidebar-menu-items .e-menu-parent.e-ul {
    overflow-y: auto;
    max-height: 84vh;
}
#lexcen .sidebar-content .sidebar-menu-items.e-menu-container ul.e-menu .e-menu-item .e-menu-icon {
    width: 1.4em;
}
#lexcen .sidebar-content .sidebar-menu-items.e-menu-container ul.e-menu .e-menu-item {
    height: 50px;
    display: flex;
    align-items: center;
}
#lexcen .e-close .sidebar-content .sidebar-menu-items.e-menu-container ul.e-menu .e-menu-item {
    width: 50px;
    color: transparent;
    padding-right: 5px;
}
    #lexcen .e-close .sidebar-content .sidebar-menu-items.e-menu-container ul.e-menu .e-menu-item .e-icons.e-caret {
        width: 50px;
        color: transparent;
    }
/*
    Sidebar Menu
*/
/*
    Toolbar
*/


@media (max-width: 1460px) {
    #call-flow-wrapper .toolbar-container {        
        grid-template-columns: 70px 155px 0.6fr 0.4fr 0.25fr 0.6fr 0.9fr 100px 0.2fr !important;
    }
}

@media (max-width: 1360px) {
    #call-flow-wrapper .toolbar-container {
        grid-template-columns: 70px 155px 0.6fr 0.4fr 0.25fr 0.6fr 0.8fr 100px 0.2fr !important;
    }
}

@media (max-width: 1150px) {
    #call-flow-wrapper .toolbar-container {
        grid-template-columns: 70px 155px 0.6fr 0.4fr 0.25fr 0.5fr 0.7fr 100px 0.1fr !important;
    }
}

@media (max-width: 1024px) {
    #call-flow-wrapper .toolbar-container {
        grid-template-columns: 70px 155px 0.6fr 0.4fr 0.25fr 0.5fr minmax(0.6fr, 100px) 100px 0.1fr !important;
    }
}

#call-flow-wrapper .toolbar-container {
    transition: grid-template-columns 0.3s ease-in-out;
}

#call-flow-wrapper .toolbar {
    grid-area: toolbar;
    width: 100%;
    height: 100%;
}

    #call-flow-wrapper .toolbar .toolbar-container {
        background-color: var(--grey-color);
        height: 100%;
        align-items: center;
    }

    .toolbar-container .hamburger {
        width: 73px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
        .toolbar-container .hamburger svg{
            font-size: 30px;
        }
    .toolbar-container .header-name {
        font-size: 18px;
    }

.IconButton.export {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath class='fa-secondary' opacity='.4' d='M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V288H216c-13.3 0-24 10.7-24 24s10.7 24 24 24H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64z'/%3E%3Cpath class='fa-primary' d='M384 160L224 0V128c0 17.7 14.3 32 32 32H384zm105 55c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l39 39H216c-13.3 0-24 10.7-24 24s10.7 24 24 24H494.1l-39 39c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9l-80-80z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.IconButton.refresh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.5.2 by @@fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath class='fa-secondary' opacity='.4' d='M80 396.9V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V320c0-17.7 14.3-32 32-32H176c17.7 0 32 14.3 32 32s-14.3 32-32 32H125.6l17.2 17.1c62.5 62.5 163.8 62.5 226.3 0c17.5-17.5 30.1-38 37.8-59.8c5.9-16.7 24.2-25.4 40.8-19.5s25.4 24.2 19.5 40.8c-10.8 30.6-28.4 59.3-52.9 83.8c-87.5 87.5-229.3 87.5-316.7 0L80 396.9z'/%3E%3Cpath class='fa-primary' d='M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H336c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v51.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
/*
    Toolbar
*/

/*
    Call Flow Left Hand Menu
*/
#call-flow-wrapper {
    height: calc(88vh - 6px);
    width: 100%;
    user-select: none;
    display: grid;
    grid-template-areas:
        'toolbar toolbar'
        'menu diagram';
    grid-template-columns: 250px 1fr;
    grid-template-rows: 48px 1fr;
    transition: all 0.4s ease;
}

    #call-flow-wrapper #call-flow-diagram #export-style-injection {
        width: 100%;
        height: 84vh;
        overflow: hidden;
    }
    #call-flow-wrapper .menu-container {
        grid-area: menu;
        /*overflow-y: auto;*/
        overflow-y: visible;
        transition: all 0.4s ease;
    }
    #call-flow-wrapper.docked {
        grid-template-columns: 50px 1fr;
        transition: all 0.4s ease;
    }
/*
    Call Flow Left Hand Menu
*/
/*
    Main Menu
*/
.menu-container {
    background-color: var(--grey-color);
    width: 250px;
}
    .menu-container.docked {
        width: 50px;
    }
    .menu-container.docked .menu {
        width: 380px;
    }
    .menu-container.summary.docked .menu {
        width: 50px;
    }
.docked .menu .location-container .icon-link .link-name {
    display: none;
}
.menu {
    height: 96%;
    width: 250px;
    background-color: var(--grey-color);
    position: absolute;
    overflow: auto;
}

.menu .locations {
    list-style: none;
    padding-left: 5px;
}
    .menu .locations {
        list-style: none;
        padding-left: 0px;
        margin-top: 0;
    }

    .menu .location-container .icon-link {
        font-size: 16px;
        height: 50px;
        width: 100%;
        display: grid;
        grid-template-columns: 50px 1fr;
        align-items: center;
        transition: all 0.4s ease;
        opacity: 0.8;
    }
        .menu .location-container .icon-link .icon-monitoring {
            @extend .icon-monitoring;
        }
    .menu .location-container:has(.sub-menu .callflow-container.selected) .icon-link {
        background-color: var(--border-color);
    }
    .menu .location-container:hover .icon-link {
        cursor: pointer;
        background-color: var(--border-color);
        opacity: 1;
    }
        .menu .location-container .icon-link span:first-child {
            margin-left: auto;
            margin-right: auto;
            font-size: 30px
        }


    .menu .locations li .sub-menu {
        display: none;
        padding-left: 0px;
    }
.menu .locations li {
    width: 100%;
}
        .menu .locations li .sub-menu a {
            display: none;
        }
        .menu .locations li .sub-menu.selected {
            display: block;
            max-height: 70vh;
            overflow-y: auto;
        }

            .menu .locations li .sub-menu.selected .callflow-container {
                display: grid;
                grid-template-columns: 29px calc(100% - 80px) 29px 24px;
            }
            .menu .locations li .sub-menu.selected .callflow-container.build {
                display: grid;
                grid-template-columns: 29px calc(80% - 56px) 27px 28px 25px;
            }
                .menu .locations li .sub-menu.selected .callflow-container > *:not(:first-child) {
                    opacity: 0.8;
                }
            .menu .locations li .sub-menu.selected .callflow-container.create-new {
                display: grid;
                grid-template-columns: 29px calc(100% - 80px) 29px 24px;

            }
                .menu .locations li .sub-menu.selected .callflow-container.create-new > *:not(:first-child) {
                    opacity: 0.8;
                }

.menu .locations li .sub-menu.selected .callflow-container.create-new {
    display: grid;
    grid-template-columns: 29px calc(100% - 29px);

}
    .menu .locations li .sub-menu.selected .callflow-container.create-new > *:not(:first-child) {
        opacity: 0.8;
    }
            .callflow-container.selected {
                background-color: var(--border-color);
            }
.menu .icon-link.selected {
    background-color: var(--border-color);
}
.menu.offline-edit .icon-link.selected {
    color: var(--primary-color);
}
/*.menu .locations li .sub-menu.selected li:has(.selected) {
    background-color: var(--border-color);
}*/
.menu.offline-edit .locations li .sub-menu.selected li:has(.selected) {
    color: var(--primary-color);
}
                .menu .locations li .sub-menu .callflow-container svg {
                    margin-left: auto;
                    margin-right: auto;
                }
                .menu .locations li .sub-menu .callflow-container {
                    font-size: 14px;
                    padding: 5px 0;
                    transition: all 0.4s ease;
                }
                    .menu .locations li .sub-menu .callflow-container:hover,
                    .menu .locations li .sub-menu .callflow-container.selected:hover {
                        cursor: pointer;
                        background-color: var(--border-color);
                    }
                    .menu .locations li .sub-menu .callflow-container:hover,
                    .menu .locations li .sub-menu .callflow-container.selected:hover {
                        color: var(--primary-color);
                    }
/* Docked */
.docked .menu .location-container {
    height: 50px;
}
/*.menu,
.docked .menu .locations li,
.docked .menu .locations li:hover,
.docked .menu .locations li .sub-menu {
    transition: all 1.4s ease;
}*/
    .docked .menu .location-container .icon-link {

    }
.docked .menu .locations li .sub-menu a {
    display: block;
}
/*.docked .menu .locations li .sub-menu.selected {
    font-size: 14px;
    padding: 5px 0;
}*/
.docked .menu .locations li .sub-menu.selected {
    display: none;
}
.docked .menu .locations li:hover .sub-menu,
.docked .menu .locations li:hover .sub-menu.selected {
    width: fit-content;
    display: block;
    z-index: 2;
    position: relative;
    left: 50px;
    bottom: 50px;
    list-style: none;
    background-color: var(--grey-color);
    transition: all 1.4s ease;
    border-radius: 0 5px 5px 0;
    max-height: 70vh;
    overflow: auto;
}
    .docked .menu .locations li .sub-menu li {
        transition: all 0.4s ease;
        /*padding: 5px 0;*/
        border-radius: 0 5px 5px 0;
    }
        .docked .menu .locations li .sub-menu li:first-child {
            background-color: var(--border-color);
        }
        .docked .menu .locations li .sub-menu li .link-name {
            font-size: 20px;
            height: 40px;
            padding: 5px 15px 5px 5px;/*
            background-color: var(--border-color);*/
            cursor: default;
            display: inline-flex;
            align-items: center;
            /*width: 100%;*/
        }
        .docked .menu .locations li .sub-menu li:hover,
        .docked .menu .locations li:has(.sub-menu li:hover) {
            cursor: pointer;
            background-color: var(--border-color);
            border-radius: 0 5px 5px 0;
        }
        .docked .menu .locations li .sub-menu.selected li .callflow-container,
        .docked .menu .locations li .sub-menu li .callflow-container {
            display: grid;
            grid-template-columns: 29px calc(100% - 77px) 27px 24px;
            align-items: center;
            padding-left: 5px;
            height: 30px;
        }
            .docked .menu.offline-edit .locations li .sub-menu.selected li .callflow-container,
            .docked .menu.offline-edit .locations li .sub-menu li .callflow-container {
                background-color: var(--border-color);
            }
            .docked .menu .locations li .sub-menu li .callflow-container svg {
                font-size: 20px;
                padding-right: 5px;
            }

/* Docked */
/*
    Main Menu
*/

.combo-box-value-container {
    display: grid;
    grid-template-columns: 90% 10%;
    align-content: center;
    height: 100%;
    padding-left: 8px;
}
 .combo-box-value-container .help {

 }

.combo-with-help {
    display: flex;
}
.combo-with-help .help {
    width: 10px;
    color: var(--text-color);
    /*position: relative;
    top: 30px;
    right: 57px;*/
}
    .combo-with-help .help .e-control.e-tooltip.e-lib {
        position: relative;
        top: 30px;
        right: 57px;
    }
    .combo-with-help .help .fa-circle-question {
        font-size: 20px;
    }

#workspace {
    height: 94vh;
    overflow-y: auto;
}

.e-dlg-container .time-slider .e-acrdn-header .e-acrdn-header-content {
    width: 100%;
}
.e-dlg-container .time-slider .e-acrdn-header .e-acrdn-header-content .info-heading h4 {
    margin-top: 0;
}

.appointment-business {
    background-color: var(--success-color) !important;
}
.appointment-holiday {
    background-color: var(--error-color) !important;
}

.action-content .e-content.e-lib.e-touch {
    overflow-y: auto;
    overflow-x: hidden;
    height: 67vh;
    padding: 14px 4px 0px 4px;
}

.schedule-tabs .e-tab .e-content.e-lib.e-touch {
    height: calc(62vh - 2px);
    padding: 0;
}

/*.schedule-tabs .e-content.e-lib.e-touch .e-table-container.e-lib.e-touch {
    height: 57vh;
    overflow: auto;
}

.schedule-full-view .e-content.e-lib.e-touch .e-table-container.e-lib.e-touch {
    height: 57vh;
    overflow: auto;
}*/
.schedule-cell-dimension.e-schedule .e-vertical-view .e-time-cells-wrap table td,
.schedule-cell-dimension.e-schedule .e-vertical-view .e-work-cells {
    height: 21px;
}


.lxn-listbox.e-listbox-container .e-list-wrap .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper {
    visibility: hidden !important;
    position: fixed;
}

.lxn-listbox.e-listbox-container.agent-list .e-listbox-tool {
    overflow: hidden;
}

.lxn-listbox.e-listbox-container:not(.e-list-template) .e-list-item[aria-selected="true"] {
    background-color: var(--primary-color) !important;
    border-color: var(--lxn-lightgrey) !important;
    color: var(--background-color) !important;
    /*padding-left: 0;*/
}

.lxn-listbox.e-listbox-container .e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-listbox-wrapper .e-list-nrt, .e-listbox-wrapper .e-selectall-parent, .e-listbox-container:not(.e-list-template) .e-list-item, .e-listbox-container .e-list-nrt, .e-listbox-container .e-selectall-parent {
    height: 27px !important;
}
.agent-list.e-listbox-container .e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-listbox-wrapper .e-list-nrt, .e-listbox-wrapper .e-selectall-parent, .e-listbox-container:not(.e-list-template) .e-list-item, .e-listbox-container .e-list-nrt, .e-listbox-container .e-selectall-parent {
    height: 38px !important;
}


.tts-textbox .e-control {
    height: 130px !important;
    resize: none !important;
}
.tts-infobox {
    display: grid;
    grid-template-rows: 67% 34%;
}
    .tts-infobox .option-buttons {
        display: grid;
        grid-template-columns: 25% 50% 25%;
    }


#validation-component {
    max-height: 56px;
}

#validation-component .e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) {
    border-color: #ced4da;
}
    .keys-control #validation-component .e-input-group-icon.e-ddl-icon.e-icons.e-ddl-disable-icon {
        border-color: transparent;
    }
    /*#validation-component .invalid .e-input-group-icon.e-ddl-icon.e-icons.e-ddl-disable-icon,
    #validation-component .invalid .e-input-group-icon.e-ddl-icon.e-icons.e-ddl-disable-icon:hover {
        color: transparent;
        background-color: transparent;
    }*/
#validation-component .e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
    border-color: var(--error-color);
}
#validation-component .e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success, .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
    /*-webkit-box-shadow: 0 0 0 4px rgba(25, 135, 84, 0.25);*/
    -webkit-box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25);
    box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25);
}
#validation-component .validation-tooltip-container {
    display: flex;
    justify-content: end;
    /*pointer-events: none;*/
    /*position: relative;
    bottom: 25px;*/
}
    /*#validation-component .validation-tooltip-container.has-hover {
        pointer-events: auto;
    }*/
    #validation-component .validation-tooltip-container .e-control.e-tooltip.e-lib {
        color: var(--error-color);
        font-size: 20px;
        text-align: end;
        position: relative;
        bottom: 58px;
        right: 6px;
    }
.add-existing #validation-component .validation-tooltip-container.combo-box .e-control.e-tooltip.e-lib {
    bottom: 30px;
    right: 6px;
}
    /*#validation-component .validation-tooltip-container.combo-box .e-control.e-tooltip.e-lib {
        bottom: 30px;
        right: 6px;
    }*/
.keys-control #validation-component .validation-tooltip-container.combo-box .e-control.e-tooltip.e-lib {
    bottom: 28px;
    right: 6px;
}
/*.keys-control #validation-component .validation-tooltip-container.combo-box .e-control.e-tooltip.e-lib {
    bottom: 27px;
    right: 6px;
}*/


.keys-control #validation-component.invalid .e-input-group-icon.e-ddl-icon {
    display: none;
}
#validation-component .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-valid-input.e-success.modified.valid.e-input-focus {
    -webkit-box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25);
    box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25);
}
    /*#validation-component .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
        border-color: #ced4da;
        border-color: var(--error-color);
    }*/

    #validation-component.file-upload.modified.invalid .e-upload.e-control-wrapper.e-control-container,
    #validation-component .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.modified.invalid.e-float-input {
        border-color: var(--error-color);
    }

    .action-footer .validation-tooltip-container {
        display: flex;
        justify-content: end;
        /*position: relative;
    bottom: 25px;*/
    }

    .action-footer .validation-tooltip-container .e-control.e-tooltip.e-lib {
        color: var(--error-color);
        font-size: 20px;
        text-align: end;
        position: relative;
        top: 6px;
        left: 3px;
    }

.action-footer .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-valid-input.e-success.modified.valid.e-input-focus {
    -webkit-box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25);
    box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25);
}

.e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) {
    border-color: #ced4da;
}

    .e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) {
        border-color: #ced4da !important;
    }
        .e-input.e-success, .e-input.e-success:focus, .e-input-group.e-success input.e-input, .e-input-group.e-control-wrapper.e-success input.e-input, .e-input-group.e-success .e-input-group-icon, .e-input-group.e-control-wrapper.e-success .e-input-group-icon, .e-input-group.e-success textarea.e-input, .e-input-group.e-control-wrapper.e-success textarea.e-input {
            border-color: #ced4da !important;
        }

/* This removes the green outline and replaces with the Lexcen Blue*/
.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-valid-input.e-success.modified.valid.e-input-focus {
    -webkit-box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25) !important;
    box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25) !important;
}
.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success, .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
    -webkit-box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25) !important;
    box-shadow: 0 0 0 4px rgba(14, 118, 188, 0.25) !important;
}

.e-schedule-form.e-lib  {

}

.e-form-container .e-schedule-form.e-lib .row #validation-component label,
.e-form-container .e-schedule-form.e-lib .row .e-control-container label.e-float-text,
.e-form-container .e-schedule-form.e-lib .row .e-recurrenceeditor .e-editor .e-input-wrapper .e-input-group label,
.lxn-dialog.event-edit-dialog label {
    color: var(--primary-color) !important;
}

.e-form-container .e-schedule-form.e-lib .row .e-recurrenceeditor .e-week-expander-label,
.e-form-container .e-schedule-form.e-lib .row .e-recurrenceeditor .e-end-on-label,
.lxn-dialog.event-edit-dialog .e-recurrenceeditor .e-input-wrapper-side .e-month-expander-label,
.lxn-dialog.event-edit-dialog .e-recurrenceeditor .e-input-wrapper-side .e-end-on-label {
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 500;
}

.e-form-container .e-schedule-form.e-lib .row .e-recurrenceeditor .e-editor,
.lxn-dialog.event-edit-dialog .e-recurrenceeditor .e-editor {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    max-width: 1240px;
}

    .e-form-container .e-schedule-form.e-lib .row .e-recurrenceeditor .e-editor .e-input-wrapper.e-form-left,
    .lxn-dialog.event-edit-dialog .e-recurrenceeditor .e-editor .e-input-wrapper.e-form-left {
        padding-top: 3px;
    }
        .e-form-container .e-schedule-form.e-lib .row .e-recurrenceeditor .e-editor .e-input-wrapper.e-form-left .e-btn,
        .lxn-dialog.event-edit-dialog .e-recurrenceeditor .e-editor .e-input-wrapper.e-form-left .e-btn {
            background-color: var(--border-color) !important;
            border-color: var(--border-color) !important;
            color: var(--dark-color) !important;
        }
        .e-form-container .e-schedule-form.e-lib .row .e-recurrenceeditor .e-editor .e-input-wrapper.e-form-left,
        .lxn-dialog.event-edit-dialog .e-recurrenceeditor .e-editor .e-input-wrapper.e-form-left .e-btn.e-primary {

        }
    .e-form-container .e-schedule-form.e-lib .row .e-recurrenceeditor .e-editor .e-form-right,
    .lxn-dialog.event-edit-dialog .e-recurrenceeditor .e-editor .e-form-right {
        padding-left: 15px;
        width: 100%;
    }
    .e-form-container .e-schedule-form.e-lib .row .e-recurrenceeditor .e-editor .e-input-wrapper.e-form-right,
    .lxn-dialog.event-edit-dialog .e-recurrenceeditor .e-editor .e-input-wrapper.e-form-right {
        padding-left: 10px;
    }
.lxn-dialog #validation-component .e-input-value {
    display: flex;
    padding-left: 0.5rem;
}

.e-sidebar-overlay {
    height: 102% !important;
}

.connecting-action-selector .group-text {
    color: var(--primary-color);
}

.connecting-action-selector .group-icon.autoattendant {
    background-image: var(--icon-autoattendant);
    height: 25px;
    width: 25px;
}
.connecting-action-selector .group-icon.callcentre {
    background-image: var(--icon-call-centre);
    height: 25px;
    width: 25px;
}
.connecting-action-selector .group-icon.huntgroup {
    background-image: var(--icon-hunt-group);
    height: 35px;
    width: 35px;
}
.connecting-action-selector .group-icon.user {
    background-image: var(--icon-user);
    height: 20px;
    width: 20px;

}
.connecting-action-selector .group-container {
    display: grid;
    grid-template-columns: calc(100% - 25px) 25px;
    align-content: center;
    align-items: center;
}
.connecting-action-selector .group-icon {
    /*background: var(--lxn-background);*/
    /*position: relative;
    left: 100px;
    bottom: 25px;*/
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

#lexcen #call-flow-wrapper .menu .callflow-container .cfstatus-icon {
    padding-left: 3px;
}
#lexcen #call-flow-wrapper .menu .callflow-container .cfstatus-icon svg {
    font-size: 18px;
}
    #lexcen #call-flow-wrapper .menu .callflow-container .cfstatus-icon .fa-pen-circle,
    #lexcen #call-flow-wrapper .menu .callflow-container .cfstatus-icon .fa-cloud-check {
        color: var(--primary-color);
    }
    #lexcen #call-flow-wrapper .menu .callflow-container .cfstatus-icon .fa-circle-check {
        color: var(--success-color);
    }
    #lexcen #call-flow-wrapper .menu .callflow-container .cfstatus-icon .fa-circle-exclamation {
        color: var(--warning-color);
    }
#lexcen #call-flow-wrapper .menu .callflow-container .drop-down-menu .ellipsis-btn {
    background-color: transparent;
    width: 25px;
    height: 15px;
    align-items: center;
    display: flex;
    border: none;
}
#lexcen #call-flow-wrapper .menu .callflow-container .drop-down-menu .ellipsis-btn:hover {
    border: 1px solid var(--primary-color);
}
    #lexcen #call-flow-wrapper .menu .callflow-container .drop-down-menu .ellipsis-btn span.e-btn-icon {
        display: none;
    }
#lexcen .keys-control .key-row #validation-component.connecting-action.invalid {
    max-height: 32px;
}
/*#lexcen .keys-control .key-row #validation-component.connecting-action.invalid .e-control-container.e-control-wrapper.connecting-action-selector {
    border-color: var(--error-color);
}*/
#lexcen #validation-component.connecting-action.invalid .e-control-container.e-control-wrapper.connecting-action-selector {
    border-color: var(--error-color);
}

.button-row {
    display: grid;
    grid-template-columns: 50% 50%;
}


button.e-control.e-btn.e-lib.warning.e-primary {
    background-color: var(--warning-color);
    border-color: var(--warning-color);
}


.e-control.e-recurrenceeditor.e-lib.disabled .e-input-wrapper .e-input-group {
    background-color: #e9ecef;
    pointer-events: none;
}

.customer-data-grid .e-dialog.e-filter-popup .e-searchbox.e-fields {
    display: none;
}
    .customer-data-grid .e-dialog.e-filter-popup .e-checkbox-spinner .e-checkboxlist.e-fields .e-ftrchk:first-child {
        display: none;
    }


#lexcen .template-row .template-img {
    border: 3px solid var(--border-color);
    border-radius: 10px;
    opacity: 0.9; /* Fades the image to indicate it's disabled */
}
    #lexcen .template-row .template-img:not(.disabled):hover {
        cursor: pointer;
        opacity: 1;
        border-color: var(--primary-color);
    }
#lexcen .template-row .template-img.disabled {
    opacity: 0.5; /* Fades the image to indicate it's disabled */
}
    #lexcen .template-row .template-img.disabled:hover {
        cursor: not-allowed;
        pointer-events: none; /* Disables clicking */
        opacity: 0.5; /* Fades the image to indicate it's disabled */
    }


#lexcen .lxn-dialog .selected .agent-template .joined .e-switch-wrapper {
    position: relative;
    left: 6px;
    bottom: 2px;
}

#lexcen .lxn-dialog .e-listbox-container.agent-list .e-list-wrap .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper {
    visibility: hidden !important;
    position: fixed;
}

#lexcen .lxn-dialog .e-listbox-container.agent-list .e-listbox-tool {
    overflow: hidden;
}

.list-container {
    padding: 1rem;
    display: grid;
    grid-template-columns: 46% 8% 46%
}

    .list-container .toolbar {
        display: grid;
        row-gap: 1rem;
        column-gap: 1rem;
        padding: 0.3rem;
    }

    .list-container {
    }

        .list-container .e-checkbox-wrapper {
            display: none !important;
        }

        .list-container .e-list-wrap li:has(.e-check) {
            background-color: var(--border-color) !important;
        }

        .list-container .blf-item-template {
            display: grid;
            grid-template-columns: 66% 38%;
        }

            .list-container .blf-item-template.list .tooltip-icon {
                width: 30px;
                position: relative;
                bottom: 5px;
            }
                .blf-item-template.list .tooltip-icon div {
                    font-size: 27px;
                }

.list-container .call-to-number-item-template {
    display: grid;
    grid-template-columns: 45% 25% 30%;
}
/*position: relative;
font-size: 27px;
bottom: 4px;*/
.schedule-full-view .lxn-horizontal-line.tabline {
    width: calc(100% - 40px);
}
.dashboard-panel .schedule-full-view .lxn-horizontal-line.tabline {
    width: 100%;
}

.specified-number-list {
    padding: 5px;
    display: flex;
    gap: 12px;
    border: solid var(--border-color) 2px;
    justify-content: space-between;
    border-radius: 5px;
}